body {
	background: #7e835a;
	margin: 0;
	padding: 0;
	color: #333; 
	text-decoration: none;  
	font-family: helvetica, arial, sans-serif; 
	font-size: 12px;
	text-align: center;
}
 
div, li, form, select, label, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0; 
}


h1, h2, h3, h5, h6 {
	font-weight: normal;
	color: #92955e;
	margin: 0 0 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
} 

h2 {font-size:2.1em;margin: 0 0 .5em;}
h3 {font-size:1.4em;margin-bottom:.3em;}
h4 {font-size: 1em;font-weight:bold;margin:0;font-family: helvetica, arial, sans-serif;line-height:1.5em;}

p, blockquote {
	line-height: 1.5em;
	margin: 0 0 1.5em;
	padding: 0;
}

ul, ol {
	margin: 0 0 1.5em;	
	padding: 0;	
	list-style: none;
}

table, tr, td, th, thead, tbody  {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

img {
	display: block;
 	margin: 0;
	border: 0;
} 


a {
	color: #935434;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}


em {font-style: italic;}


/* general classes
---------------------------------------------------------- */

.clear {
	clear: both;
}  

.replaced {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.serif {font-family: Georgia, "Times New Roman", Times, serif;}
.large {font-size:1.7em;}
.italic {font-style:italic;}

.bullets {margin: .5em 0 1em;}
.bullets li {
	padding: 0 20px 0; 
	margin-bottom:.5em; 
	background: url(/img/bullet.gif) 10px 5px no-repeat;
	font-weight:bold;
}
.bullets li span {font-weight:normal;}

.lede {font-size:1.33em;}
.noMargin {margin:0;}
.error {color:red;}



/* 	layout
---------------------------------------------------------- */

#container {
	margin: 0 auto;
	text-align: left;
	width: 820px;
	background: url(/img/bg_main.gif) repeat-y;
}

#heroContainer, #contentArea {
	margin: 0 21px;
}

#printLogo, #printBreakLeft, #printBreakRight {display:none;}

#header {
	padding: 11px 21px 8px;
	background:url(/img/line.gif) 10px 0 no-repeat;
}
	
#contentArea {margin:17px 21px 25px;float:left;display:inline;}

#leftCol {
	float:left;
	width:266px;
}

#rightCol {
	float:left;
	width: 482px;
	padding: 0 0 0 30px;
}

#footer {
	padding:18px 21px 15px;
	height:30px; 
	font-size:.9em;
	background:url(/img/line.gif) 10px 0 no-repeat;
}


/* 	header
---------------------------------------------------------- */

h1 {
	width: 230px;
	height: 43px;
	background: url(/img/buildingwise_logo.gif) no-repeat;
	margin: 0px;
	float: left;
}
	h1 a {height:43px;width:230px;display:block;}

ul#topNav {
	float: right;
	margin: 18px 7px 0;
	font-size: 1.1em;
}
	ul#topNav li {display: inline;margin-left: 15px;}

#heroContainer {float:left;display:inline;}


/* 	main nav
---------------------------------------------------------- */

#mainNav {
	float:left;
	height:77px;
	width:820px;
	margin-bottom: 5px;
}
#mainNav li {
	display: block;
	float:left;
	text-indent: -9999px;
	overflow: hidden;
}

#mainNav a {height:77px;display:block;}

	#aboutUsBtn {width:142px;background: url(/img/nav_aboutUs.gif) left 0 no-repeat;}
	#projectsBtn {width:132px;background: url(/img/nav_projects.gif) left 0 no-repeat;}
	#servicesBtn {width:141px;background: url(/img/nav_services.gif) left 0 no-repeat;}
	#resourcesBtn {width:132px;background: url(/img/nav_resources.gif) left 0 no-repeat;}
	#leedBtn {width:117px;background: url(/img/nav_leed.gif) left 0 no-repeat;}
	#contactUsBtn {width:156px;background: url(/img/nav_contactUs.gif) left 0 no-repeat;}
	
	#mainNav a:hover {background-position: left -77px;}
	
	#aboutUs #aboutUsBtn, 
	#projects #projectsBtn, 
	#services #servicesBtn, 
	#resources #resourcesBtn, 
	#leed #leedBtn, 
	#contactUs #contactUsBtn
	{background-position: left -154px;}



/* 	sub nav
---------------------------------------------------------- */

#subNav ul {margin:0;float:left;}

#subNav li {margin-top:2px;background: #f5f4f0;}
	#subNav li:hover {background: #eae9e5; text-decoration:none;}

#subNav li.drawer {margin:0;}
#subNav li li {margin:0;}

#subNav li a {
	font-size:14px;
	padding: 6px 23px 4px;
	width: 220px;
	display: block;
}
	#subNav li a:hover {text-decoration:none;color:#542913;}

	#leftCol #subNav li li a {
		font-size:12px;
		padding: 5px 5px 3px;
		margin: 2px 0 2px 18px;		
		width: 238px;
	}
	
	#leftCol #subNav li li {background: none;}
	#leftCol #subNav li li a:hover {text-decoration:underline;color:#935434;}

#subNav ul {
	background: #fbfbf9;
	padding:6px 0;
}

/*  the classes with Body in the name that are added to the body will highlight their coorisponding nav item on that page */
.sub01Body #subNav .sub01, .sub02Body #subNav .sub02, .sub03Body #subNav .sub03, .sub04Body #subNav .sub04, .sub05Body #subNav .sub05,
.sub01aBody .sub01a, .sub01bBody .sub01b, .sub01cBody .sub01c, .sub01dBody .sub01d, .sub01eBody .sub01e,
.sub02aBody .sub02a, .sub02bBody .sub02b, .sub02cBody .sub02c, .sub02dBody .sub02d, .sub02eBody .sub02e,
.sub03aBody .sub03a, .sub03bBody .sub03b, .sub03cBody .sub03c, .sub03dBody .sub03d, .sub03eBody .sub03e,
.sub04aBody .sub04a, .sub04bBody .sub04b, .sub04cBody .sub04c, .sub04dBody .sub04d, .sub04eBody .sub04e,
.sub05aBody .sub05a, .sub05bBody .sub05b, .sub05cBody .sub05c, .sub05dBody .sub05d, .sub05eBody .sub05e  
{background-color: #eae9e5;}

/* jQuery styles  */

#subNav li.open {background: #f5f4f0 url(/img/subnav_corner.gif) top right no-repeat;}
#subNav li.open:hover {background: #eae9e5 url(/img/subnav_corner.gif) top right no-repeat;}

.arrows {background: url(/img/arrow_right.gif) 9px 7px no-repeat;}
.open .arrows {background: url(/img/arrow_down.gif) 9px 7px no-repeat;}


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

	
.copy {
	float:left;
}	
.siteCred {
	float: right;
}
	

/* 	homepage
---------------------------------------------------------- */

#homeTouts {
	height: 130px;
	overflow:hidden;
}

#homeTouts a {
	width: 258px;
	height: 130px;
	float:left;
}
	.homeTout1 {background: url(/img/homeTout01.jpg) 0 0 no-repeat;margin-right:2px;}
	.homeTout2 {background: url(/img/homeTout02.jpg) 0 0 no-repeat;margin-right:2px;}
	.homeTout3 {background: url(/img/homeTout03.jpg) 0 0 no-repeat;}
	
	#homeTouts a:hover {background-position: 0 -130px;}


#home #leftCol {
	width: 435px;
	padding: 20px 60px 0 25px;
}
#home #rightCol {
	width: 250px;
	padding: 20px 0 0;
}

	#home #rightCol p {margin-bottom:.5em;}
	
#home #heroContainer {height:232px;}
	
#home #contentArea {margin:0 21px 25px;float:left;display:inline; /* ie6 fix */}



/* 	leftCol touts
---------------------------------------------------------- */

#leftCol img, #leftCol .quote {border-bottom: 6px solid #A9AC6D;}

	#leftCol img.noBorder {border: none;}

#featuredProject h4 {font-family:helvetica, arial, sans-serif;color:#333;font-size:13px; font-weight: normal; margin-bottom: 1em;}
#featuredProject h3 {font-family:helvetica, arial, sans-serif;color:#333;font-size:14px;margin:0;margin:.5em 0 0;font-weight:normal;}

#featuredProject h3, #featuredProject h4, #featuredProject p {padding-left:4px;}

.quote {background: #f5f4f0; padding:10px;}
.quote p {margin:0;}
.quote p.quoteAuthor {
	margin-top:.7em;
	padding-left: 15px;
	background: url('/img/dash.gif') 0 8px no-repeat;
}

#contactUs .quote p {margin:0 0 1.5em;}

.leftImg p {font-size:10px; margin-top:.5em;}

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

img.projectImg {border: 2px solid #d9d9d9; margin: 25px 0;}

#rightCol p {margin-right:30px;}

input, textarea, .submitBtn {margin:.3em 0;padding:0;width:332px;display:block;}
	
	
label {margin: 0 0 1em;display:block;}
label.required {font-weight:bold;}

	
	.submitBtn input {width: 100px;float:right;}
	
	
.bioImg {
	border: 2px solid #eae9e5;
	float: left;
	margin: 0 12px 5px 0;
}

.projectList li {
padding: 6px 15px;
font-size:10px;
}
.projectList li.alt {background: #f5f4f0;}

.projectList th,
.projectList td {
padding: 6px 15px;
}
.projectList tr.alt {background: #f5f4f0;}