/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
br.cb { clear: both; }

/* base aesthetic */
body { font-family: Arial, sans-serif; font-size: small; color: #777; line-height: 1.5em; background-color: transparent; }
a, p, dd, li, td { font-family: Arial, sans-serif; font-size: small; color: #555; line-height: 1.5em; }
label, input, textarea, select { font-family: Arial, sans-serif; font-size: small; color: #555; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; font-weight: bold; line-height: 120%; color: #f90; margin-top: .75em; margin-bottom: .5em; }
p { margin-bottom: .5em; }
a { font-size: small; color: #66a; text-decoration: underline; }
a:hover { text-decoration: none; }
.error { color: #c33; font-weight: bold; }


/* structure */
body { background-image: url("../assets/bg_header.jpg"); background-repeat: repeat-x; background-position: top; }	

#error { color: #c33; font: 13px arial, sans-serif; font-weight: bold; }

#header { width: 760px; height: 100px; margin: 0 auto; }

#nav { width: 758px; border-left: 1px solid #333; border-right: 1px solid #333; margin: 0 auto; background: transparent; }
#nav img { display: inline; }
#nav ul { margin: 0; border 0; }
#nav li { display: inline; margin: 0; padding: 0px; }
#nav li.first { margin-left: 10px; }

#subnav { float: left; width: 258px; padding: 0 25px 0 10px; background-color: transparent;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 223px;
}
#subnav ul { margin: 20px 5px 0 5px; padding: 0; }
#subnav li { color: #888; line-height: 1.2em; margin: 0; padding: 0 0 8px 25px; }
#subnav li a { font-size: small; color: #66a; text-decoration: underline; }
#subnav li a:hover { text-decoration: none; }
#subnav li.first { }
#subnav li.last { background: url("../assets/bg_subnav.jpg") no-repeat bottom left; padding-bottom: 40px; }
#subnav li.on { }
#subnav li.on a { color: #f90; font-weight: bold; text-decoration: none; }

#subnav ul#clientlist li { line-height: 1em; padding: 0 0 4px 12px; }
#subnav ul#clientlist li a { font-size: .9em; }



#main { width: 758px; margin: 0 auto; border-left: 1px solid #333; border-right: 1px solid #333; clear: both; }  

#content { float: left; width: 499px; padding: 0 25px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 449px;
}
#content img { float: right; margin: 5px 0 5px 10px; }

#content div.module { float:left; width: 448px; margin-top: 10px; margin-bottom: 25px; }
#content div.module img { float: left; margin-left: -5px; margin-right: 10px; }
#content div.module h2 { font-family: Arial, sans-serif; font-size: small; margin: 0; color: #666; }
#content div.module a { font-size: x-small; font-weight: bold; color: #369; text-decoration: underline; }
#content div.module a:hover { text-decoration: none; }

#content dl.img { width: 240px; float: right; margin: 5px 0 5px 10px; }
#content dl.img img { float: none; text-align: center; margin: 0 auto; }
#content dl.img dt, dl.img dd { font-size: xx-small; text-align: center; margin: 0 auto; }
#content dl.img a { font-size: x-small; }

#content dl.portfolio { width: 300px; float: right; margin: 5px 0 5px 10px; }
#content dl.portfolio img { float: none; text-align: center; margin: 0 auto; }
#content dl.portfolio dt, dl.portfolio dd { font-size: xx-small; text-align: center; margin: 0 auto; }
#content dl.portfolio a { font-size: x-small; }

#footer { text-align: right; font-size: xx-small; color: #999; width: 758px; margin: -1px auto 20px auto; border-left: 1px solid #333; border-right: 1px solid #333; padding: 10px 25px 10px 25px; border-bottom: 1px solid #333;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 708px;
}

div.form { width: 448px; float: left; clear: both; margin: 10px 0; }
form dl { float: left; }
form dt { width: 200px; margin: 0 0 10px 0; float: left; clear: both; }
form dd { width: 240px; margin: 0 0 10px 0; float: left; }
input.px200 { width: 220px; }



#contact input, #contact select, #contact textarea, #contact label { display: block; font-size: 11px; border: 0; margin: 0; padding: 2px; }	
#contact select, #contact option { padding: 2px; }	
#contact input, #contact select, #contact textarea { background-color: #fff; border: 1px solid #c93;}	
#contact label { float: left; margin-bottom: 5px; }	
#contact label.cb { width: 105px; }	
#contact input { margin-bottom: 5px; }	
#contact .h { display: none; }
#contact div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
#contact .cb { display: inline; border: none; vertical-align: middle; }			
#contact .bi, #contact .rb, #contact .cb { background: none; }
#contact .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; background-color: #f60; color: #fff; padding: 5px; }


/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */