/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, li, form, fieldset  
	 {
	 margin:0;
	 padding:0;
	 border:0;
	 }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*

Display error on Javascript.
.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body
	{
	background:#fff url(../images/bg.jpg) top repeat-x;
	}
#wrap
	{
	width:900px;
	margin:0 auto;
	}
#header
	{
	width:900px;
	height:185px;
	background:url(../images/header-bg.jpg) no-repeat;
	}
#header h1
	{
	width:401px;
	height:116px;
	background:url(../images/logo.jpg) no-repeat;
	}
#header h1 span{display:none;}
#header h1 a
	{
	width:401px;
	height:116px;
	display:block;
	}
#nav
	{
	width:900px;
	height:69px;
	background:url(../images/nav.jpg) no-repeat;
	position:relative;
	}
#nav li
	{
	list-style:none;
	top:0;
	height:69px;
	position:absolute;
	display:block;
	}
#nav a
	{
	height:69px;
	display:block;
	}
#nav #panel1{left:136px; width:72px;}
#nav #panel2{left:210px; width:108px;}
#nav #panel3{left:319px; width:86px;}
#nav #panel4{left:406px; width:66px;}
#nav #panel5{left:474px; width:80px;}
#nav #panel6{left:556px; width:118px;}
#nav #panel7{left:676px; width:92px;}
#nav #panel8{left:769px; width:98px;}
#nav #panel1 a:hover{background:url(../images/nav.jpg) -136px -69px no-repeat;}
#nav #panel2 a:hover{background:url(../images/nav.jpg) -210px -69px no-repeat;}
#nav #panel3 a:hover{background:url(../images/nav.jpg) -319px -69px no-repeat;}
#nav #panel4 a:hover{background:url(../images/nav.jpg) -406px -69px no-repeat;}
#nav #panel5 a:hover{background:url(../images/nav.jpg) -474px -69px no-repeat;}
#nav #panel6 a:hover{background:url(../images/nav.jpg) -556px -69px no-repeat;}
#nav #panel7 a:hover{background:url(../images/nav.jpg) -676px -69px no-repeat;}
#nav #panel8 a:hover{background:url(../images/nav.jpg) -769px -69px no-repeat;}
#nav a span{display:none;}
#left
	{
	width:610px;
	float:left;
	}
#steps
	{
	width:310px;
	height:328px;
	background:url(../images/steps-bg.jpg) no-repeat;
	float:left;
	padding:0 0 0 14px;
	margin:0 0 8px 0;
	}
#steps h1
	{
	width:294px;
	height:33px;
	background:url(../images/4-steps.jpg) no-repeat;
	margin:14px 0 0 0;
	}
#steps h1 span{display:none;}
#steps a
	{
	font:10px Georgia, "Times New Roman", Times, serif;
	color:#C7CCCC;
	text-decoration:none;
	float:left;
	margin:0 0 3px 0;
	}
#steps a.step1
	{
	width:254px;
	background:url(../images/step-1.jpg) left 0 no-repeat;
	padding:44px 0 0 40px;
	}
#steps a.step1:hover{background:url(../images/step-1-hover.jpg) left 0 no-repeat;}
#steps a.step2
	{
	width:250px;
	background:url(../images/step-2.jpg) left 0 no-repeat;
	padding:48px 0 0 44px;
	}
#steps a.step2:hover{background:url(../images/step-2-hover.jpg) left 0 no-repeat;}
#steps a.step3
	{
	width:250px;
	background:url(../images/step-3.jpg) left 0 no-repeat;
	padding:48px 0 0 44px;
	}
#steps a.step3:hover{background:url(../images/step-3-hover.jpg) left 0 no-repeat;}
#steps a.step4
	{
	width:250px;
	background:url(../images/step-4.jpg) left 0 no-repeat;
	padding:48px 0 0 44px;
	}
#steps a.step4:hover{background:url(../images/step-4-hover.jpg) left 0 no-repeat;}
#carbon
	{
	width:277px;
	height:328px;
	background:url(../images/carbon-bg.jpg) no-repeat;
	float:left;
	margin:0 0 8px 7px;
	}
#carbon h1
	{
	width:266px;
	height:40px;
	background:url(../images/carbon-calculators.jpg) no-repeat;
	margin:13px 0 0 10px;
	}
#carbon h1 span{display:none;}
#carbon p
	{
	font:15px Georgia, "Times New Roman", Times, serif;
	color:#70775C;
	margin:5px 10px 0 10px;
	}
#carbon img{border:none; float:left;}
#carbon img.flight{margin:79px 0 0 13px;}
#carbon img.drive{margin:79px 0 0 28px;}
#carbon img.home{margin:79px 0 0 24px;}
#feature
	{
	width:596px;
	height:160px;
	background:url(../images/feature-bg.jpg) no-repeat;
	clear:both;
	padding:11px 0 0 14px;
	margin:0 0 17px 0;
	}
#feature h1
	{
	width:235px;
	height:27px;
	background:url(../images/featured-project.jpg) no-repeat;
	}
#feature h1 span{display:none;}
#feature h2
	{
	font:bold 18px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#515C3B;
	margin:5px 0 0 0;
	}
#feature p
	{
	font:11px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#58613E;
	margin:8px 250px 0 0;
	}
#feature p a
	{
	color:#58613E;	
	text-decoration:none;
	}
#feature p a:hover{text-decoration:underline;}
#feature img
	{
	border:4px solid #90A652;
	float:left;
	margin:5px 10px 0 5px;
	}
#about
	{
	width:507px;
	height:162px;
	background:url(../images/about-us.jpg) left 0 no-repeat;
	padding:0 0 0 103px;
	}
#about p
	{
	width:233px;
	float:left;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	margin:30px 13px 0 5px;
	}
#about p a
	{
	color:#86A640;
	background:url(../images/bullet.gif) right no-repeat;
	padding:0 10px 0 0;
	}
#about p a:hover{text-decoration:none;}


#right
	{
	width:271px;
	float:right;
	}
#right h1.science
	{
	width:112px;
	height:26px;
	background:url(../images/the-science.jpg) no-repeat;
	margin:0 0 6px 80px
	}
#right h1.incentives
	{
	width:142px;
	height:19px;
	background:url(../images/the-incentives.jpg) no-repeat;
	margin:0 0 6px 80px;
	}
#right h1.gifts
	{
	width:84px;
	height:23px;
	background:url(../images/the-gifts.jpg) no-repeat;
	margin:0 0 6px 80px;
	}
#right h1 span{display:none;}
#right p
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:17px;
	}
#right p a
	{
	color:#53574A;
	text-decoration:none;
	}
#right p a:hover{text-decoration:underline;}
#right img
	{
	float:left;
	margin:0 15px 0 0;
	}
div.box
	{
	border-bottom:1px solid #DADFCA;
	width:271px;
	height:80px;
	padding:10px 0 0 0;
	}
div.box.no{border:none;}
#contribution
	{
	width:261px;
	height:209px;
	background:url(../images/contribution-bg.jpg) no-repeat;
	padding:13px 10px 0 0;
	}
#contribution h1
	{
	width:248px;
	height:23px;
	background:url(../images/total-contribution.jpg) no-repeat;
	margin:0 0 5px 14px;
	}
#contribution h1 span{display:none;}
#contribution p
	{
	font:10px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#B0BA93;
	text-align:right;
	line-height:4px;
	margin:0 0 10px 0;
	}
#contribution p span
	{
	font:bold 30px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#B0BA93;
	text-align:right;
	}
#newsletter
	{
	width:271px;
	height:162px;
	background:url(../images/newsletter.jpg) left 0 no-repeat;
	margin:30px 0 0 0;
	}
#newsletter p
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	margin:30px 5px 0 105px;
	float:left;
	display:inline;
	line-height:14px;
	}
#newsletter form
	{
	clear:both;
	margin: 0 0 0 105px;
	}
#newsletter form fieldset span
	{
	width:158px;
	float:left;
	clear:both;
	margin:10px 0 0 0;
	}
#newsletter form fieldset span label
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	float:left;
	}
#newsletter form fieldset span input
	{
	width:120px;
	float:right;
	height:17px;
	background:#fff;
	border:1px solid #D5D7D0;
	}
#newsletter form fieldset a
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;	
	color:#86A640;
	background:url(../images/bullet.gif) right no-repeat;
	padding:0 10px 0 0;
	float:right;
	margin:5px 0 0 0;
	}
#newsletter form fieldset a:hover{text-decoration:none;}
#footer
	{
	width:900px;
	height:59px;
	clear:both;
	background:url(../images/footer-bg.jpg) top no-repeat;
	padding:21px 0 0 0;
	}
#footer p
	{
	font:11px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#888D78;
	}
#footer p a
	{
	color:#888D78;
	text-decoration:none;
	margin:0 15px 0 0;
	}
#footer p a:hover
	{
	color:#79B10F;
	}
#preload
	{
	display:none;
	height:0;
	overflow:hidden;
	}

/*content*/

div.bottom
	{
	background:url(../images/content-bg2.jpg) bottom right no-repeat;
	}
#content
	{
	width:590px;
	float:left;
	background:url(../images/content-bg.jpg) left top no-repeat;
	padding:20px 0 0 20px;
	}
#content h1
	{
	font:bold 20px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	line-height:22px;
	color:#1C5B78;
	margin:0 0 15px 0;
	}
#content h2
	{
	font:bold 16px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	line-height:19px;
	color:#2b8ebb;
	margin:15px 0 10px 0;
	}
#content h3
	{
	font:bold 14px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
	line-height:16px;
	margin:15px 0 10px 0;
	clear:both;
	}
#content h4
	{
	font:bold 13px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
	line-height:15px;
	margin:15px 0 10px 0;
	}
#content h5
	{
	font:bold 12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
	line-height:14px;
	margin:15px 0 10px 0;
	}
#content p
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:18px;
	margin:0 0 10px 23px;
	}
#content p a
	{
	color:#6A9818;
	text-decoration:none;
	}
#content p a.hover, #content p a:hover{text-decoration:underline;}
#content img.iml
	{
	float:left;
	margin:0 10px 10px 0;
	border:4px solid #DBE0CD;
	}
#content img.imr
	{
	float:right;
	margin:0 0 10px 10px;
	border:4px solid #DBE0CD;	
	}
#content ul
	{
	list-style:none;
	margin:0 0 15px 23px;
	}
#content ul li
	{
	background:url(../images/bullet2.gif) left no-repeat;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:16px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	}
#content ol{margin:0 0 15px 23px;}
#content ol
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:16px;
	margin:0 0 5px 0;	
	}
#content form{width:566px; padding:0 0 20px 0; margin:0 0 30px 0;}

#content form fieldset legend
	{
	font:bold 16px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2B8EBB;
	}

#content form fieldset dl
	{
	position:relative;
	width:566px;
	border-bottom:1px solid #DEE5E9; 
	border-top:1px solid #DEE5E9; 
	margin:0 0 10px 0; 
	padding:10px 0 0 0;
	}

#content form fieldset table
	{
	/*margin:0 0 20px 0;*/
	/*position:relative;*/
	/*width:566px;*/
	/*border-bottom:1px solid #DEE5E9; */
	/*border-top:1px solid #DEE5E9; */
	/* */
	/*padding:10px 0 0 0;*/
	}

/*#content form fieldset dt
	{
	float:left;
	width:150px;
	font-size:14px;
	text-align:right;
	color:#53574A;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	}*/



#content form fieldset .txtdt
	{
	/*float:left;*/
	width:150px;
	font-size:14px;
	/*text-align:right;*/
	color:#53574A;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	}


#content form fieldset .line{}

/*#content form fieldset dd
	{
	padding:0 0 4px 0;
	margin-left:160px;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	}*/

#content form fieldset .txtdd
	{
	/*padding:0 0 4px 0;*/
	margin-left:160px;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	}


/*#content form dd.button{float:right; margin:10px 0 0 0;}*/

/*#content form .button{float:right; margin:10px 0 0 0;}*/

/*#content form fieldset dd .control, #content form fieldset dd .control_short, #content form fieldset dd 

.control_large
	{
	background:#fff;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#53574A;
	padding:0;
	}

.control_short
	{
	border:1px solid #BECACE;
	width:200px;
	background:#fff;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#53574A;
	padding:0;
	}*/


/*#content form fieldset dd 
#content form fieldset dd .control_large
	{
	border:1px solid #BECACE;
	width:320px;
	}
#content form fieldset dd .control_button
	{
	width:61px;
	height:19px;
	}*/

.buttone{
	float:right; 
	margin:10px 0 0 0;
	}
.control
	{
	background:#fff;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#53574A;
	padding:0;
	}
.control_short
	{
	border:1px solid #BECACE;
	width:200px;
	color:#53574A;
	}
.control_large
	{
	border:1px solid #BECACE;
	width:320px;
	color:#53574A;
	}
.control_button
	{
	width:61px;
	height:19px;
	}

/*  Form Text properties in Three calculators */

.formdt
	{
	color:#53574A;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	}
.formdt a
	{
	color:#6A9818;
	text-decoration:none;
	}
/* Code Added */
#content .formdt h5
	{
		margin:0px 0px 10px 0px;
	}
/* End */


.error
	{
	color:RED;
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	}
.smalldt
	{
	font-size:x-small;
	color:#53574A;
	font:8px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	}

.contentpara
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:18px;
	padding-left:3em;
	}

.boldtxt
{
	font-size:14px;
	color:#53574A;
	font:bold 12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
}

.formlink
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	line-height:18px;
	color:#6A9818;
	}
.reglink{

	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	line-height:18px;
	color:#6A9818;
	text-align:right;
	padding-right:2em;
}
.reglink a
	{
	color:#6A9818;
	text-decoration:none;
	}
.reglink a:hover
	{
	text-decoration:underline;
	}

.formlink a
	{
	color:#6A9818;
	text-decoration:none;
	}
.formlink a:hover
	{
	text-decoration:underline;
	}

.pagelink
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	line-height:18px;
	color:#6A9818;
	}

.pagelink a
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#6A9818;
	text-decoration:underline;
	}
.pagelink a:hover
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	text-decoration:underline;
	}
.formtxt
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	}

.cartlink{
	font:11px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
}
.cartlink a:hover
	{
	text-decoration:underline;
	color:#2b8ebb;
	}
.cartlink a
	{
	text-decoration:underline;
	color:#2b8ebb;
	}

.txth3{
	font:bold 14px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
	text-decoration:none;
}
.txth5{

	font:bold 12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#2b8ebb;
}
.txtcontent
	{
	font:12px "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	color:#53574A;
	line-height:18px;
	}

/*.cartlink a
	{
	color:#888D78;
	text-decoration:none;
	margin:0 15px 0 0;
	}
#footer p a:hover
	{
	color:#79B10F;
	}*/