/* 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: small; color: #7c5c38; background: #b5cddb url(/assets/main_background.jpg) repeat-x; }
a, p, dd, li, td { font-family: "Times New Roman", Times, serif; }
label, input, textarea, select { font-family: trebuchet ms, 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: "Times New Roman", Times, serif; font-weight: normal; color: #2e728d; padding-bottom: .1em; }
p { padding-bottom: .5em; line-height: 1.4em; }
a, a:visited { color: #3a7a94; text-decoration: underline; }
a:hover { color: #947a3a; text-decoration: none; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial narrow, sans-serif; }

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

div#head { width: 760px; height: 121px; margin: 0 auto; background: url(/assets/header_background.gif) no-repeat; }
div#head img#main_logo { position: absolute; left: 23px; top: 18px; }
div#mainnav { }
div#mainnav ul.mainnav { }
div#mainnav ul.mainnav li#li_approach { position: absolute; left: 372px; top: 78px; }
div#mainnav ul.mainnav li#li_services { position: absolute; left: 474px; top: 78px; }
div#mainnav ul.mainnav li#li_products { position: absolute; left: 565px; top: 78px; }
div#mainnav ul.mainnav li#li_contact { position: absolute; left: 665px; top: 78px; }

div#content { float: left; width: 760px; margin: 0 auto; background: #fff url(/assets/body_background.gif) top left no-repeat; }

div#main { float: left; padding: 20px; }
div#main h1 { font-size: 2.8em; }
div#main h1.head { border-bottom: 1px solid #2e728d; margin-bottom: 10px; }
div#main h2 { font-size: 2em; }
div#main ul { margin-left: 3em; margin-bottom: 1.3em; }
div#main ul li { list-style: disc; font: 1.1em "Times New Roman", Times, serif; line-height: 1.3em; }
div#main ul li ul { margin: .6em 0; }
div#main ul li ul li { list-style: circle; margin-left: 1em; font: 1.1em "Times New Roman", Times, serif; line-height: 1.3em; }
div#main p { font: 1.1em "Times New Roman", Times, serif; line-height: 1.3em; color: #000; }
div#main img.right { float: right; margin-left: 15px; border: 10px solid #f7f7f7; }
div#main img.left { float: left; margin-right: 15px; border: 10px solid #f7f7f7; }

div#main div#imagelist { margin-bottom: 20px; }
div#main div#imagelist dl { float: left; }
div#main div#imagelist dl dt { margin-top: 10px; margin-right: 10px; }
div#main div#imagelist dl dt img { border: 10px solid #f7f7f7; }
div#main div#imagelist dl dd { font: 1.0em "Times New Roman", Times, serif; color: #3a7a94; text-style: italic; text-align: center }

div#main div#subnav { margin-top: -10px; padding-bottom: 5px; border-bottom: 1px solid #3a7a94; color: #3a7a94; }
div#main div#subnav a { font: 1em "Times New Roman", Times, serif; color: #3a7a94; text-transform: uppercase; text-decoration: none; }
div#main div#subnav a:hover { text-decoration: underline; }

div#footer { position: relative; float: left; width: 760px; height: 68px; margin: 0 auto; padding: 0; background: url(/assets/footer_background.gif) top left no-repeat; }  

div#copyright { width: 180px; float: left; padding: 45px 0 0 15px; font: 10px arial, sans-serif; color: #2e728d; }
div#copyright a { color: #2e728d; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

div#textnav { width: 370px; float: left; padding: 43px 0 0 0; color: #3a7a94; text-align: center; }
div#textnav a { font: 1em "Times New Roman", Times, serif; color: #3a7a94; text-transform: uppercase; text-decoration: none; }
div#textnav a:hover { text-decoration: underline; }

div#sitecredit { width: 180px; float: right; padding: 45px 15px 0 0; font: 10px arial, sans-serif; color: #abc6d2; text-align: right; }
div#sitecredit a { color: #abc6d2; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }


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; }

#contactform { width: 300px; float: right; padding: 20px; background-color: #fbe7ff; }
#contactform label { font-weight: bold; color:#993366; }
#contactform input { font: small arial, sans-serif; color:#993366; width: 280px; margin-bottom: 10px; }
#contactform textarea { font: small arial, sans-serif; color:#993366; width: 280px; height: 100px; margin-bottom: 10px; }
#contactform .button { width: auto; margin-bottom: 10px; color:#333; }


/* 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 */


/* hacks to remember */
	
selector {
	property: value for Explorer 5 Mac
}
/*
	First comment. Explorer 5 Mac misses the end-of-comment
	because of the backslash
\*/
selector {
	property: value for all other browsers
}
/*
	Second comment. Explorer 5 Mac sees the end of this
	comment as the end of the previous one
*/

/* http://www.tantek.com/CSS/Examples/boxmodelhack.html */