/* CSS Document */
body{
/*margin:0 auto;
padding:0;*/
background:#FAFAF8;
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;
line-height:18px;

color:#666666;
}

#wrap{
margin:0 auto;
padding:0;
background:#FCFAE9;
width:800px;
border: .05em solid #CCCCCC;
}

/********************** Header ***********************************/
h2, h3, h4, h5, h6{
color:#C6710A;
font-family:"Lucida Handwriting", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;

}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1px;
color:#666666;
font-weight:normal;
}

.bgHeader{
background:url(images/raindropsHell_hp_Yl.jpg); 
height:200px;

}
.header h2{
margin-top:0; /* don't remove this, because firefox makes a margin on using header */
padding-top:120px;
padding-left:50px;
color:#F9F4D2;
line-height:30px;
font-weight:bold;
letter-spacing:1px;
}




/*************** Navigation *******************************************************/
#navcontainer {
        background: #F9F4D2; 

}

#navcontainer:after {
        display: block;
        line-height: 1px;
        clear: both;
}

ul#navlist {
        list-style: none;
        padding:0;
		/*padding-left:1px;*/
        margin: 0 auto;
        width: 100%;
}

ul#navlist li {
		display:inline;
        float: left;  
		/*width: 100%;*/
		width:133px;
		text-align:center;
}
* html ul#navlist li {
width:117px;}
ul#navlist li a {
        display: block;
      font-size:11px;
        padding: 0.5em;
        border-width: 0.1em;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
       
	   
	   
	    background: #F9F4D2;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
     color: #737379;
        background: #F5EEBA;/*transparent;*/
		
        border-color: #3A4908 #fff #ccc #ccc;

}

ul#navlist li a:hover, ul#navlist li#active a:hover{
        color: #737379;
        background: #F5EEBA;/*transparent;*/
        border-color: #3A4908 #fff #fff #ccc;
}

#mainleft{
margin:10px;
margin-left:40px;
margin-top:50px;
width:20%;
float:left;
}
* html #mainleft{
margin-left:20px;}
#mainmid{
float:left;
width:5%;
}

#mainright{
/*text-align:justify;*/
width:55%;
float:left;
padding-left:40px;
border-left:1px solid #ffffff;
margin:10px;
margin-top:50px;
}
* html #mainright{
padding-left:20px;
}
/************************** Main Content********************************/
/*#mainleft{

padding:10px;
padding-top:40px;
margin-left:30px;
width:30%;
float:left;
height:300px;
}
#mainmid{
float:left;*/
/*//width:5%;*/
/*}

#mainright{*/
/*//margin-left:10px;*/
/*width:55%;
float:left;
padding:10px;
padding-top:40px;
padding-right:30px;
border-left:1px dashed #ffffff

}*/
#mainOneColumn{
padding:10px;
padding-top:40px;
margin-left:30px;
width:90%;
float:left;

}
#mainOneColumnT{
padding:10px;
padding-top:40px;
margin-left:30px;
width:90%;
float:left;

}
.CV_img {
margin:20px;
margin-left:30px;
float:right;

}
.V_img{
float:right;
margin-right:30px;
}
/******************** footer **********************************/
#footer{
clear:both;
height:40px;
padding-top:15px;
background-color:#F6F3E3;
}
#footer a{
text-decoration:none;
 color: #777;

}
#footer a:hover{
color:#C6710A;}
.ref, a.ref{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;

padding-right:10px;
text-decoration:none;
}
.footer_left{ 
font-size:11px;
float:left;
padding-left:40px;
}
.tag, a.tag{
text-decoration:none;
color:#666666;}
.tagH3, a.tagH3{
text-decoration:none;
color:#C6710A;
}
/*************************** misc. classes ****************************************/

.fl_left{ 
float:left;
}
.fl_right{ 
float:right;
}
.fl_clear{
clear:both;}
.padd_r_200{
padding-right:200px;
}
.colorreddeish{
color:#800000;
}
.colororange{
color:#F99C58;
}
.center{
margin: 0 auto;
text-align:center;}


.highlight{
color:#C6710A;
}

.img-shadow {
	float:left;
  background: url(images/drop_shadow.png) no-repeat bottom right !important;
  background: url(images/drop_shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.spacer{
float:left;
width:20px;
height:60px;}

#spacer_20px{
clear:both;
width:100%;
height:20px;}

.quote{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#4C754C;
/*padding-left:20px;
*/}
.quoteWho{
font-size:14px;
}

#btnReturn{
clear:left;
float:right;
margin-right:100px;
}
#btnReturn a{
     width:80px;

        display: block;
      font-size:11px;
        padding: 0.3em;
        border-width: 0.1em; 
		border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
		text-align:center;
	    background: #F9F4D2;

}
#btnReturn a:hover{
  color: #737379;
        background: #F5EEBA;/*transparent;*/
        border-color:#999999 #fff #fff #ccc;
}

/************************* Contact Form *************************************************/
input, textarea, select { margin-left:14px;padding: 3px; }
label { width: 70px; display:block; float: left;  }
.submit{    
        font-size:11px;
        padding: 0.3em;
        color: #777;
		text-align:center;
	    background: #F9F4D2;
		margin-left:90px;}
.check{     
        font-size:11px;
        padding: 0.3em;
        color: #777;
		text-align:center;
	    background: #F9F4D2;}