@charset "UTF-8";
/* CSS Document */

body {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	background-color: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #666;
}

a {color: #837668; text-decoration: underline;}
a:hover {color: #666; text-decoration: underline;}

#container { width: 960px; background: #FFF; margin: 0 auto; text-align: left; }

#home_container { width: 960px;	min-height:700px; background: url(images/home_bg.jpg) no-repeat; margin: 0 auto; text-align: left; }

#home_content { margin: 120px 500px 0 120px; height: 350px; color:#837668;}

#projects_container { width: 960px;	min-height:700px; background: url(images/projects_bg.jpg) no-repeat; margin: 0 auto; text-align: left; }
#projects_content { margin: 40px 0 0 710px; font: 11px Arial, Helvetica, Verdana, sans-serif; line-height: 16px;}
#projects_home { margin: 40px 0 0 710px; font: 11px Arial, Helvetica, Verdana, sans-serif; line-height: 16px; height: 225px;}
#philosophy_content { margin: 40px 250px 0 25px; font: 12px Arial, Helvetica, Verdana, sans-serif; line-height: 17px;}

#projects_nav {color: #333; font: 12px Arial, Helvetica, Verdana, sans-serif; float: left; margin: 10px 0 0 25px; width: 210px;}
#projects_nav a, #projects_nav a:visited {color: #837668; text-decoration: none;}
#projects_nav a:hover {color: #333; text-decoration: underline;}
#projects_nav li {list-style: none inside; line-height: 21px; color: #837668; margin-left: -25px;}
#projects_nav h2 { font: 12px Arial, Helvetica, Verdana, sans-serif; line-height: 16px; color: #000; font-weight: bold; margin-top:27px;}
#large_image {float: left; margin-top: 40px; width: 435px;}


.logo {float: right; border: 0px;}
.completion {float: right; font-size: 11px; font-style: italic;}
.thumb {margin: 0 5px 5px 0; float: left;}
.twentybelow {margin-bottom: 20px;}

#topbar { width:960px; height:26px; background:#dbd7d3; margin:80px 0 0 0; display:inline-block; }

h1 { font: 22px Arial, Helvetica, Verdana, sans-serif; line-height: 24px; color: #000; border-bottom: 1px solid #9c3; padding-bottom: 5px; margin-bottom: 20px;}
h2 { font: 16px Arial, Helvetica, Verdana, sans-serif; line-height: 16px; color: #837668; margin-top:20px;}
h3 { font: 12px Arial, Helvetica, Verdana, sans-serif; line-height: 14px; color: #000; font-weight: bold;}

#nav {margin:5px 0 0 30px; padding:0; height:27px; }

#nav li, #nav a { height:27px; display:block; color:#837668; text-decoration:none; margin-right:30px; }
#nav a:hover { text-decoration:none; color:#000; }


#nav li { float:left; list-style:none; display:inline; }

.clearfloat {clear:both;}

#footer {background-color: #fff; border-bottom: 1px solid #ccc; width:960px; font: 10px Arial, Helvetica, Verdana, sans-serif; text-align: right; padding:10px 0px 10px 0; margin: 20px 0 40px 0;}