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,strong,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; }
#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; }

#navi { position: absolute; top: 130px; right: 80px; font-size: 12px; font-family: 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 { 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 { color: #fff; background-color: #0084cb; }  
#navi li:hover ul, #navi li.show:hover, #navi li.show ul { display: block; }  
  
div.scene { position: absolute; top: 165px; right: 70px; width: 675px; height: 328px; }
div.overlay { position: absolute; top: 0; left: 0; }
.scene p { margin: -185px 0 0 45px; width: 440px; font-size: 1.4em; font-family: Arial, Verdana, sans-serif; line-height: 1.8em; }
.scene p.fr { position: absolute; top: 325px; left: 0; z-index: 5; }
.scene p em { color: #ffdb65; font-weight: bold; }

div.dots { position: absolute; bottom: -70px; left: 102px; width: 2px; height: 173px; background: transparent url(images/dot.gif) repeat-y; }
h3 { position: absolute; top : 405px; left: 50px; width: 117px; height: 18px; background: transparent url(images/do_your_part.gif) no-repeat; }

#think, #act, #fund { position: absolute; top: 313px; width: 155px; height: 179px; overflow: hidden; }
#think a, #act a, #fund a { display: block; width: 155px; height: 179px; overflow: hidden; }
#think a { background: transparent url(images/home_think.gif) no-repeat; }
#act a { background: transparent url(images/home_act.gif) no-repeat; }
#fund a { background: transparent url(images/home_fund.gif) no-repeat; } 
#think a:hover, #act a:hover, #fund a:hover { background-position: 0 -179px; }
#think { right: 339px; background: transparent url(images/home_think.gif) no-repeat; }  
#act { right: 174px; background: transparent url(images/home_act.gif) no-repeat; }
#fund { right: 10px; background: transparent url(images/home_fund.gif) no-repeat; }

#news { position: absolute; top: 303px; left: 38px; width: 170px; font-family: Verdana, sans-serif; font-size: 1em; }
#news h4 { width: 61px; height: 12px; background: transparent url(images/latest-news.gif) no-repeat; margin: 0 0 5px 54px; }
#news-list { border-top: 1px solid #7789c4; margin-bottom: 2em; font-size: 1.2em; line-height: 1.4em; }
#news-list li { padding: 1em 10px; border-bottom: 1px solid #7789c4; }
#news-list a { display: block; color: #fff; text-decoration: none; }
#news-list a:hover { text-decoration: underline; }
#news-list img { border: 1px solid #fff; } 
#news-list a:hover img { text-decoration: none; }
#signup { position: relative; text-align: center; }
p.email { font-family: Verdana, sans-serif; margin-bottom: 10px; font-size: 1.1em; }
#signup input { font-family: Verdana, sans-serif; color: #fff; width: 160px; border: 1px solid #fff; background-color: transparent; padding: 5px; text-align: center; }

h5 { position: absolute; top: 500px; right: 10px; text-align: right; font-family: Verdana, Arial, sans-serif; }
h5 a { color: #fff; }
h5 a:hover { text-decoration: none; }  

h1 span, h3 span, h4 span, a span, #think span, #act span, #fund span { position: absolute; display: block; width: 0; height: 0; overflow: hidden; }