/*  
      Color Key
body
background:      #eee8e1
h2:              #63BBD3
h3:              #F6F0E4
p, h6:           #6A5C3A
p a:             #F5864B 
dt, dd:          #6A5C3A
downloads
background:      #6A5C3A 

main navigtion font colors: 
mainoff a:       #6A5C3A
mainoff a:hover: #F5864B
mainon a:        #F5864B 

site description and
resume styles:
background:      #F6F0E4
h2 a:            #63BBD3 

contact page styles:
background:      #F6F0E4
label:           #6A5C3A
required
input:           #F5864B

footer p:        #363636

*/



body { 
   	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/backgroundlinen.png) 0px 0px repeat;
	background-color:#eee8e1; 
}


/*start global styles********************************/
	
h2 {
	font: 18px/18px Arial, Helvetica, sans-serif;
	color: #63BBD3;
	margin-bottom: 4px;
	}
	h2 a {
		text-decoration:none;
	} 
	h2 a:hover {
		text-decoration:none;
	}   
h3 {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color:#F6F0E4; 
	margin-bottom: 4px;
	}
	h3 a {
		color: #F6F0E4; 
		text-decoration: none;
		}
		h3 a:hover { 
			text-decoration: underline;
			}
h6 {
	font-size:.9em;
	color:#6A5C3A;
	font-weight:normal;
   }
p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 8px;  
	color:#6A5C3A;
	}
    p a {
		color: #F5864B; 
		text-decoration: none;
		}
        p a:hover {
			text-decoration:underline;
			} 

li {
	list-style-type:none;
	line-height:1.7; 
	vertical-align:bottom
	}
    li a {
		text-decoration:none;
		}
        li a img {
			border:none;
			}
		
.clear {
	clear:both;
	}		
		
/*end global styles*****************************/


#container {
	max-width: 960px; 
	min-width:945px;
	margin: 0 auto;
	padding: 10px 20px 40px 20px;
	overflow: hidden;
}

#sidenav {
	float: left; 
	position:fixed; 	  
    width:15%;
	height:100%;	
}
#sidenav ul li {
	display: block; 
	padding: 0 5px;
	font-size: 1.1em;
	line-height: .8;
	text-decoration: none;
	font-weight: bold;
	border: none;
}
.svwp{display:none;}
#boxbkgrnd {
	width:121px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/backgroundlinenpattern3.png) 0px 0px repeat;
}
#boxbkgrnd img {
	padding-left:25px;
} 
#boxbkgrnd p {
	font-size:1.1em; 
    padding-left:50px;
}
#logo {
	height:75px;  
	margin-bottom:.8em; 
	padding-left:26px;  
} 

#webdesigndev {
	padding-top:5px;
}
#downloads { 
	width:151px; 
	height:335px; 
	background-color:#6A5C3A; 
	margin-right:10px;
	
}
#downloads ul {
	padding-left:25px; 
} 
#dwnbx {
	padding:18px 0 0 15px;	
}
downloads h3 {
	
} 
#webdd {
  padding:20px 0 25px 10px;  
} 
#linkedin {
	padding:15px 0 0 43px;
}
#middle {
	float: right;
	width: 80%;
	margin-top:25px;
	padding: 21px 10px 0 10px; 
	background: url(../images/backgroundlinenpattern3.png) 0px 0px repeat;
}  

#content {
	float: left;
	width: 100%; /* 560 / 840 */    
} 
#content-inner {
	overflow:hidden;
} 

#mainnav {
	float:right;
	width: 555px;
	font-weight:bold; 
	font-size:1.2em;
	font-style:italic;
	font-family:georgia;
	}	
	#mainnav ul {
		padding-top:30px;
		padding-left:12em;
		}		  
		#mainnav li {
			display:inline;
			padding: 0 8px 0 17px;
			background: url(../images/navdivider.png) 0px 2px no-repeat;
			} 
#mainnav #portfolio {
    background:none;
}
.mainoff a {
	color:#6A5C3A;
}
.mainoff a:hover {
	color:#F5864B;
	}            
	
.mainon a {
	color:#F5864B;
	}			
.folioitem { 
	width:100%;
	padding-bottom:30px;
	height:225px;  	
}
.folioitemlast { 
	width:100%;	
	height:245px;  	
}			
.descwrap {
	padding: 0 15px 5px 11px; 
	float:left;
	width:61%;   
}
.desc {   /*box box around the site descriptions*/
	padding:15px 15px 11px 15px; 
	height:175px;
	background-color:#F6F0E4;  
	}
	.desc h2 { 
		font-weight:bold; 
		font-size:1.2em;
		padding-bottom:10px;   
		}
		.desc h2 a {  
			font-family:georgia;
			color:#63BBD3;    					   
			}
			  		
.right {	 
	 float: right;
	padding-right:15px;     
	 }
.sitelink {
		/*padding-top:15px; */
		font-size:1.1em;
		font-weight:bold;
        font-style:italic;
		font-family:georgia;
		text-align:right;
		}
		
/****************** RESUME PAGE STYLES ****************************/  
 
 .maincat {  /*also used on contact page*/
		font-size:1.2em;
		font-weight:bold;
		font-family:georgia;	
		padding-bottom:10px;
		}
.resumesec {   /*box box around the site descriptions*/
		background-color:#F6F0E4;
		margin:0 12px 35px 12px;  
		}		
 .resumesecinner {
		 padding:15px 15px 11px 15px; 
		} 
dl {
	width:100%;
}	
dt {
   float:left;
   color:#6A5C3A;
   }
dd {
   color:#6A5C3A;
	}
.cat {
	padding-bottom:20px; 
	}

    .cat2 a {
		color:#363636;
		}
        .cat2 a:hover {
			text-decoration:underline;
			} 
.dates {
	float:right;
	} 
.desc2 { 
	padding:15px 0 35px 0; 
	background-color:#F6F0E4;  
	}
.desc2last { 
	padding:15px 0 0 0; 
	background-color:#F6F0E4;  
	}	
.desc2 h6 {
	padding:8px 0 12px 0; 
	
	}
.desc2 p { 
   width:75%;
	}
								  	
/************** END RESUME STYLES **************************/  


/************** CONTACT PAGE STYLES *************************/     

#intro2	{
	margin-bottom:20px;
	}
	#intro2 h2 {

		padding-bottom:25px;
	}

/*.maincat listed in resume page above 
is also used on contact page*/
.section {   /*box box around the site descriptions*/
		background-color:#F6F0E4;
		margin:0 12px 21px 12px;  
		} 
.sectioninner {
		 padding:15px 15px 0 15px; 
		}		
.formsection
	{
	width:477px;
	text-align:right;
	margin-bottom:8px;
	}
label {color:#6A5C3A;} 
.submit 
	{
	text-align:right;
	padding-right:255px;	
	}
	
.req 
	{
	padding-left:8px;
	font-size:1.5em;
	font-weight:bold;
	color:#F5864B; 
	} 
	
#note
	{
	padding:10px 0 0 370px;
	} 

#notetxt { 
	font-size:1em; 
	padding-left:5px;
	width:70px;
	position:relative;	
	top:-30px;
	left:16px;
	}

#thxbody {
	height:290px;
	} 
	
/************** END CONTACT PAGE STYLES *************************/

/************** DISCLAIMER PAGE STYLES *************************/ 

#intro3	{
	padding:20px;
	}
 	    

/************** END DISCLAIMER PAGE STYLES *************************/

/************** FOOTER STYLES *************************/ 


#footer {
	padding-top:20px;
	clear:both;
	text-align:right;
	color:#363636;
	font-size:.9em;
	overflow:hidden;
	}