@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	width: 924px;
	background-color: #F2F2F2;
	color: #F2F2F2;
	border: 0;
	height: 15px;
	margin: 22px 0 35px 0;

}

#content {
	margin: 0px auto;
	width: 924px;
	text-align: left;
}

/* Header */
#header {
	margin: 0;
}

#logo{
	float: left;
	width:258px;
	margin-top: 23px;
}

/* Menu */
#menu{
	float: right;
	margin:8px 0 75px 32px;
	width:470px;
}

div#menu ul li{
	display:inline;
	margin-left: 22px; 
	position:relative;
}

#award {
	width:428px;
	height:76px;
	padding:0;
	margin:0 0 0 28px;
	text-indent:-9999px;
}

#award {
	width:428px;
	height:76px;
	padding:0;
	margin:0 0 0 28px;
	text-indent:-9999px;
}

#award a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: transparent url(../images/award.gif) top left no-repeat;
}

#award a:hover {
	background: transparent url(../images/awardOver.gif) top left no-repeat;
}

li#products {
	width:60px;
	height:23px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	float:left;
}

li#products a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: transparent url(../images/menuProducts.gif) top left no-repeat;
}

li#products a:hover {
	background: transparent url(../images/menuProductsOver.gif) top left no-repeat;
}

li#how {
	width:110px;
	height:23px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	float:left;
}

li#how a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: transparent url(../images/menuSolar.gif) top left no-repeat;
}

li#how a:hover {
	background: transparent url(../images/menuSolarOver.gif) top left no-repeat;
}

li#investors { 
	width:131px;
	height:23px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	float:left;
}

li#investors a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: transparent url(../images/menuInvestors.gif) top left no-repeat;
}

li#investors a:hover {
	background: transparent url(../images/menuInvestorsOver.gif) top left no-repeat;
}

li#contact {
	width:71px;
	height:23px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	float:left;
}

li#contact a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background: transparent url(../images/menuContact.gif) top left no-repeat;
}

li#contact a:hover {
	background: transparent url(../images/menuContactOver.gif) top left no-repeat;
}


/* Sub Menu */
li ul {
	position: absolute;
	left: 2px;
	top: 22px;
	display: none;
	}
	
li:hover ul, li.over ul {
	display: inline; 
}

ul#submenu{
	border-bottom: 1px solid #ccc;
	width:386px;
}


ul#submenu li{
	text-indent:0px;
	background:none;
	float:left;
	font-size:11px;
	position:relative;
	left:-22px;
}

ul#submenu li a {
	padding: 5px 0 3px 0;
	color:#999;
	text-decoration:none;
	background: none;
}

ul#submenu li a:hover {
	background: none;
	color: #007A14;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* Left Side */
#text {
	float:left;
	width: 437px;
	margin-bottom:40px;
}

#text p {
	color: #222;
	font-size: 12px;
	line-height: 1.5;
	width: 400px;
}

#text p a{
	text-decoration: none;
	color:#007A14;
}

#text p a:hover{
	color:#999;
}

#text h4 {
	color: #222;
	font-size: 14px;
	margin-top:12px;
}

#text h4 a{
	text-decoration: none;
	color:#007A14;
}

#text h4 a:hover{
	color:#999;
}

div#text p.afterh4{
	margin:0;
}

#quoteSingle {
	margin: 40px 0 0 30px;
}

/* Right Side */

#graph {
	float: right;
	width: 487px;
}

#graph img {
	margin-top: 33px;
	margin-bottom: 50px;
	display:block;
}

#graph p {
	color: #222;
	font-size: 12px;
	line-height: 1.5;
	width: 422px;
	margin:7px 0;
}

#graph p a{
	text-decoration: none;
	color:#007A14;
}

#graph p a:hover{
	color:#999;
}

div#graph p.afterh4{
	margin:0;
}

#graph  img#exampleCostsGraph {
	margin: 30px 0 55px 0;
}

#graph  img#commercialProperty {
	margin: 40px 0 0 0;
}

#graph  img#quoteSingle {
	margin: 40px 0 0 30px;
}

/* Footer */
#footer{
	float: none;
    clear: both;
}

#footer hr {
	margin: 0px 0 35px 0;

}

#footer a:link, #footer a:visited{
	text-decoration: none;
	color:#69B852;
}

#footer a:hover{
	color:#555;
	
}

#footer h3{
	color: #666;
	font-size: 11px;
	margin-bottom:15px;
}

#footer ul{
	margin-bottom:15px;
}

#footer li{
	color: #69B852;
	font-size: 11px;
	margin-bottom:2px;
}

#footer p{
	color: #999;
	font-size: 11px;
	margin-bottom:15px;
	width:250px;
	line-height: 13px;
}

#info{
	width:245px;
	float:left;
	margin-bottom:50px;
}

#partners{
	width:210px;
	float:left;
	margin-left:50px;
}

#donate{
	width:369px;
	float:left;
	margin-left:50px;
}

/* Form */

label {
	font-weight:bold;
	font-size:14px;
	color: #007A14;
	display:block;
	margin: 0 0 5px 0;
}

#text input, #text select, #text textarea {
	width: 300px;
	margin: 0 0 10px 0;
	border: solid 1px #666;
}

textarea {
	height: 175px;
}

#text input:focus, #text textarea:focus {
	border: 1px dashed #007A14;

}

div#send input.submit {
	width:61px;
	height:33px;
}

button {
	width: 500px;
}