/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family:helvetica, arial, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#666;
	background-color: #f9faea;
}



/* temp for testing */
.hidden {
	display: none;
}



a {
	font-family:helvetica, arial, sans-serif;
	color:#6e3803;
	text-decoration:underline;
}

a:hover {
	/*color:#6CF;*/
	color:#afcf7b;
	text-decoration:underline;
}

/*
a:visited {
	font-family:helvetica, arial, sans-serif;
	color:#6e3803;
	text-decoration:underline;
}

a:active {
	font-family:helvetica, arial, sans-serif;
	color:#6e3803;
	text-decoration:underline;
}
*/




#page-container {
	margin:0 auto;
	width: 900px;
}



/* Main Navigation */
#nav {
	height: 25px;
	background-color:#afcf7b;
}

#nav d1 {
	margin: 0; padding: 0;
}

/* IE5 Mac Hack \*/
#nav { 
	padding-left: 15px; 
}
/*/
#main-nav { 
padding-left: 15px; overflow: hidden; 
}
/* End Hack */
/* This is a hack that does 2 things, sets the left padding of the main-nav 
to 15px (so its bumped in slightly like the design shows), and fixes a bug on IE5/mac. */

#nav dt { 
	float: left; 
}
/* This sets the definition titles (our individual nav item containers) to float left, 
which stacks them left to right, instead of one under the other. */

#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:25px; /* IE 5/Win hack */ 
	padding: 25px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Sets the link to the same dimensions as its surrounding container, and hides the 
text using the overflow property. */

#nav dt a:hover {
	background-position: 0 -25px;
}
/* Sets the background position to move up 25px when a link is hovered. */

#nav dt#nav-home,
#nav dt#nav-home a { width: 65px; background-image: url(../images/nav/nav_home.gif); }
#nav dt#nav-background,
#nav dt#nav-background a { width: 114px; background-image: url(../images/nav/nav_background.gif); }
#nav dt#nav-philosophy,
#nav dt#nav-philosophy a { width: 107px; background-image: url(../images/nav/nav_philosophy.gif); }
#nav dt#nav-services,
#nav dt#nav-services a { width: 86px; background-image: url(../images/nav/nav_services.gif); }
#nav dt#nav-greenbuilding,
#nav dt#nav-greenbuilding a { width: 129px; background-image: url(../images/nav/nav_greenbuilding.gif); }
#nav dt#nav-projects,
#nav dt#nav-projects a { width: 90px; background-image: url(../images/nav/nav_projects.gif); }
#nav dt#nav-affiliations,
#nav dt#nav-affiliations a { width: 110px; background-image: url(../images/nav/nav_affiliations.gif); }
#nav dt#nav-news,
#nav dt#nav-news a { width: 65px; background-image: url(../images/nav/nav_news.gif); }
#nav dt#nav-contactus,
#nav dt#nav-contactus a { width: 106px; background-image: url(../images/nav/nav_contactus.gif); }
/*Sets the individual widths of each nav item, and the paths to each image. */

body.home dt#nav-home,
body.home dt#nav-home a,
body.home dt#nav-home a:hover,
body.background dt#nav-background,
body.background dt#nav-background a,
body.background dt#nav-background a:hover,
body.philosophy dt#nav-philosophy,
body.philosophy dt#nav-philosophy a,
body.philosophy dt#nav-philosophy a:hover,
body.services dt#nav-services,
body.services dt#nav-services a,
body.services dt#nav-services a:hover,
body.greenbuilding dt#nav-greenbuilding,
body.greenbuilding dt#nav-greenbuilding a,
body.greenbuilding dt#nav-greenbuilding a:hover,
body.projects dt#nav-projects,
body.projects dt#nav-projects a,
body.projects dt#nav-projects a:hover,
body.affiliations dt#nav-affiliations,
body.affiliations dt#nav-affiliations a,
body.affiliations dt#nav-affiliations a:hover,
body.news dt#nav-news,
body.news dt#nav-news a,
body.news dt#nav-news a:hover,
body.contactus dt#nav-contactus,
body.contactus dt#nav-contactus a,
body.contactus dt#nav-contactus a:hover {
	background-position: 0 -50px;
}
/* End Main Navigation */



#header {
	width:900px;
	height:100px;
	background-color: #f9faea;
	background-repeat:no-repeat;
}

.home #header {
	background-image:url(../images/hdrs/hdr_home.jpg);
}

.background #header {
	background-image:url(../images/hdrs/hdr_background.jpg);
}

.philosophy #header {
	background-image:url(../images/hdrs/hdr_philosophy.jpg);
}

.services #header {
	background-image:url(../images/hdrs/hdr_services.jpg);
}

.greenbuilding #header {
	background-image:url(../images/hdrs/hdr_greenbuilding.jpg);
}

.projects #header {
	background-image:url(../images/hdrs/hdr_projects.jpg);
}

.affiliations #header {
	background-image:url(../images/hdrs/hdr_affiliations.jpg);
}

.news #header {
	background-image:url(../images/hdrs/hdr_home.jpg);
}

.contactus #header {
	background-image:url(../images/hdrs/hdr_contactus.jpg);
}



h1 {
	float:left;
	margin-top: 20px;
	margin-left: 30px;
}

h3.name {
	margin-top: 0px;
	margin-left: 0px;
}



/* ---------- content ---------- */

#content-container {
/*	position:fixed; */
	width:900px;
	background-color: #f9faea;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:450px;
	height:auto !important;
  	height:450px; 
}

h2 {
	padding-top: 20px;
	padding-bottom: 15px;
	margin-left: 15px; 
	font-size:16px;
	line-height:20px;
	color:#6e3803;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#666;
}

h3.gray {
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-transform:uppercase;
}

p {
	padding-bottom:20px;
}

#column-left {
/*	float:right; */
	width: 590px;
	margin-left: 30px;
	padding-bottom:50px;
}

#column-left ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:15px;
	padding-bottom:20px;
}

/*#column-left ul li{
	padding-left:5px;
}
*/
#column-left .intro {
	padding-top:20px;
}

#col-left-eq {
	float:left;
	width: 400px;
/*	margin-left: 30px; */
	padding-left: 30px;
	padding-bottom:50px;
}

#col-right-eq {
	width: 400px;
	margin-left:470px;
/*	margin-right: 30px; */
	padding-bottom:50px;
}

#column-fullpg {
	width: 870px;
	margin-left: 15px;
	padding-bottom:50px;
}

.caption {
	font-size: 11px;
	font-weight:bold;
	line-height: 14px;
	padding-top:5px;
	padding-bottom:15px;
}


/* --- affiliations page --- */

img.affiliations {
float:left;
width:95px;
margin-right:10px;
margin-bottom:15px;
margin-left:10px;
text-align:center;
}

/* --- projectspage --- */

.project-block {
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
	clear:left;	
}

hr {
	border: 0;
	background-color: #afcf7b;
	color:#afcf7b;
	height: 1px;
	margin-left:15px;
	margin-right:15px; 
	clear:left;
}

h3.projects {
	background-color:#6e3803;
	padding-left:15px;
	margin-top:10px;
	margin-bottom:15px;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	clear:left;
}

h4.projects {
	font-size:15px;
	line-height:20px;
}

.projects p {
	padding-left:15px;
}

.project-img {
	float:left;
	width:250px;
/*	padding-bottom:15px; */
}

img.projects {
/*	margin-right:20px;
	float:left;
	clear:left; */
	border-style:solid;
	border-width:1px;
	border-color:#afcf7b;
/*	margin-bottom:15px; */
}

.project-desc {
	margin-left:270px;
	margin-bottom:15px;
	min-height:200px;
	height:auto !important;
  	height:200px;
}

/* view more button*/	
.viewmorebtn {
	float:right;
	background-color:#afcf7b;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

.viewmorebtn a:link, .viewmorebtn a:visited, .viewmorebtn a:active {
	display:block;
	padding:3px 20px; 
	text-decoration:none;
	color:#FFFFFF;
}

.viewmorebtn a:hover {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#bfd995;
}
	


/* --- greenbuildingbox --- */

#gb-box {
background:#fff;
border-style:solid;
border-width:1px;
border-color:#afcf7b;
}

#gb-box h3 {
	background-color:#afcf7b;
	padding-left:15px;
	margin-bottom:10px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	color:#6e3803;
	text-transform:uppercase;
}

#gb-box h4 {
	background-color:#afcf7b;
	padding-left:15px;
	margin-bottom:10px;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	color:#6e3803;
	text-transform:uppercase;
}

#gb-box p {
	padding-left:15px;
	padding-right:10px;	
	padding-bottom:10px;
	font-size:12px;
	line-height:16px;
}

#gb-box ul {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	padding-right:10px;
	font-size:12px;
	line-height:16px;
}

#gb-box ul li {
	color:#6e3803;
	padding-bottom:10px;
}

#gb-box ul li .list {
	color:#666;
}

/* --- services --- */

#col-serv1 {
/*	float:right; */
	width: 285px;
	margin-left: 30px;
	padding-bottom:50px;
}

#col-serv2 {
	float:right; 
	width: 285px;
	margin-right: 25px;
	padding-bottom:50px;
}

#servicesbox {
/*	padding:15px; */
	background:#f9faea;
	border-style:solid;
	border-width:1px;
	border-color:#afcf7b;
	padding:10px;
	min-height:550px;
	height:auto !important;
  	height:550px;
}

#servicesbox p {
	padding-left:15px;
	color:#6e3803;
}

img.services {
	border-style:solid;
	border-width:1px;
	border-color:#afcf7b;
	margin-top:5px;
	margin-bottom:20px;
}

/* --- view projects sidebar --- */

#sidebar-right {
	float:right;
	width: 230px;
/*	margin-right: 25px; */
	padding-right: 25px;
	padding-bottom: 25px;
}

#vpbox {
/*	padding:15px; */
	background:#f9faea;
	border-style:solid;
	border-width:1px;
	border-color:#6e3803;
}

#vpbox .vpbox-padding {
	padding:15px;
}

#vpbox p {
	padding:10px 0px;
	font-size: 11px;
	line-height: 14px;
}

#button {
	background-color:#afcf7b;
	margin-left:80px;
	text-align:center;
}

.vpbtn {
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

.vpbtn a:link, .vpbtn a:visited, .vpbtn a:active {
	display:block;
	padding:3px; 
	text-decoration:none;
	color:#FFFFFF;
}

.vpbtn a:hover {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#bfd995;
}


/* --- news sidebar --- */

#sidebar-news {
	clear:right;
	float:right;
	width: 230px;
/*	margin-right: 25px; */
	padding-right: 25px;
}

#sidebar-news .newshdr {
	background-color:#6e3803;
	padding-left:10px;
	margin-bottom:10px;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	color:#f9faea;
	text-transform:uppercase;
}

#sidebar-news h4 {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
}

#sidebar-news p {
	font-size: 11px;
	line-height: 14px;
	padding-bottom:10px;
}

#sidebar-news hr {
	border-bottom:solid;
	border-bottom-color:#6e3803;
	border-bottom-width:1px;
	margin:0px;
}


.quote {
	font-size: 14px;
/*	font-weight:bold; */
	line-height: 20px;
/*	font-style:italic; */
	color:#6e3803;
}



/*#button {
	margin-left:85px;
	background-color:#afcf7b;
}

#button p {
	text-align:center;
	font-size: 11px;
	color:#FFFFFF;
	padding-bottom:3px;
	padding-top: 6px;
}

#button a:link, #button a:visited, #button a:active {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}

#button a:hover {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#bfd995;
}*/


/* ---------- footer ---------- */

#footer {
/*	position:inherit; */
	margin:0px;
	clear:both;
	padding-top: 5px;
	padding-bottom: 10px;
}

#footer p {
	text-align:right;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	color:#ccc;
}

#footer a {
	font-family:verdana, helvetica, arial, sans-serif;
	color:#ccc;
	text-decoration:none;
}

#footer a:hover {
	font-family:verdana, helvetica, arial, sans-serif;
	color:#ccc;
	text-decoration:underline;
}


/* ------ form formatting ------ */

#lformcol {
	padding:35px 25px 35px 35px;
	width:235px;
}

#rformcol {
	padding:35px 35px 35px 0px;
	width:450px;
}

input {
	border:1px solid #afcf7b;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:2px 0px 0px 4px;
	margin:2px 0px 0px 0px;
}

textarea {
	border:1px outset #afcf7b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:2px 0px 0px 4px;
}

select {
	border:1px solid #afcf7b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:2px 0px 0px 4px;
}

green a:hover {
background-color: #afcf7b;
}

.checkbox {
	margin-right: 4px;
	border:0;
}

.button {
	border:1px solid #fff;
	height: 22px;
	width: 60px;
	padding:2px 0px 6px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#afcf7b;
	margin: 8px 4px 0px 0px;
}