/* 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; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: trebuchet ms, sans-serif; font-size: .9em; color: #666;  background: #2261ac url('../assets/main_background.gif') repeat-x; }
a, p, dd, li, td { font-family: arial, sans-serif; }
label, input, textarea, select { font-family: arial, sans-serif; }
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: arial, sans-serif; font-weight: normal; color: #007ac3; padding-bottom: .1em; }
p { padding-bottom: 1.5em; line-height: 1.4em; }
a { color: #7ac; text-decoration: none; }
.smalljob {font-family: arial, sans-serif; font-size:.9em; text-align:left; padding-bottom:6px;}
a:hover { text-decoration: underline; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial, sans-serif; }

/* structure */
#wrap { position: relative; margin: 0 auto; width: 954px; padding: 0; }

#head { position: relative; margin: 0 auto; width: 954px; height: 151px; padding: 0; background: url('../assets/header_background.jpg') no-repeat; }
#head #logo { position: absolute; top: 0; left: 0; }
#head #home_link { position: absolute; top: 68px; left: 118px; }

#tagline {
	position: absolute;
	left: 180px;
	top: 36px;
	padding: 0;
	z-index: 1000;
}
#nav_container { position: absolute; right: 0; top: 124px; padding: 0; z-index: 1000; }
#nav_container2 { position: absolute; right: 0; top: 124px; padding: 0; z-index: 1000; }
#main_nav { margin: 0 0 0 27px; padding: 0; } 
#main_nav li { float: left; height: 43px; padding: 0 0 0 6px; margin-right: 8px; } 
#main_nav li.last { margin-right: 0; } 
#main_nav li a { display: block; float: left; height: 23px; padding: 4px 8px 0 0; color: #f8eaa7; font-size: 10px; text-transform: uppercase; } 
#main_nav li a:hover { color: #fff; text-decoration: none; } 
#main_nav li.on { background: url('../assets/tab_left.gif') no-repeat; } 
#main_nav li.on a { color: #165071; text-decoration: none; background: url('../assets/tab_right.gif') top right no-repeat; padding-top: 21px; } 

#sub_nav { position: relative; margin: 0 0 8px 0; padding: 0 10px 4px 0px; font-size: 11px; text-align: right; }
#sub_nav span { color: #666; font: 18px arial, helvetica, sans-serif; padding-right: 10px; }
#sub_nav a { padding: 2px; margin: 0 2px; color: #666; font-size: 11px; padding-bottom: 2px; } 
#sub_nav a:hover { color: #007ac3; text-decoration: none; border-bottom: 1px dotted #007ac3; } 
#sub_nav a.on { color: #007ac3; border-bottom: 1px dotted #007ac3; } 

#content { position: relative; margin: 0 auto; width: 954px; }
#content #main { position: relative; width: 854px; background-color: #fff; padding: 30px 50px 40px 50px; z-index: 1; background: url('../assets/content_main_background.gif') repeat-y; }

div.project_nav { width: 854px; border-bottom: 1px solid #91b7d8; background: url('../assets/down_arrow.gif') 846px 12px no-repeat; }
div.project_nav a.head { font-size: 18px; color: #7ac; text-decoration: none; }

#project_nav_items { border-collapse: collapse; width: 750px; }
#project_nav_items tr td { border-bottom: 1px solid #f9f9f9; padding: 2px 0; }
#project_nav_items tr td a { color: #7ac; }
#project_nav_items tr td a:visited { color: #7ac; }
#project_nav_items.show { display: table; }
#project_nav_items.hide { display: none; }

div.photogrid { margin-top: 20px; }

div.gridphoto { float: left; width: 150px; height: 200px; margin-right: 13px; }
div.gridphoto label { color: #91b7d8; font-size: 10px; }
div.gridphoto img { margin-top: 2px; }

table#projectdetail { width: 854px; border-collapse: collapse; margin-bottom: 30px; }
table#projectdetail td.k { width: 724px; vertical-align: top; text-align: right; padding-top: 20px; }
table#projectdetail td.k div { width: 724px; }
table#projectdetail td.k div img { margin: 0 auto; }
table#projectdetail td.t { width: 140px; vertical-align: top; text-align: left; padding-top: 20px; font-size: 9px; color: #666; }
table#projectdetail td.t a { color: #7ac; }
table#projectdetail td.t img { float: left; margin: 0 10px 10px 0; }
table#projectdetail td.t div.pdesc { margin-top: 10px; clear: both; }

#content #key_photo { float: right; margin: 22px 50px 0 0; }

#foot_band { margin: 0 auto; width: 100%; height: 100px; padding: 0; background: url('../assets/footer_background.gif') repeat-x; }  
#foot { position: relative; margin: 0 auto; width: 954px; padding: 0; }  
#foot p { font-size: .9em; color: #86c9ed; padding: 3px; }

div#copyright { float: left; padding: 15px 0 45px 0; font-family: verdana, sans-serif; font-size: .8em; color: #66a9cd; }
div#copyright a { color: #82b9d6; font-family: verdana, sans-serif; text-decoration: none; }
div#copyright a:hover { color: #fff; }

div#sitecredit { float: right; padding: 15px 0 45px 0; font-family: verdana, sans-serif; font-size: .8em; color: #66a9cd; }
div#sitecredit a { color: #66a9cd; font-family: verdana, sans-serif; text-decoration: none; }
div#sitecredit a:hover { color: #82b9d6; }

div.form { width: 520px; padding: 20px; border: 1px solid #cde; float: right; }
div.form form { float: left; }
div.form p { float: left; font: 12px arial, sans-serif; color: #999; line-height: inherit; padding:  0 0 5px 0; }
div.form p.error { color: #c00; padding: 10px; margin: 5px 0; border: 1px solid #555; line-height: 1.6em; } 
div.form label { float: left; font-family: arial, sans-serif; font-size: .8em; border: 0; margin: 0; padding: 2px; margin-bottom: 5px; color: #777; }	
div.form input { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 4px; }
div.form select { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 2px; }
div.form textarea { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 0; padding: 4px; }	
div.form select option { padding: 2px; }
div.form label.cb { width: 105px; }	
div.form input { margin-bottom: 5px; }
div.form input.short { width: 190px; color: #555; }
div.form input.wide { width: 400px; color: #555; }
div.form textarea.wide { width: 500px; height: 150px; color: #555; }
div.form .h { display: none; }
div.form div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
div.form .cb { display: inline; border: none; vertical-align: middle; }			
div.form .bi, div.form .rb, div.form .cb { background: none; }
div.form .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; background: #89a; color: #fff; padding: 5px; }

div#error { color: #c33; padding: 5px; margin: 10px 0; border: 1px solid #ddd; width: 450px; } 

#thumbs { margin: 0; width: 260px; float: left; padding-left: 20px; }
#thumbs img { float: left; padding: 10px; }

#key { margin: 0 0 10px 0; width: 680px; float: left; text-align: right; }
#key img { display: inline; }

img#embossed { float: left; margin-top: 30px; }

#info { padding: 20px; color: #999; }

#tabcol { margin: 0; width: 260px; float: left; padding-left: 20px; font-size: .9em; color: #666; font-family: arial, sans-serif;}

/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
hr {
	color:#6e98ba;
	background-color:#6e98ba;
	height: 1px;
	width:80%;
}
#projdescription { position: relative; padding-top: 10px; margin-left:60px; font-size: 12px; text-align: left; }
.testimonialclick { font-size: 11px; text-align: left; }