body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body { background: #2dc5f6 url(images/bg_clouds.jpg) top repeat-x; font-size: 100.01%; text-align: center; font-family: Verdana, Arial, sans-serif; }
#page { position: relative; width: 1000px; margin: 0 auto; font-size: 62.5%; text-align: left; color: #fff; }
h1 { position: absolute; top: 95px; left: 40px; width: 168px; height: 130px; background: transparent url(images/projectc.gif) no-repeat; }
h1 a { display: block; width: 168px; height: 130px; }

#navi { position: absolute; top: 80px; right: 50px; font-size: 12px; font-family: Arial, Verdana, sans-serif; z-index: 10; }
#navi li { position: relative; display: inline; float: left; background-image: url(images/trans.gif); }
#navi a { position: relative; float: left; display: block; padding: 5px 10px 15px 10px; height: 15px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
#navi li.tail a { border-right: none; }
#navi li a:hover, #navi li a.current { color: #00aeef; }

#navi li ul { position: absolute; top: 35px; left: 0; display: none; opacity: 0.95; filter: alpha(opacity=95); }
#navi li ul li { clear: left; }
#navi li ul li a { position: relative; background-color: #00aeef; width: 10.5em; padding: 10px; height: auto; border-right: none; z-index: 10; }  
#navi li ul li a:hover, #navi li ul li a.current { color: #fff; background-color: #0084cb; }  
#navi li:hover ul, #navi li.show:hover, #navi li.show ul { display: block; }  

div.content { position: absolute; top: 115px; right: 40px; width: 682px; padding: 25px 20px 20px 10px; color: #000; line-height: 1.8em; 
				background: transparent url(images/bg_page.png) repeat-y; min-height: 500px; }
h2 { color: #00aeef; font: normal 2.4em/1em Arial, Verdana, sans-serif; margin: 0 0 15px 38px; }
h2.think, h2.act, h2.fund { width: 495px; height: 35px; margin: -23px 0 30px -7px; }
h2.think { background: transparent url(images/header_think.gif) no-repeat; }
h2.act { background: transparent url(images/header_act.gif) no-repeat; }
h2.fund { background: transparent url(images/header_fund.gif) no-repeat; }
img.left { float: left; margin: 15px 15px 15px 38px; }
img.right { float: right; margin: 15px 38px 15px 15px; }
img.scene { float: left; margin: 0 15px 15px 0; }
img.scene-split { float: left; margin-bottom: 15px; }
h3 { color: #f7941d; font: normal 2.4em/1.3em Arial, Verdana, sans-serif; margin-right: 35px; }
h3.calc { color: #2b3990; margin: 0 37px 10px 35px;  }
div.pb { position: absolute; bottom: -14px; left: 0; width: 712px; height: 14px; background: transparent url(images/bg_page_bot.png) no-repeat; } 
div.content h4 { color: #00aeef; font-size: 1.4em; margin: 0 38px 0.25em 38px; font-family: Verdana, sans-serif; }
div.content h4 a { color: #00aeef; }
div.content h4.large { color: #000; font-size: 1.6em; margin: 20px 38px 10px 38px; font-weight: normal; }
div.content p { font-size: 1.2em; font-family: Arial, Verdana, sans-serif; margin: 0 38px 1em 38px; }
div.content a:hover { text-decoration: none; }
div.content ol, div.content ul { font-size: 1.2em; font-family: Arial, Verdana, sans-serif; margin: 0 38px 1em 40px; }
div.content ul li ul { font-size: 1em; margin: 0.5em 38px; }
div.content ul { list-style-type: disc; list-style-position: outside; }
div.content ol { list-style-type: decimal; list-style-position: inside; }
div.calculator p { margin: 0; }
div.col3 { float: left; width: 210px; margin: 30px 0 0 15px; }
div.col3 h4.large, div.col3 p { margin: 0 0 1em 0; }
div.content ul.contact { float: left; list-style-type: none; margin: 0.5em 0 1em 38px; }

#think, #act, #fund { position: absolute; top: 280px; left: 45px; width: 154px; height: 42px; overflow: hidden; background: transparent url(images/side_think.gif) no-repeat; }
#think a, #act a, #fund a { display: block; width: 154px; height: 42px; overflow: hidden; }
#think a { background: transparent url(images/side_think.gif) no-repeat; }
#act a { background: transparent url(images/side_act.gif) no-repeat; }
#fund a { background: transparent url(images/side_fund.gif) no-repeat; }
#think a:hover, #act a:hover, #fund a:hover { background-position: 0 -42px; }  
#act { top: 330px; background: transparent url(images/side_act.gif) no-repeat; }
#fund { top: 380px; background: transparent url(images/side_fund.gif) no-repeat; }

#taf { position: absolute; top: 3px; right: -123px; width: 298px; height: 54px; }
#taf li { float: left; display: inline; width: 99px; height: 54px; overflow: hidden; margin-left: 2px; }
#taf li a { display: block; width: 99px; height: 54px; } 
#taf li.think { background: transparent url(images/button_think.gif) no-repeat; }
#taf li.think a:hover { background: transparent url(images/button_think.gif) 0 -54px no-repeat; }
#taf li.act { background: transparent url(images/button_act.gif) no-repeat; }
#taf li.act a:hover { background: transparent url(images/button_act.gif) 0 -54px no-repeat; }
#taf li.fund { background: transparent url(images/button_fund.gif) no-repeat; }
#taf li.fund a:hover { background: transparent url(images/button_fund.gif) 0 -54px no-repeat; }

#sidenav { position: absolute; top: 300px; left: 49px; font: bold 12px/45px Arial, Verdana, sans-serif; }
#sidenav li.current { color: #ffe07e; width: 217px; height: 59px; background: transparent url(images/arrow.gif) no-repeat; line-height: 59px; padding-right: 5px; text-align: center; } 
#sidenav a { display: block; color: #8cc640; width: 170px; height: 45px; border: 1px solid #8190c6; background-color: #283a8f; opacity: 0.9; filter: alpha(opacity=90); text-decoration: none; text-align: center; }
#sidenav a:hover { color: #ffe07e; background-color: #44ace2; border: 1px solid #fff; }
 
#signup { position: absolute; top: 560px; left: 35px; text-align: center; }
p.email { position: absolute; top: -3em; font-family: Verdana, sans-serif; margin-bottom: 10px; font-size: 1.1em; width: 170px; }
#signup input { font-family: Verdana, sans-serif; color: #fff; width: 160px; border: 1px solid #fff; background-color: transparent; padding: 5px; text-align: center; }

br.clear { clear: both; }
h1 span, h2 span, h3 span, a span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; }

.tabs { width:674px; height:30px; padding-left:20px; margin-top: 30px; }
.tabs a { float:left; width:116px; height:30px; background-image:url(images/tabOff.png); margin-right: 2px; overflow: hidden; 
		padding-left: 10px; color: #a31520; text-decoration:none; font-size:12px; font-weight:bold; line-height: 30px; }
div.content .tabs a:hover { text-decoration: underline; }
.tabs a.on { background-image:url(images/tabOn.png); color:#00195F; }
.calculator { position:relative; width:669px; min-height: 250px; padding: 10px 0 10px 25px; margin: 0 0 2px -6px; background: #e1f3f9 url(images/bg_calc.jpg) repeat-x; font-size: 1em; }
.calculator table { float:left; }
.calculator a { color:#005193; text-decoration:none; }
.calculator a:hover { text-decoration:underline; }
#emissions { float:left; height:19px; width:50px; line-height:19px; background-color:#0085C7; border:1px solid #3D454A; color:#fff; font-size:13px; font-weight:bold; padding: 0 5px;}
#totalEmissions { display: block; height:20px; width:80px; line-height:20px; background-color:#0085c7; border:1px solid #3d454a;
					color:#fff; font-size:14px; font-weight:bold; padding: 0 10px; margin: 5px auto 0; }
.totalCO2 { position: absolute; top: 10px; right: 10px; width: 150px; font-size: 12px; padding: 10px 15px; text-align: center; border: 1px solid #000; line-height: 14px; }
.totalCO2hud { float: right; width: 177px; font-size: 12px; margin: 10px -7px 0 10px; border: 1px solid #000; padding: 10px; text-align: center; }
.calculatorText { font-size: 1.2em; font-family: Arial, Verdana, sans-serif;}
a.fund-button, a.act-button, a.think-button { display: block; width: 100px; background-color: #f79320; color: #fff; border: 1px solid #000; margin: 5px auto 0; 
				font: bold 0.8em/2em Arial, Verdana, sans-serif; text-decoration: none; clear: both; text-align: center; text-transform: uppercase; }
a.act-button { background-color: #8cc640; }
a.think-button { background-color: #ef4137; }
a:hover.fund-button { color: #f79320; background-color: #fff; }
a:hover.act-button { color: #8cc640; background-color: #fff; }
a:hover.think-button { color: #ef4137; background-color: #fff; }
.small { font-size: 0.75em; margin-bottom: 5px; }			
.tr { text-align: right; }