* { margin: 0; padding: 0; }

object { outline:none; }

a { outline: none; }

html { background: transparent url(../Images/SkyTile.jpg) bottom left repeat-x;  }

body { color: #ffffff; background: transparent url(../Images/Sun.gif) top center no-repeat; font: 62.5%/1.4 Arial, Helvetica, Geneva, sans-serif; position: relative; text-align: center; }

a:link { color: #e4243c; text-decoration: none;}

a:visited { color: #e4243c; text-decoration: none; }

a:hover, a:active { color: #e4243c; text-decoration: underline; }

button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; position: relative; }



iframe, img { border: none; }

fieldset, form { border: 0px solid #FFFFFF; }

img { vertical-align: bottom; }

table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }

caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }

div.pre { font-size: 1.4em; }

pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }

.adn { display: block; height: 0; overflow: hidden; width: 0; }

.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.row { width: 100%;}

.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }

.replace { background-repeat: no-repeat; overflow: hidden; position: relative; text-indent: -9999em; }

.replace span {  position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 2; }

.replace a { height: 100%; width: 100%; position: absolute; 0; top:0; left: 0; z-index: 3; }

.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



.rounded-2px { 

border-radius: 2px; 

-moz-border-radius: 2px; 

-webkit-border-radius: 2px; 

}



body.downloads { background: transparent url(../Images/new_sunbackground_image.jpg) top center no-repeat; }



#Container { text-align: left; width: 1008px; margin: 0 auto; }









#Head { position: relative; height: 622px; width: 1008px; }

#Head h1 { position: absolute; top: 20px; left: 118px; width: 302px; height: 52px;}

#Head h1 span { background: url(../Images/the-climate-challenge.gif); }

#Head p.tagline { position: absolute; top: 80px; left: 118px; width: 306px; height: 16px; }

#Head p.tagline span { background: url(../Images/Tagline.gif); }

#Head #Navigation { position: absolute; top: 20px; right: 103px; }

#Head #Navigation ul { list-style: none;}

#Head #Navigation ul li { float: left; margin-right: 10px; text-indent: -9999em; }

#Head #Navigation ul li.home a { height: 31px; width: 91px; display: block; background: url(../Images/HomeButton.gif) 0 0 no-repeat;}

#Head #Navigation ul li.downloads a { height: 31px; width: 119px; display: block; background: url(../Images/DownloadsButton.gif) 0 0 no-repeat;}

#Head #Flash {position: absolute; top: 0px; left: 0px; width: 0px; height:0px;}



#flash_flash 

{

	position: absolute; top: 54px; left:  91px; height: 532px; width:  828px; display: block;

}





#Head #Promote { width: 600px; height: 440px; position: absolute; top: 130px; left: 140px; z-index: 3;}

#Head #Promote h2 { font-size: 4em; color: #ffffff; padding-bottom: 5px; text-shadow:0 2px 2px #000000;}

#Head #Promote p { font-size: 1.4em; text-shadow:0 1px 1px #000000; }

#Head #Promote p.p-1 { width: 350px; }

#Head #Promote p.p-2 { width: 350px; }

#Head #Promote .promo { margin: 10px 0; position: relative; width: 363px; height: 138px; }

#Head #Promote .promo a.view-action { height: 34px; width: 32px; position: absolute; bottom: -10px; right: -10px; z-index: 4; display: block; text-indent: -9999em; cursor: pointer; background: url(../Images/ViewIcon.png) 0 0  no-repeat; }

#Head #Promote .promo-code { position: absolute; left: 0px; bottom: 4px; width: 400px; height: 90px;}

#Head #Promote .promo-code input { float: left; font-color: #000000; background: #ffffff; border: none; font-size: 14px; font-family: Arial; width: 290px;}

#Head #Promote .promo-code label { margin-right: 15px; text-align: right; display: block; width: 50px; float: left; color: #ffffff; font-size: 1.4em; padding-bottom: 5px; text-shadow:0 2px 2px #000000;}

#Head #Promote .promo-code .row-1 { margin-top: 7px; width: 400px; }

#Head #Promote .promo-code .row-2 { margin-top: 16px; width: 400px; }



.pre-launch #Content { height: 500px; background: url(../Images/ContentBg1.gif) 0 0 no-repeat; }

.post-launch #Content { height: 690px; background: url(../Images/ContentBg2.gif) 0 0 no-repeat; }

/*.downloads #Content { height: 945px; background: url(../Images/ContentBg3.gif) top center no-repeat; }*/

.downloads #Head { height: 130px;}

#Content { width: 100%; position: relative; }

#Content p { color: #333333; font-size: 1.1em; padding-bottom: 10px;}

#Content h2 { font-size: 2.4em; line-height: 100%; padding-bottom: 10px; color: #c30000; }

#Content h3 { font-size: 1.4em; line-height: 100%; padding-bottom: 10px; color: #c30000; }

#Content h4 { font-size: 1.2em; line-height: 100%; padding-bottom: 10px; color: #c30000; }

#Content .cloud { position: absolute; z-index: 2; }

#Content .cloud p em { font-style: normal; color: #999999;}

#Content .cloud-1 { top: 50px; left: 85px; width: 306px; height: 144px; display: block;}

#Content .cloud-1 p { width: 200px; }

#Content .cloud-1 p.call-to-action { width: 153px; height: 33px; position: absolute; top: 115px; left: 143px;}

#Content .cloud-2 { top: 50px; left: 510px; width: 306px; height: 144px; display: block;}

#Content .cloud-2 h3 { padding-top: 5px; }

#Content .cloud-2 p { width: 200px; }

#Content .cloud-2 p.call-to-action { width: 116px; height: 33px; position: absolute; top: 133px; left: 162px;}

#Content .cloud-3 { top: 390px; left: 410px; width: 306px; height: 144px; display: block;}

#Content .cloud-3 h2 { padding-bottom: 10px; }

#Content .cloud-3 h3 { padding-bottom: 5px; }

#Content .cloud-3 p { width: 300px; }



#Content .cloud-downloads { padding: 0 100px; }

#Content .cloud-downloads p.intro { width: 340px; }

#Content .cloud-downloads .advert-row { width: 800px; margin: 0 auto;}

#Content .cloud-downloads .advert-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#Content .cloud-downloads .advert-row-1 { margin-top: 40px; }

#Content .cloud-downloads .advert-row-2 { margin-top: 30px; }

#Content .cloud-downloads .advert-item { width: 248px; height: 255px; float: left; margin-left: 20px;}

#Content .cloud-downloads .advert-item-1 { margin-left: 0;}

#Content .cloud-downloads .advert-item h3 { padding: 0px 0 5px 5px; font-size: 1.8em; }

#Content .cloud-downloads .advert-item h4 { padding: 5px 0 5px 5px; }

#Content .cloud-downloads .advert-item p.description { padding: 0 0 5px 5px; }

#Content .cloud-downloads p.advert-image { margin: 0 0 0px 0; padding: 0; position: relative; width: 235px; }

#Content .cloud-downloads p.advert-image a.view-action { height: 34px; width: 32px; position: absolute; bottom: -5px; right: -5px; z-index: 4; display: block; text-indent: -9999em; cursor: pointer; background: url(../Images/ViewIcon.png) 0 0  no-repeat; }

#Content .cloud-downloads p.advert-code { margin-left: 4px; width: 226px; height: 33px; background: url(../Images/InputBg.gif) 0 0 no-repeat; display: block;}

#Content .cloud-downloads p.advert-code input { font-color: #000000; background: #ffffff; border: none; font-size: 14px; font-family: Arial; width: 210px; margin:4px 0 0 5px; padding: 3px; }



.js #Content .cloud-downloads .view-advert { display: none;}



#Footer { height: 195px; position: relative; }

#Footer #Oxfam { height: 43px; width: 144px; position: absolute; top: 60px; left: 118px; z-index: 3; }

#Footer #Monterosa { height: 51px; width: 290px; position: absolute; top: 118px; left: 268px; z-index: 3;}

#Footer #Tibot { height: 18px; width: 175px; position: absolute; top: 134px; left: 578px; z-index: 3;}

#Footer p.footer-content { position: absolute; top: 75px; left: 347px; font-size: 1.1em; color: #FFFFFF; }