html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #FFFFFF;
	background-color: #141e23;
}

/* Link styles */

a {color: #a8ce2d;}
a:link {color: #a8ce2d;}
a:visited {color: #FFFFFF;}
a:hover {color: #a8ce2d; text-decoration: none;}
a:active {color: #FFFFFF;	text-decoration: underline;}


/* Skip */

#skipnav {
	width: 980px;
	height: 2px;
	overflow: hidden;
	text-align: left;
}
#skipnav p,
#skipnav h2 {
	font-size: 1px;
	text-indent: -9000px;
}
#skipnav a:link, #skipnav a:visited, #skipnav a:hover {
	text-decoration: none;
}


/* Header */

#wrapper_header {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #23353d;
}
#header {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 60px 0 20px 0;
	background: #364B55 url(/images/generic/header.jpg) no-repeat top;
	border-bottom: 1px solid #273F46;
}

/* Contact Details */

#contact {
	margin: 0 20px 0 400px;
	text-align: right;
	color: #FFFFFF;
}
#contact p {
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* Page */

#wrapper_page {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(/images/generic/background.jpg) repeat-x;
}
#page {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #23353d;
}
#page_height {
	width: 20px;
	height: 340px;
	float: left;
	font-size: 1%;
}


/* Call to Action */

#callto_container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 2.8em;
}
#callto {
	left: 0;
	top: 0;
	position: absolute;
	width: 978px;
	background: #89ab26 url(/images/generic/nav.jpg) repeat-x;
	border: 1px solid #dceba9;
	border-bottom: 1px solid #335202;
	border-right: 1px solid #a8ce2d;
	padding: 8px 0 10px 0;
}
ul#callto_statement {
	padding: 0 20px;
	color: #23353d;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: -0.04em;
}
ul#callto_statement strong {
	color: #FFFFFF;
}
ul#callto_statement li {
	list-style-type: none;
}


/* Sign off */

#signoff {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#signoff p {
	font-size: 60%;
	color: #818d91;
	line-height: 2.0;
	margin-left: 20px;
}
#signoff p a {
	color: #818d91;
	text-decoration: none;
}


/* Layout */

.layout_clear {
	clear: both;
	height: 0;
	font-size: 1%;
	margin: 0 !important;
	overflow: hidden;
}

.layout_img_bdr_green {
	border: 5px solid #a8ce2d;
	margin: 0;
}
.layout_img_bdr_grey,
.layout_img_bdr_grey_end {
	border: 5px solid #364c56;
	margin-right: 20px;
}
.layout_img_bdr_grey_end {
	margin-right: 0;
}

.layout_img_bdr_bottom,
.layout_img_bdr_top_bottom {
	border-bottom: 5px solid #364c56;
}
.layout_img_bdr_top_bottom {
	border-top: 5px solid #364c56;
}
.layout_img_flr {
	float: right;
	margin: 0 0 0 20px;
}


/* Columns */

.main_content {
	width: 380px;
	float: left;
	margin-right: 20px;
	padding: 18px 0 18px 0;
}
.side_content {
	width: 540px;
	float: left;
	padding: 18px 0 18px 0;
}

/* Side Content */

#mainarea #side_content_1,
#mainarea #side_content_2 {
	width: 210px;
	border: 5px solid #364c56;
	margin-right: 20px;
	background-repeat: no-repeat;
	float: left;
	min-height: 440px;
}
#mainarea #side_content_2 {
	width: 290px;
	margin-right: 0;
}
#mainarea .side_content blockquote {
	padding: 0;
	margin: 8px 10px 0 10px;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 140%;
	line-height: 130%;
	font-weight: normal;
	letter-spacing: -0.04em;
}
#mainarea .side_content blockquote strong {
	color: #FFFFFF;
}

#mainarea .side_content h2,
#mainarea .side_content p {
	margin-left: 10px;
	margin-right: 10px;
}
#mainarea .side_content h2 {
	padding-top: 8px;
}


/* Side Content overides */

body.how #mainarea #side_content_1 {width: 290px;}
body.how #mainarea #side_content_2 {width: 210px;}

body.contact #mainarea #side_content_1 {width: 0; margin-right: 0; border: 0; position: absolute; left: 0; top: 0;}
body.contact #mainarea #side_content_2 {min-height: 406px;}
body.contact .main_content {width: 620px; }
body.contact .side_content {width: 300px;}

/* Section styles */

body.home #side_content_2 {background-image: url(/images/home/wide.jpg);}
body.reduce-co2 #side_content_2 {background-image: url(/images/reduce-co2/wide.jpg);}
body.reduce-condensation #side_content_2 {background-image: url(/images/reduce-condensation/wide.jpg);}
body.better-environment #side_content_2 {background-image: url(/images/better-environment/wide.jpg);}
body.energy-ratings #side_content_2 {background-image: url(/images/energy-ratings/wide.jpg);}
body.contact #side_content_2 {background-image: url(/images/contact/wide.jpg);}


/* Main Content Bottom */

#mainarea .main_content_bottom {
	margin: 0;
	padding: 0 0 0 19px;
	background: #FFFFFF url(/images/generic/main_content_bottom.jpg) repeat-x;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
}
#mainarea .main_content_bottom h2 {
	color: #364c56;
}
#mainarea .main_content_bottom p {
	color: #333333;
}
#mainarea .main_content_bottom p.statement,
#mainarea .main_content_bottom p.statement_small {
	color: #23353d;
}


/* Main Area and Typefaces */

#mainarea {
	width: 980px;
	border-top: 1px solid #3b5967;
	border-bottom: 1px solid #000000;
}

#mainarea ul {
	list-style-type: none;
	padding: 2px;
	margin-left: 1px;
	margin-bottom: 10px;
}
#mainarea li {
	font-size: 70%;
	line-height: 150%;
	background-image: url(/images/generic/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding: 2px 0 2px 20px;
}

#mainarea h1,
#mainarea h2,
#mainarea h3,
#mainarea h4,
#mainarea h5 {
	color: #a8ce2d;
} 

#mainarea h1 {
	margin: -5px 0 15px 0;
	font-size: 190%;
	letter-spacing: -0.04em;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}
#mainarea h1 strong {
	color: #FFFFFF;
	font-weight: bold;
}
#mainarea h2 {
	margin: 0 0 4px 0;
	font-size: 90%;
}
#mainarea h3 {
	margin: 12px 0 4px 0;
	font-size: 78%;
}
#mainarea h4 {
	margin: 12px 0 4px 0;
	font-size: 70%;
}
#mainarea h5 {
	margin: 12px 0 4px 0;
	font-size: 70%;
}
#mainarea p {
	margin: 5px 0 15px 0;
	font-size: 70%;
	line-height: 150%;
}
#mainarea p.statement {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 120%;
	line-height: 130%;
	margin: -2px 0 15px 0;
	color: #a8ce2d;
}
#mainarea p.statement_small {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 105%;
	line-height: 130%;
	margin: -2px 0 15px 0;
	color: #a8ce2d;
}

#mainarea p.mainarea_intro {
	font-size: 74%;
	line-height: 150%;
	font-weight: bold;
}

#mainarea strong {
	color: #FFFFFF;
}

#mainarea .box {
	padding: 10px;
	background-image: url(/images/generic/contact_box.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border: 1px solid #E4E4E4;
	margin-top: 18px;
}
#mainarea .box p {
	margin: 5px 0 2px 0;
}



#mainarea ul#accreds,
#mainarea ul#accreds li {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}
#mainarea ul#accreds li {
	list-style-type: none !important;
}

/*
.fade {
	left: 0;
	top: 0;
	position: absolute;
	width: 290px !important;
	height: 440px !important;
	background-repeat: no-repeat;
}


.fade blockquote#1 {background-image: url(../images/home/wide.jpg)!important;	height: 435px !important;}
.fade blockquote#2 {background-image: url(../images/reduce-co2/wide.jpg)!important;}
.fade blockquote#3 {background-image: url(../images/reduce-condensation/wide.jpg)!important;}
.fade blockquote#4 {background-image: url(../images/better-environment/wide.jpg)!important;}
.fade blockquote#5 {background-image: url(../images/energy-ratings/wide.jpg)!important;}
.fade blockquote#6 {background-image: url(../images/contact/wide.jpg)!important;}
*/
