/* 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: #333; background: #aaa url(/assets/background.gif) top repeat-x; }
a, p, dd, li, td { font-family: trebuchet ms, sans-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: trebuchet ms, sans-serif; font-weight: normal; color: #8c1d23; padding-bottom: .1em; }
p { padding-bottom: .5em; line-height: 1.4em; }
a { color: #bb8d0a; text-decoration: underline; }
a:hover { text-decoration: none; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small verdana, sans-serif; }

/* structure */
div#wrap { position: relative; width: 760px; padding: 0; margin: 0 auto; margin-top: 60px; }	
div#head { position: relative; width: 760px; height: 87px; background-color: #efefef; border: 1px solid #888; }

img#logo { position: absolute; top: 18px; left: 18px; }

#mainnav { position: absolute; top: 35px; left: 275px; }
* html #mainnav { left: 265px; }
#mainnav ul { margin: 0; line-height: 1.4; }
#mainnav ul li { display: block; float: left; margin-left: 14px; }
#mainnav ul li a { display: inline; font: 1em trebuchet ms, sans-serif; color: #808080; text-decoration: none;  }
#mainnav ul li a:hover { color: #bb8d0a; }
#mainnav ul li.on { }
#mainnav ul li.on a { color: #bb8d0a; }
#mainnav ul li.first { }
#mainnav ul li.last { }

#content { width: 760px; background-color: #ccc; border: 1px solid #898989; border-top: none; margin: 0; padding: 0; }  

#main { padding: 20px 40px; }

#hpimage { margin: 10px auto; }
#hpimage dt img { border: 1px solid #9d9d9d; }
#hpimage dd { text-align: right; color: #999; font-size: .8em; }

table#projectdetail { width: 680px; border-collapse: collapse; margin-bottom: 20px; }
table#projectdetail th { width: 230px; vertical-align: top; text-align: left; font-weight: normal; }
table#projectdetail td { width: 450px; vertical-align: top; text-align: center; }

div.header { text-align: right; font-size: 2.5em; font-weight: normal; color: #ddd; margin-bottom: 10px; }

div.gridphoto { float: left; margin: 10px; text-align: right; color: #888; height: 200px; }
div.gridphoto p { font-size: 10px; }

div.thumbgrid a img { display: block; float: left; margin: 0 8px 8px 0; }

img#keyimage { margin: 0 auto; }

div.pdesc { clear: left; margin-top: 10px; width: 190px; }
div.pdesc h1 { font-size: 12px; color: #333; }
div.pdesc h2 { font-size: 12px; color: #333; }
div.pdesc h3 { font-size: 12px; color: #333; }
div.pdesc h4 { font-size: 12px; color: #333; }
div.pdesc h5 { font-size: 12px; color: #333; }
div.pdesc h6 { font-size: 12px; color: #333; }
div.pdesc p { font-size: 11px; color: #555; }



#footer { width: 760px; height: 20px; margin: 0; padding: 0; }  

div#copyright { float: left; padding: 0;  font-family: verdana, sans-serif; font-size: .9em; color: #777; }
div#copyright a { color: #777; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

div#sitecredit { float: right; padding: 0; font-family: verdana, sans-serif; font-size: .9em; color: #878787; }
div#sitecredit a { color: #878787; text-decoration: none; }
div#sitecredit a:hover { color: #fff; }

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