/* Import YUI font and element normalisation */
@import "./yui/reset.css";
@import "./yui/fonts.css";


/* Generic styles
------------------------------------ */

html, body { height:100%; }
body * {line-height:1.4em;}
body { background-color:#000; font-size:80%; }
hr { display:none; }
#container { width:974px; margin:0 auto; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; }
h1 { color:#00833e; padding-bottom:0.5em; font-size:1.5em; }
p { padding-bottom:1em; }
strong { font-weight:bold; color:#00833e; }
em { font-style:italic; }
.clearfix {*zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
a { text-decoration:none; color:#00833e; }
a:hover { text-decoration:underline; }
.linkspace { /*margin-top:15px;*/ }
.green { color:#00833e; }


/* header styles
------------------------------------ */

#header { background:#008856 url(../images/header/bg.jpg) top left no-repeat; color:#fff; min-height:125px; }
#header #logo { padding: 25px 55px 0 26px; float:left; }
#planet-earth-strapline img { position:absolute; top:11px; margin-left:559px; }
#sponsor-button { font-size:0.55em; width:88px; float:right; margin:-20px 24px 0 0; text-align:center; background:url(../images/header/in-association.gif) left top no-repeat; }
#sponsor-button span { display:none; }
#sponsor-button img { margin-top:10px; }


/* Nav styles
------------------------------------ */

#header ul { padding:53px 0 0 0; }
#header li { display:block; height:18px; float:left; margin-right:13px; border-right:1px solid #b2f0f2; }
#header li a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; }
#header li#nvHome		{ background: url(../images/header/nav/home.gif) no-repeat; width:65px; }		/* +13px on all <li> */
#header li#nvExplorer	{ background: url(../images/header/nav/explorer.gif) no-repeat; width:164px; }
#header li#nvDive		{ background: url(../images/header/nav/dive.gif) no-repeat 0 1px; width:76px; }
#header li#nvNews		{ background: url(../images/header/nav/news.gif) no-repeat; width:126px; }
#header li#nvWidget		{ background: url(../images/header/nav/widget.gif) no-repeat; width:86px; }
#header li#nvShop		{ background: url(../images/header/nav/shop.gif) no-repeat; width:46px; border-right:none; }
#header li#nvHome a:hover, #header li#nvHome.current { background: url(../images/header/nav/home_o.gif) no-repeat; }
#header li#nvExplorer a:hover, #header li#nvExplorer.current { background: url(../images/header/nav/explorer_o.gif) no-repeat; }
#header li#nvDive a:hover, #header li#nvDive.current { background: url(../images/header/nav/dive_o.gif) no-repeat 0 1px; }
#header li#nvNews a:hover, #header li#nvNews.current { background: url(../images/header/nav/news_o.gif) no-repeat; }
#header li#nvWidget a:hover, #header li#nvWidget.current { background: url(../images/header/nav/widget_o.gif) no-repeat; }
#header li#nvShop a:hover, #header li#nvShop.current { background: url(../images/header/nav/shop_o.gif) no-repeat; }


/* Explorer panel on homepage
------------------------------------ */

#explorer-panel { height:240px; background:url(../images/TEMP/TEMP-explorer-panel.jpg) no-repeat; }
/* temp until flash goes in */
#explorer-panel a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; }

/* Main content pane
------------------------------------ */

#main-content { margin-top:12px; }
#colsOneTwo { float:left; width:654px; }
#colThree { float:right; }
#pod-home-copy { margin-left:11px; width:305px; height:251px; float:left; overflow:hidden; }
#pod-home-copy h1 { padding-top:5px; }
#pod-home-copy a { font-weight:normal; }
#pod-widget { margin-left:17px; width:315px; min-height:251px; background:url(../images/pod-widget.jpg) no-repeat #1b7caf; float:left; color:#fff; cursor:pointer; }
#pod-widget h2 { font-size:1.3em; padding:7px 0 148px 10px; }
#pod-widget p { padding:0 11px; font-size:0.9em; }
#pod-widget a { color:#fff; background:url(../images/pod-widget-arrow.gif) left 50% no-repeat; padding:0 0 0 12px; }
#pod-mpu { width:314px; height:251px; background:url(../images/text-advertisement.gif) no-repeat top right; margin:1px 0 6px 5px; }
#pod-mpu h4 { display:none; }
#pod-mpu #mpu { width:300px; height:250px; overflow:hidden; }
.pod-related { width:323px; background:url(../images/pod-related-shadow.gif) repeat-y; float:left; margin-top:6px; }
.pod-margleft { margin-left:6px; }
.pod-related h3 { background:url(../images/pod-related-header.jpg) no-repeat top #008856; font-weight:bold; color:#fff; padding:8px 11px 4px 14px; }
.pod-related .content { padding:10px 10px 0 13px; min-height:199px; font-size:0.9em; }
.pod-related .content img, #pod-mini-related #grad img { float:left; margin:0 10px 10px 0; }
.pod-related .content h4, #pod-mini-related #grad h4 { color:#00833e; font-weight:bold; }
.pod-related p.quote { color:#3a8c80; clear:both; background:url(../images/pod-related-quote-open.gif) top left no-repeat; padding:0 20px 0 26px; }
.pod-related p.quote-more { background:url(../images/pod-related-quote-close.gif) top right no-repeat; padding:3px 26px 0 0; margin-right:5px; text-align:right; }
.pod-related p.quote em { font-style:normal; }
div.separator { height:1px; overflow:hidden; border-top:1px dotted #5d8f90; margin-bottom:7px; clear:both; }
.pod-related .top { height:9px; background:url(../images/pod-related-top.gif) no-repeat; font-size:2px; }
.pod-related .base { height:9px; background:url(../images/pod-related-base.gif) no-repeat; font-size:2px; }
#pod-mini-related { background:url(../images/pod-related-mini-bg.gif) repeat-y; width:312px; min-height:100px; margin:0 8px 0 0; clear:both; }
#pod-mini-related #top { height:9px; background:url(../images/pod-related-mini-top.gif) no-repeat; font-size:2px; }
#pod-mini-related #grad { background:url(../images/pod-related-mini-grad.gif) no-repeat top #f5fbff; min-height:223px; margin:0 5px; padding:6px 9px 0; font-size:0.8em; }
#pod-mini-related #grad div.separator { margin-bottom:16px; }
#pod-mini-related #base { background:url(../images/pod-related-mini-base.gif) no-repeat; height:9px; font-size:2px; }
a.arrow { background:url(../images/pod-green-arrow.gif) left 50% no-repeat; padding:0 0 0 12px; font-weight:normal; }
p.minipodLink { text-align:right; }
#life-on-dvd { float:right; margin-right:2px; background:url(../images/static-pods/life-dvd-cover.jpg) no-repeat center bottom; margin-top:0; }
#life-on-dvd h2 {color:#00833E; font-size:1.5em; padding:0 23px; }
#life-on-dvd .content { min-height:210px; padding:10px 20px 0 23px; }
.blog-pod { width:323px; float:left; font-size:0.9em; margin:15px 0; }
.blog-pod h4 { color:#00833E; font-weight:bold; }
.blog-pod img { float:left; margin:0 10px 0 18px; }
#social-links { float:right; width:220px; margin-top:15px; }
#social-links p, #social-links li { float:left; font-size:0.9em; }
#social-links p { padding:1em 0 0 0; }
#social-links li { margin-left:10px; }


/* Contact us page
------------------------------------ */

#contact-copy { margin-left:11px; }
#contact-copy h1 { padding-top:5px; font-size:2.3em; line-height:1em; }
#contact-copy a { font-weight:normal; }
#contact-copy p, #contact-copy h2 { font-size:0.9em; padding-bottom:1.5em; }
#contact-copy h2 { font-weight:bold; color:#008856; }
#contact-copy p.green { font-size:1.1em; }


/* Legals
------------------------------------ */

#legals { border-top:1px solid #e1e1e1; margin-top:8px; }
#legals ul { padding:20px 0 5px 6px; font-size:0.9em; }
#leftAlign { float:left; }
#legals li { display:block; float:left; padding:0 6px; border-right:1px solid #b8b8b8; }
#legals li.noborder { border-right:none; }
#legals li a { font-weight:normal; color:#707070; }
#wildlife-logo { float:right; padding:15px 19px 0 0; }
#legals p.copyright {  color:#707070; font-size:0.8em; float:left; padding:0 0 19px 11px; clear:left; }


/* Footer
------------------------------------ */

#footer { min-height:122px; background:url(../images/footer/bg.jpg) repeat-x top #008857; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
#footer a { color:#fff; font-weight:normal; }
#footer img { margin:0 11px 87px 46px; float:left; }
#footer p {padding-bottom:0.8em; }
#footer p.padTop { padding-top:9px; }
#moreAbout { float:right; padding-right:10px; }
#moreAbout .arrow { background:url(../images/earth-arrow-white.gif) left 50% no-repeat; }