html { overflow-y:scroll; overflow-x: hidden; }
html,body { margin:0; padding:0; }
body { background: #fff; color: #80898e; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a {color: #80898e; }
a:active, a:hover {text-decoration: none; }

p {padding: 14px 0 7px 0; margin: 0; line-height: 20px;}
blockquote {padding: 14px 14px 7px 14px; margin: 0; line-height: 24px;}
.img { height: 34px; width: 941px; }
h4 {padding: 14px 0 0 0; margin: 0; font-size: 18px; font-family: arial; font-weight: 500;}
h5 {padding: 14px 0 0 0; margin: 0; font-size: 14px; font-family: arial;}
strong {font-weight: 900;}
em {font-style: italic;}


#header { margin: 0 auto; padding: 0; height: 117px; width: 925px; }
#header ul {margin: 0; padding: 0 18px 0 0; float: right; } 
#header ul li {float: left; list-style-type: none; padding: 0 0 0 8px; margin: 8px 0 0 8px; border-left: 1px solid #80898e; line-height: 100%; }
#header ul li.first {border : none; }
#header h1 {margin: 0; padding: 11px 0 0 1px; float: left; line-height: 90%;}
#header h2 {margin: 0; padding: 60px 18px 0 0; float: right; line-height: 90%;}

#header ul li.active a { text-decoration:none; }



#menu {  position:relative; background:url(../img/layout/bg-menu.png) top left repeat-x; }
#nav { height: 36px; width: 922px; margin: 0 auto; padding: 0 0 0 3px; list-style: none; overflow:auto; z-index: 10000; }
#nav, #nav ul { padding: 0 0 0 3px; list-style: none; }
#nav ul { margin: 0; }
#nav a {display: block; }
/*#nav a img {border: none; margin-top: -35px;}
#nav li a:hover img, #nav li.active img {margin-top: 0;}
#nav li.active ul li img { margin-top: -35px;}
#nav li.active ul li a:hover img {margin-top: 0;}
#nav li ul li.active img{margin-top: 0;}*/
#nav li {float: left; padding: 0; height: 35px; }
#nav li a { float:left; background-position: left -35px; background-repeat:no-repeat; height: 35px;overflow:hidden; text-indent:-5000px;}
#nav li a:hover { background-position: left 0px; }
#nav li a:active { background-position: left -35px; }
#nav li.active a { background-position: left 0px !important; }
#nav a#homepage { background-image:url(../img/layout/nav/home.jpg); width: 59px; }
#nav a#climate { background-image:url(../img/layout/nav/climate.jpg); width: 122px; }
#nav a#calculatorlink { background-image:url(../img/layout/nav/calculator.jpg); width: 139px; }
#nav a#life { background-image:url(../img/layout/nav/life.jpg); width: 138px; }
#nav a#yourbusiness { background-image:url(../img/layout/nav/yourbusiness.jpg); width: 118px; }
#nav a#yourevent { background-image:url(../img/layout/nav/yourevent.jpg); width: 91px; }
#nav a#cartlink { background-image:url(../img/layout/nav/cart.jpg); width: 78px; }
#nav li#cart {float: right; padding: 0 16px 0 0;}
/*
#nav li {float: left; padding: 0; height: 35px; overflow: hidden;}
*/
#nav li ul {position: absolute; left: -999em; top: 36px; padding: 0; width: 700px;}
#nav li ul li { float: left; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin-left: 0;}
#nav li.active ul, #nav li.sfhover ul {left: auto; margin-left: 0;}


#wrapper { background: url(../img/layout/bg-wrap.jpg) left 0 repeat-x; }
#wrapper #content { position: relative; margin: 0 auto; padding:20px 0 0 0; width: 925px; background: url(../img/layout/bg-content.jpg) no-repeat top left; overflow:hidden; }

#wrapper.home { background: url(../img/layout/bg-home.jpg) left top repeat-x}
#wrapper.home #content { background: url(../img/layout/bg-content-home.png) left 180px no-repeat; }
#wrapper.home #clients_logos { height:80px; overflow:hidden; margin:0 0 5px 0; }
#wrapper.home .clientsbox {  }

#other_content { padding-top:10px; }



#submenu { float:left; margin: 0 0 0 4px; height: 59px; width: 660px; background:url(../img/submenu/submenu_back.jpg) left top no-repeat; }
div#content>div#submenu { margin-left:8px; } /*<> IE6*/
div#submenu>ul { margin-left:10px; }/* <> IE6 */
#submenu ul li { float:left; margin: 0 10px; }
#submenu ul li a { float:left; background-position: left top; background-repeat:no-repeat; height: 59px;overflow:hidden; text-indent:-5000px;}
#submenu ul li a:hover { background-position: left -59px; }
#submenu ul li a:active { background-position: left -59px; }
#submenu ul li.active a { background-position: left -118px !important; }

#submenu ul#climatchange_menu li a.introduction { background-image:url(../img/submenu/introduction.jpg); width: 74px; }
#submenu ul#climatchange_menu li a.myths { background-image:url(../img/submenu/myths.jpg); width: 105px; }
#submenu ul#climatchange_menu li a.global { background-image:url(../img/submenu/global.jpg); width: 93px; }
#submenu ul#climatchange_menu li a.going { background-image:url(../img/submenu/going.jpg); width: 129px; }
#submenu ul#climatchange_menu li a.links { background-image:url(../img/submenu/useful.jpg); width: 75px; }

#submenu ul#carbonlife_menu li a.introduction { background-image:url(../img/submenu/introduction.jpg); width: 74px; }
#submenu ul#carbonlife_menu li a.home { background-image:url(../img/submenu/athome.jpg); width: 53px; }
#submenu ul#carbonlife_menu li a.abroad { background-image:url(../img/submenu/abroad.jpg); width: 44px; }
#submenu ul#carbonlife_menu li a.road { background-image:url(../img/submenu/ontheroad.jpg); width: 71px; }
#submenu ul#carbonlife_menu li a.work { background-image:url(../img/submenu/atwork.jpg); width: 50px; }





#left-panel { width: 619px; float: left; clear: left; padding: 10px 27px 0; }
#left-panel h3 { padding: 0 0 14px 0; margin: 0; /*border-bottom : 1px solid #dbefdc; width: 310px;*/}
#left-panel h3.decender { padding: 0 0 6px 0; }

#left-panel .awkward {clear: both;}
#left-panel ul {margin: 0 0 12px 0; padding:0 0 14px 0; border-bottom: 1px solid #fff; background: url(../img/layout/listgradient.jpg) no-repeat bottom left;}
#left-panel .lastlist ul {background: none;}
#left-panel li {list-style: none; line-height: 15px; padding: 0 0 0 24px; margin: 14px 0; background: url(../img/layout/newbullet.png) no-repeat 0 1px;}
#left-panel li ul {padding: 0; border: none; background: none;}
#left-panel li ul li {background: url(../img/layout/greenbullet.png) no-repeat 0px 4px; padding: 0 0 0 17px; margin: 14px 0;}

#left-panel .illustration {float: right; padding: 0; margin: 0 0 7px 14px; width: 298px; }
#left-panel .illustration a { color: #fff; }
#left-panel .illustration img { padding: 0; margin: 0; display: block; }
#left-panel .illustration p { background: #278181; color: #fff; padding: 7px; margin: 1px 0 0 0; }
#left-panel .illustration ul{ margin: 0; padding: 0; width: 269px; }
#left-panel .illustration ul#six{ margin: 0; padding: 0 14px 0 0; width: 269px; }
#left-panel .illustration li{list-style: none; margin: 0; padding: 0; float: right; clear: right;}
#left-panel .illustration img{margin: 0; padding: 0;}

#left-panel .illustration2 {margin-top: 24px;}


#other_sidebar {width: 224px; float: right; margin:-20px 0 0 0; padding: 0 12px 0 0; z-index: -1; }
#other_sidebar h3 {margin: 0 0 7px 15px; padding: 13px 0 0 0; width: 194px; border-top: 1px solid #dbefdc;}
#other_sidebar p {margin: 0 16px 0 16px; padding: 0; color: #789478;}
#other_sidebar p.readmore {margin: 0 16px 10px 16px; text-align: right;}
#other_sidebar p.footnote {margin: 46px 16px 0 16px; font-size: 11px; line-height: 13px; color: #80898e;}
#other_sidebar a, #other_sidebar a:visited, #other_sidebar a:active, #other_sidebar a:hover {color : #789478;}

#other_sidebar .contain-quote {margin: 0; padding: 7px;}
#other_sidebar .contain-quote p {color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-size : 18px; font-weight: 100; padding: 0 7px 0 14px; margin: 0; line-height: 25px; word-spacing: 4px; display: block;}
#other_sidebar .contain-quote .leftquote {font-size: 80px; line-height: 90px; position: relative; top: 0; left: 0; padding: 0; margin: 0 0 -40px 0; color: #ddd; font-weight: 900; z-index: 0;}
#other_sidebar .contain-quote .rightquote {font-size: 80px; line-height: 90px; position: relative; bottom: 0; right: 0; padding: 0; margin: 0 0 -40px 0; text-align: right; color: #ddd; font-weight: 900; z-index: 0;}

#other_sidebar .side-bar-image img {display: block;}
#other_sidebar .side-bar-image p {background: #0075a5; padding: 7px; color: #fff; margin: 0;}
#other_sidebar .side-bar-image p#katrina {background-color: #9b8d4e;}
#other_sidebar .side-bar-image p a {color: #fff;}


#footerwrap {float: left; margin: 30px 0 0 0; padding: 0; height: 34px; background: url(../img/layout/footback.jpg) repeat-x; width: 100%; min-width: 925px;}
#footer {width : 925px; margin: 0 auto;}
#footer p#address {float : left; padding : 0 0 0 3px;}
#footer p {float: right; margin: 0; padding: 0 18px 0 0; line-height: 34px;}

#footer a.active { text-decoration:none; }



/* index specific */
#flashcomp { z-index: 100; margin-top:-20px; }

#welcome {width: 330px; float: left; padding: 44px 0 0 3px; margin: 0;}
#welcome h3 {padding: 0 0 14px 0; margin: 0; border-bottom : 1px solid #dbefdc; width: 328px;}
#welcome p#moreinfo a{padding : 0 0 1px 20px; background: url(../img/icons/arrow.gif) no-repeat center left;}

#threesteps {width: 310px; float: left; padding: 41px 0 0px 0px; margin: 0; text-align: right;}
#threesteps h4 {padding: 0; margin: 0; line-height: 90%;}
#threesteps h4#measure {padding-right: 63px;}
#threesteps h4#reduce {padding: 17px 98px 0 0;}
#threesteps h4#offset {padding: 9px 190px 0 0;}

#sidebar {width: 224px; float: right; margin: 0; padding: 0 18px 0 0;}
#sidebar h3 {margin: 0 0 7px 15px; padding: 13px 0 0 0; width: 194px; border-top: 1px solid #dbefdc;}
#sidebar h3#clients {border: none; margin-bottom:0px;}
#sidebar img#client_logo {padding: 0; margin: 0 auto; display: block;}
#sidebar p {margin: 0 16px 0 16px; padding: 0; color: #789478;}
#sidebar p.readmore {margin: 0 16px 10px 16px; text-align: right;}
#sidebar img#chart {padding: 0 35px; margin: 0 0 -30px 0;}
#sidebar a, #sidebar a:visited, #sidebar a:active, #sidebar a:hover {color : #789478;}

#haven_icon { background: #ccc url(../img/layout/haven_icon_medium.gif) top right no-repeat; height: 100px; width: 234px; float: right; margin-top: 20px; }
#haven_icon p { padding: 12px 95px 0 12px; }
#haven_icon p a { text-align: right; }

/* event specific */
ul#events img {padding: 14px 0 28px 0;}

/* chart specific */
img.chart {margin: 10px 0 50px 0; border: 1px solid #ddd;}

/* terms specific */
/* #terms span {color: #f00; font-weight: 900; background: #ff0;} */

/* eNewsletter specific */
div#enewsletterForm label, div#enewsletterForm input, div#enewsletterForm button { color: #80898e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }







.pagination, .pagination a, .pagination span  { float:left; }
.pagination span { padding: 3px 0; margin:0 5px 0 0; } 
.pagination a { text-decoration:none; color: #333333; border:1px solid #ccc; font-weight:bold; text-align:center;	font-size: 12px; min-width:16px; margin: 0 3px; padding: 1px; }
.pagination a:hover { color: #26A12C; background-color:#eee; }
.pagination a.current { color: #26A12C; font-size: 13px; }