* 
	{
	margin: 0;
	padding: 0;
	}

.clear
	{
	clear: both;
	}
	
br
	{
	clear: both;
	}
	
img 
	{
	border: 0;
	}

body  
	{
	background: #000000;
	}
	
#page
	{
	width: 850px;
	margin: 0 auto;
	}

#wrapper
	{
	background: url(../img/bgd.jpg) top left no-repeat;
	width: 850px;
	}
	
a
	{
	text-decoration: none;
	}
ol {
	margin:10px 0px 0px 30px;
	}
ol li {
	padding:0px 0px 10px 0px;
	}		
p, ol
	{
	font: bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	text-align: justify;
	}
	
h1
	 { 
	 font: bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #ffffff;
	 }

h2
	{
	font: 14px/16px Arial, "Trebuchet MS", Helvetica, sans-serif;
	color: #a4a3a3;
	}
	
h3
	{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #30ff00;
	}
	
fieldset
	{
	border: none;
	}
	
.divider
	{
	background: #282727;
	width: 850px;
	height: 1px;
	overflow: hidden;
	}
	
.margins
	{
	margin: 30px 0 10px 0;
	}
	
#header a.selected, #subnav a.selected
	{
	color: #454444;
	}
	
img, #wrapper, .divider, #header, #header img, #header ul, #header li, #banner, #cta-box, .two-col, .left-col, .right-col, #form-left, #form-right, #form-right label, .radiol, #footer-wrapper, #content, #subnav, .title-banner, .portfolio, .portfolio-space
	{
	position: relative;
	float: left;
	display: inline;
	}
	
/* header layout */

#header
	{
	width: 850px;
	height: 80px;
	}
	
#header img
	{
	margin: 42px 0 0 39px;
	}
	
#header ul
	{
	list-style: none;
	list-style-type: none;
	margin: 53px 0 0 65px;
	}
	
#header li
	{
	font: bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 12px;
	}
	
#header a
	{
	color: #7c7b7b;
	}
	
#header a:hover
	{
	color: #454444;
	}
	
p.phone
	{
	font: 14px/16px Arial, Helvetica, sans-serif;
	color: #7c7b7b;
	position: absolute;
	top: 9px;
	right: 30px;
	}
	
/* banner layout */

#banner
	{
	background: url(../img/banner-home.jpg) top no-repeat;
	width: 850px;
	height: 249px;
	margin-bottom: 30px;
	}
	
#banner h1
	{
	font: bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a4a3a3;
	margin: 30px 0 0 55px;
	}
	
#banner p
	{
	font: bold 16px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a4a3a3;
	width: 420px;
	margin: 12px 0 0 55px;
	}
	
#banner a
	{
	color: #585858;
	}
	
#banner a:hover
	{
	color: #30ff00;
	}
	
/* cta layout */

#cta-box
	{
	width: 400px;
	margin: 0 29px 15px 30px;
	}
	
#cta-box ul
	{
	list-style-type: none;
	list-style: none;
	}

#nav_main li
	{
	display: block;
	float: left;
	}
	
#cta-eco a, #cta-portfolio a, #cta-contact a
	{
	width: 400px;
	height: 80px;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
	}
	
#cta-eco a
	{
	background: url(../img/eco-benefits.gif) 0 0 no-repeat;
	}
	
#cta-eco a:hover
	{
	background: url(../img/eco-benefits.gif) 0 -80px no-repeat;
	}
	
#cta-portfolio a
	{
	background: url(../img/green-portfolio.gif) 0 0 no-repeat;
	}
	
#cta-portfolio a:hover
	{
	background: url(../img/green-portfolio.gif) 0 -80px no-repeat;
	}
	
#cta-contact a
	{
	background: url(../img/contact-us.gif) 0 0 no-repeat;
	}
	
#cta-contact a:hover
	{
	background: url(../img/contact-us.gif) 0 -80px no-repeat;
	}
	
/* tow column layout */

.two-col
	{
	background: url(../img/bgd-two-col.gif) repeat-y;
	width: 850px;
	margin-top: 30px;
	padding: 0 30px;
	}
	
.two-col h1
	{
	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a4a3a3;
	margin-bottom: 12px;
	}
	
.two-col span
	{
	font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	}
	
.two-col a
	{
	color: #40403f;
	}
	
.two-col a:hover
	{
	color: #30ff00;
	}
	
.left-col
	{
	width: 400px;
	margin-right: 29px;
	}
	
.right-col
	{
	width: 390px;
	}
	
#form-left
	{
	width: 257px;
	}
	
#form-left label, #form-right label
	{
	float: left;
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	margin-bottom: 7px;
	}
	
#form-left input
	{
	float: right;
	width: 176px;
	border: solid #232323;
	background: #232323;
	color: #999999;
	margin-bottom: 5px;
	}
	
#form-right
	{
	width: 120px;
	margin-left: 10px;
	}
	
input.radiol
	{
	margin-right: 5px;
	background: 5a5a5a;
	border: none;
	}
	
.button-submit
	{
	margin-top: 11px;
	}
 	
/* content layout */

#content
	{
	width: 575px;
	margin-left: 30px;
	}
	
#content p
	{
	margin-top: 20px;
	}
	
#content a
	{
	color: #6f6f6f;
	text-decoration: underline;
	}
	
#content a:hover
	{
	color: #424141;
	}
	
.title-banner
	{
	margin-bottom: 30px;
	}
	
.portfolio
	{
	width: 252px;
	margin-top: 15px;
	}
	
.portfolio img
	{
	border: solid 1px #424141;
	margin-bottom: 15px;
	}
	
.portfolio span
	{
	color: #30ff00;
	}
	
.portfolio p
	{
	font-weight: normal;
	margin-top: 15px;
	}
	
a.launch
	{
	font: bold 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #40403f;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
a:hover.launch
	{
	color: #6f6f6f;
	}
	
.portfolio-space
	{
	width: 46px;
	}
	
/* subnav layout */

#subnav
	{
	width: 200px;
	margin-left: 44px;
	}
	
#subnav ul
	{
	list-style: none;
	list-style-type: none;
	margin: 10px 0 0 0;
	}
	
#subnav li
	{
	font: bold 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7c7b7b;
	}
	
#subnav a
	{
	color: #7c7b7b;
	}
	
#subnav a:hover
	{
	color: #424141;
	}
	
/* footer layout */

#footer-wrapper
	{
	width: 100%;
	border-top: solid 1px #424141;
	margin-top: 50px;
	}
	
#seal
	{
	position: absolute;
	top: -46px;
	left: 0;
	}
	
#footer
	{
	width: 850px;
	margin: 0 auto;
	}
	
.copyright
	{
	position: relative;
	float: right;
	margin: 20px 30px 0 0;
	}
	
.copyright a
	{
	color: #6f6f6f;
	text-decoration: underline;
	}
	
.copyright a:hover
	{
	color: #40403f;
	}
	
#form-left  .security_code,.security_code {
	width: 126px;
	border: solid #232323;
	background: #232323;
	color: #999999;
}

#contact_form {
	margin-top: 10px;
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.floatr, .oddf {
	float: left;
	width: 275px;
	color: #6f6f6f;
	margin-bottom: 10px;
}

.floatr .text_input, .oddf .text_input,.floatr textarea, .oddf textarea,.floatr select, .oddf select {
	width: 176px;
	border: solid #232323;
	background: #232323;
	color: #999999;
}

.floatr .security_code {
	width: 140px;
}

.floatr label, .oddf label {
	width: 223px;
	display: block;
	float: left;
}

.security_image {
	vertical-align: middle;
	margin-left: 4px;
}

.captcha {
	margin-right: 5px;
}