/*BOILERPLATE STYLES*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}/*html5 elements*/

body {
	background: #fff url(../images/body-bg.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4;
	color: #000;
}

a {text-decoration:none}
img {border:0}

.fleft {float:left}
img.fleft {float:left; margin: 0 10px 5px 0;}
.fright {float:right}
.cleft {clear:left}
.cright {clear:right}
.cboth {clear:both}
.righted {text-align:right}
.centered {text-align:center}
input:focus {outline:none}

nav ul {list-style:none}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/*CONTENT*/
/*header*/
header {
	background: url(../images/header-bg.png) 0 100% no-repeat;
	margin-top: 37px;
	height: 110px;
}

header img {margin:13px 0 0 108px}

#topnav {margin-top:32px}

#topnav li {
	float: left;
	margin-right: 7px;
}

#topnav li:last-child {margin-right:0}

#topnav a {
	color: #fff;
	text-transform: capitalize;
	padding: 5px 10px 7px;
	outline: none;
}
#topnav a:hover {text-shadow:-1px 1px 1px #000}
#topnav a:active {position:relative;top:1px}

#assurance {background:url(../images/assurance-bg.png) 50% 50% no-repeat}

#home .home, #about .about, #tech .tech, #test .test, #case .case, #contact .contact {border-top:2px solid #237100}

header p {
	margin: -3px 0 0 52px;
	padding: 0;
	text-transform: capitalize;
	font-weight: bold;
	text-shadow: -1px 1px 1px #a3a3a3;
	font-size: 0.95em;
}

/*main*/
#main {
	background: #fff;
	padding: 15px 54px 40px;
}

#sidenav {
	border: 4px solid #ebebeb;
	width: 210px;
	background: #1e6000;
	background: -moz-linear-gradient(top, #237100, #195200);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#237100), to(#195200));
	height: 312px;
}

#sidenav h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	margin: 7px 25px;
	padding: 0;
}

#sidenav ul {margin:11px 0 0;padding:0 0 16px}

#sidenav li {
	background: url(../images/wee-white-arrow.png) 0 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 7px 0 7px 16px;
	line-height: 1.2;
}
#sidenav li:hover, #biomass .biomass, #insulation .insulation, #rain .rain, #photovoltaic .photovoltaic, #stoves .stoves, #turbines .turbines, #floor .floor, #thermal .thermal, #ventilation .ventilation, #geothermal .geothermal, #airtight .airtight {background:url(../images/wee-white-arrow.png) 0 -24px no-repeat}

#sidenav a {color:#fff;padding:7px 0}

#mainimg {
	position: relative;
	border: 4px solid #ebebeb;
	margin-left: 235px;
	height: 312px;
}

#mainimg h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	text-transform: capitalize;
	color: #fff;
	text-shadow: -1px 1px 1px #333;
	background: url(../images/mainimg-hbg.png) 0 0 repeat-x;
	width: 589px;
	margin-bottom: 0;
	line-height: 42px;
	padding-left: 20px;
}

section {margin-bottom:30px}

#hs1 {width:292px}
#hs2 {width:250px;margin:0 30px}
#hs3 {width:250px}

#hs2 a:link h3, #hs2 h3 a:link, #hs3 a:link h3, #hs3 h3 a:link, #hs2 a:visited h3, #hs2 h3 a:visited, #hs3 a:visited h3, #hs3 h3 a:visited {color:#237100}
#hs2 a:link p, #hs2 p a:link, #hs3 a:link p, #hs3 p a:link, #hs2 a:visited p, #hs2 p a:visited, #hs3 a:visited p, #hs3 p a:visited {color:#000}

section p {font-size:0.9em;color:#000;margin-top:0}

h3 {
	text-transform: uppercase;
	color: #237100;
	font-size: 1.3em;
	margin-bottom: 0;
}

#home section img {margin-bottom: 20px}

section a h3 {color:#237100}
section a p {color:#000}
section a p.rmore {color:#237100}

/*internals*/
#is1, #is2, #is3 {width:264px}
#is2 {margin:0 30px}

#is1 p, #is2 p, #is3 p, .double p, .double ul {margin-top:0}

.double {
	width: 300px;
	margin-left: 100px;
	margin-bottom: 10px;
}

#hpse {margin-left:50px;width:350px}

ul.bodycopy {list-style: none}
ul.bodycopy li {
	background:url(../images/wee-darkgreen-arrow.png) 0 50% no-repeat;
	padding-left: 15px;
	line-height: 1.6;
	font-style: italic;
	font-size: 1.1em;
}

blockquote {
	border-left: 3px solid #195200;
	font-style: italic;
	line-height: 1.7;
	margin: 30px;
	padding-left: 20px;
}

.mission {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #e2ffc3;
	padding: 10px;
	margin-bottom: 20px;
}

.textlink {font-weight:bold;color:#195200}
.textlink:hover {text-shadow:-1px 1px 1px #bbb}
.textlink:active {position:relative;top:1px}

/*tech options*/
#tech-options {overflow:auto}

.tech-option {
	width: 264px;
	height: 264px;
	margin-left: 30px;
	margin-bottom: 30px;
	position: relative;
}

.tech-option:nth-child(3n+1) {margin-left:0}

.tech-option img {float:left}

.tech-option h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 5px;
	background: url(../images/mainimg-hbg.png);
	color: #fff;
	width: 254px;
	text-shadow: -1px 1px 1px #333;
}

/*contact*/
.error {color:#f22;font-weight:bold}
.hotr {display:none}

#contact-form, #contact-details {width:391px}

#contact-details {margin-left:461px}

#contact-form ul {
	list-style: none;
	margin: 10px 30px 60px;
	padding: 0;
}

#contact-form li.box {margin:0 0 10px}

#contact-form input[type=text], #contact-form textarea {width:331px}

#map {height:350px;width:391px}

/*footer*/
footer {
	clear: both;
	border-top: 1px solid #666;
	color: #666;
	font-size: 0.9em;
}

footer a {color:#666}