/* CSS Document */





body {  margin: 0; background-image: url(images/background.jpg); background-repeat: repeat-x; background-color: #807468; font-family:Verdana, Arial, Helvetica, sans-serif; }



.everything {  margin-top: 4px; }



.logo {margin-left: 20px;  }



.module { background-image: url(images/module_bg.png); background-repeat: no-repeat; width: 920px; height: 570px; }



/* TODO: decouple module positioning from nav.  */

.contact_nav_head {  display:inline; position:absolute; z-index: 1; }



.nav { float: left;  }



.nav ul li { display: block; float:left; margin-left: 20px; padding: 20px 10px 15px 10px; font-size:12px; color: #656565;   }



.nav ul li a {  color: #656565; text-decoration:none; }



.nav ul .current { background-color: #624822;   }



.nav ul .current { color: #D3A768;}



.contact {  margin-left: 725px; color: #656565; font-size: 12px; margin-right: 60px; padding-top: 17px; position: relative; }



.contact a { color: #656565; }



.content { width: 884px; height: 400px; margin-top: 90px; margin-left: 18px; position:absolute; z-index: 2; display: inline; }



.text_box {  background-image: url(images/grass_full.png); background-repeat: no-repeat; background-color: #624822; height: 360px; width: 361px; float: left; padding: 20px; }



.text_box h1 { color: #D3A768; font-size:12px; font-weight:bold; margin: 0; }



.text_box h2 { color: #D3A768; font-size:11px; font-weight: normal; margin-bottom: -8px; }
.text_box h3 { color: #d3a768; font-size: 11px; font-weight: normal; margin-top: -13px; margin-bottom: 12px; }
.text_box p { color: #E4DFCC; font-size: 11px; line-height: 12pt; font-style:normal; font-weight:normal; }



.text_box p a { color: #B57B27; }



.left_nav {  width: 120px; height: 400px; float: left; }



.first_class_nav li { list-style:none; color: #656565; font-size: 12px; margin-bottom: 10px; margin-left: -20px; }



.first_class_nav a { text-decoration: none; color: #656565; }



.second_class_nav li { list-style:none outside url('images/raquo.png'); color: #656565; font-size: 12px; margin-bottom: 10px; margin-left: -8px; }



.second_class_nav a { text-decoration: none; color: #B57B27}



.dark_sliver {margin-left: 30px; width: 60px; height: 400px; background-image: url(images/grass_60.png); background-repeat: no-repeat;background-color: #624822; float: left;}



.light_sliver { width: 30px; height: 400px; background-color: #B57B27; background-image: url(images/grass_30.png); background-repeat: no-repeat; float: left; }



.main_image { width: 243px; height: 400px; float: left; }



.float_image {display: none; width: 343px; height: 217px; position: absolute; z-index: 3; margin-top: 325px; margin-left: 25px;}



.float_image_landscapes {width: 287px; height: 400px; position: absolute; z-index: 4; margin-top: 130px; margin-left: 25px;}



.float_image_sunset {width: 335px; height: 270px; position: absolute; z-index: 5; margin-top: 305px; margin-left: 25px;}



.float_image_sand {display: none; width: 280px; height: 214px; position: absolute; z-index: 6; margin-top: 330px; margin-left: 25px;}



.float_image_branched {display: none; width: 280px; height: 214px; position: absolute; z-index: 7; margin-top: 330px; margin-left: 25px;}



.license {font-size: 11px; padding-top: 520px; text-align:right; padding-right: 40px; color:#666666; margin-top:0;}

.license a {
	color: #666666;
}

/* styles added @date: 2008-04-28 @author: jared essig */



ul.first_class_nav li { padding-left: 12px; }



ul.first_class_nav li.current { border-left: 4px solid #B57B27; padding-left: 8px; }



body { text-align: center; }



.everything { text-align: left; margin-left:auto; margin-right:auto; width:920px; }

.pdf {
	background: transparent url(images/icons/pdf.png) no-repeat left;
	padding-left: 18px;
}

ul.projects, ul.projects ul {
	list-style: none;
	padding-left: 23px;
}
.projects li, .projects li a, .projects li a:visited {
color: #D3A768; font-size:12px; font-weight:bold; margin: 0; text-decoration: none;
}
.projects ul li, .projects ul li a, .projects ul li a:visited {
color:#E4DFCC;
}
.projects li a:hover {
text-decoration: underline;
}
.projects ul li a:hover {
text-decoration: underline;
}

#project_block {
	overflow: auto;
	background: transparent;
	height: 300px;
	
}

