/*
Author:		Pete Boere
Company: 	Hyperlaunch New Media
*/
/*------------------------------------------------------------------------------------- Browser Reset and Utilities ---*/
html {overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;visibility:hidden;}textarea{overflow-y:auto;}table{border-collapse:collapse;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}blockquote,q {quotes:'' '';}

.ca:after, .content:after, .li-ca li:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.ca, .content, .li-ca li {zoom:1;}

/*------------------------------------------------------------------------------------- Generic Styles ---*/
body {background:#abcb55 url(../images/skin/bg/body.png) repeat-x;font:12px/1.2 arial,sans-serif;
	color:#082e6f;}
a {text-decoration:none;color:#87b018;}
a:hover {text-decoration:underline;color:#082e6f;}
h1,h2,h3,h4 {color:#000;}
h1 {font-size:15px;}
h2 {font-size:13px;}
h3 {font-size:11px;}

/*------------------------------------------------------------------------------------- Consistent Elements ---*/
#header, #content, #footer, #news-scroller-wrap {width:895px;margin:0 auto;position:relative;}

#top {background:#fff url(../images/skin/bg/top.png) left bottom repeat-x;height:108px;}
#middle {background:#fff url(../images/skin/bg/middle.png) repeat-x;} 
#bottom {background:url(../images/skin/bg/bottom.png) repeat-x;} 

#logo a {position:absolute;background:url(../images/skin/logo.png) no-repeat;
	overflow:hidden;text-indent:-9999px;height:37px;width:472px;top:20px;}

#footer {min-he ight:100px;padding-bottom:3em;font-size:11px;color:#fff;}
	#footer .fl {padding-top:7px;}
	#footer .fl a {color:#fff;}
	#footer .fl p {padding:0 0 5px;}
	#footer .fr img {vertical-align:middle;}
	#footer #facebook {margin:0 73px 0 28px}
	
#nav-1 {position:absolute;top:79px;left:51px;}
	#nav-1 li {float:left;background:url(../images/skin/nav/bg.png) right center no-repeat;}
	#nav-1 a {float:left;background:url(../images/skin/nav/home.png) center 6px no-repeat;text-indent:-999px;overflow:hidden;
		padding:0 28px;height:27px;}
	#nav-1-home a {background-image:url(../images/skin/nav/home.png);width:44px;}
	#nav-1-thefacts a {background-image:url(../images/skin/nav/the-facts.png);width:104px;}
	#nav-1-howcanyouhelp a {background-image:url(../images/skin/nav/how-can-you-help.png);width:112px;}
	#nav-1-whatarewedoing a {background-image:url(../images/skin/nav/what-are-we-doing.png);width:147px;}
	#nav-1-playpumps a {background-image:url(../images/skin/nav/playpumps.png);width:101px;}
	#nav-1  #nav-1-playpumps {background:0;}

	#Home #nav-1-home a,
	#TheFacts #nav-1-thefacts a,
	#HowCanYouHelp #nav-1-howcanyouhelp a,
	#WhatAreWeDoing #nav-1-whatarewedoing a,
	#Playpumps #nav-1-playpumps a,
	#nav-1 a:hover {background-position:center -18px;}

#news-scroller-wrap {height:45px;padding:7px 0 0;color:#092f70;}
	#news-scroller-wrap h2 {background:url(../images/skin/bg/your-support.png) 0 0 no-repeat;}
	#news-scroller-wrap h2 {text-indent:-999px;overflow:hidden;}
	#news-scroller-wrap .fl {width:118px;}
	#news-scroller-wrap .fr {width:770px;padding-top:1px;_padding-top:2px;*padding-top:2px;}
	#news-scroller-wrap #news-scroller {width:770px;overflow:hidden;}
	#news-scroller-inner {font-size:10px;white-space:pre;}
	#news-scroller-inner strong {font-size:11px;}
	#news-scroller-inner span {padding:0 3px;} 

.content {min-height:500px;_height:500px;padding:30px 0 2em;
	background:url(../images/the-facts/at-the-pump.jpg) right bottom no-repeat;}
	.content p {padding:0 0 1.2em;}

#nav-bm {padding:2em 0 0 17px;}
	#nav-bm li {float:left;}
	#nav-bm a {float:left;background:url(../images/skin/bg/bookmark-sprite.png) no-repeat;
		padding:0 12px 0 21px;color:#082e6f;}
	#nav-bm-delicious a {background-position:0 -33px;}
	#nav-bm-digg a {background-position:0 -61px;}
	#nav-bm-reddit a {background-position:0 -92px;}
	#nav-bm-facebook a {background-position:0 -4px;}
	#nav-bm-stumbleupon a {background-position:0 -123px;}

/*------------------------------------------------------------------------------------- Reusable Styles ---*/
.column-1 {float:left;width:165px;}
	
.column-2 {float:left;margin-left:46px;width:447px;padding-top:15px;}
	.column-2 img.fr {margin:.1em 5px 10px 15px;}
	.column-2 p a {text-decoration:underline;font-weight:bold;color:#87b018;}
	.column-2 p a:hover {color:#082e6f;}
	.column-2 p.lead {font-size:13px;font-weight:bold;}
	.column-2 .image-wrapper {padding:5px 0 10px;}
	.column-2 h2 {font-size:17px;color:#ABCB55;padding:1em 0 .6em;}
	.column-2 h1 {padding:0 0 .5em;font-size:18px;color:#fff;}	
	#CaseStudies .column-2 h1 {color:#fff;}
	
.column-3 {float:right;width:199px;}

/*------------------------------------------------------------------------------------- Panels ---*/
.panel {color:#00469b;font-size:13px;margin-bottom:20px;}
	.panel h2 {text-indent:-999px;overflow:hidden;height:0;font-size:0;}
	.panel .inner {padding:0 10px 0;}
	.panel p {padding:0 10px 1em;}
	.panel strong.highlight {color:#e40084;font-size:15px;display:block;}
	.panel .button {text-align:center;}
	
#pnl-thank-you {background:url(../images/skin/panels/thank-you.png) no-repeat;height:240px;}
	#pnl-thank-you .inner {padding-top:44px;}
	#pnl-thank-you p {padding-right:4px;line-height:1.3;font-size:14px;}
	#pnl-thank-you .button {padding-bottom:5px;}
	
#pnl-fancy-playing-our-game {background:url(../images/skin/panels/fancy-playing-our-game.png) no-repeat;
	height:179px;}
	#pnl-fancy-playing-our-game .inner {padding-top:66px;}
	#pnl-fancy-playing-our-game p {padding-right:0;}
	
#pnl-support-clean-water-campaign {
	background:url(../images/skin/panels/support-our-clean-water-for-africa-campaign.png) no-repeat;
	height:328px;font-size:16px;}
	#pnl-support-clean-water-campaign p {line-height:21px;}
	#pnl-support-clean-water-campaign p a {color:#87b018;text-decoration:underline;font-weight:bold;}
		#pnl-support-clean-water-campaign p a:hover {color:#082e6f;}
	#pnl-support-clean-water-campaign .button {padding-bottom:5px;}
	#pnl-support-clean-water-campaign .inner {padding-top:119px;}
	#pnl-support-clean-water-campaign strong.highlight {color:#00469b;font-size:18px;line-height:24px;}
	
#pnl-our-trip-to-africa {background:url(../images/skin/panels/our-trip-to-africa.png) no-repeat;height:216px;}
	#pnl-our-trip-to-africa .inner {padding:50px 0 0;}
	#pnl-our-trip-to-africa .image-wrapper {text-align:center;padding:0 0 8px;}
	#pnl-our-trip-to-africa .button {}

/*------------------------------------------------------------------------------------- Support o Meter ---*/
#support-o-meter {background:url(../images/skin/panels/support-o-meter-2.png) no-repeat;
	height:117px;position:relative;}
	#support-o-meter-bar {background:#e40084;height:3px;width:8px;top:100px;left:32px;
		font-size:0;position:absolute;}
	#support-o-meter-pointer {font-size:0;position:absolute;top:92px;left:35px}

/*------------------------------------------------------------------------------------- Home Page ---*/
#Home .content {background:0;min-height:300px;_height:300px;}

#Home #support-o-meter {background:url(../images/skin/panels/support-o-meter.png) no-repeat;
	height:69px;}
	#Home #support-o-meter-bar {width:8px;top:48px;left:31px;}
	#Home #support-o-meter-pointer {top:40px;left:34px;}

#Home .column-2 {background:url(../images/skin/bg/home-content.png) no-repeat;height:420px;
	overflow:hidden;padding-top:0;}
	#Home .column-2 h1,
	#Home .column-2 p {position:absolute;left:-9999px;}

/*------------------------------------------------------------------------------------- Image Replacement ---*/
.content .IR {text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;height:52px;padding:0;margin:0;}
	.IR-the-water-problem {background-image:url(../images/skin/image-text/the-water-problem.png);}
	.IR-playpumps {background-image:url(../images/skin/image-text/playpumps.png);}
	.IR-how-are-we-helping {background-image:url(../images/skin/image-text/how-are-we-helping.png);}
	.IR-how-can-you-help {background-image:url(../images/skin/image-text/how-can-you-help.png);}
	.IR-show-your-support {background-image:url(../images/skin/image-text/show-your-support.png);}
	.IR-what-youve-been-saying {background-image:url(../images/skin/image-text/what-youve-been-saying.png);}
	.IR-case-studies {background-image:url(../images/skin/image-text/case-studies.png);}
	.IR-site-map {background-image:url(../images/skin/image-text/site-map.png);}
	.IR-doing-your-bit {background-image:url(../images/skin/image-text/doing-your-bit.png);}	
	.IR-how-were-helping {background-image:url(../images/skin/image-text/how-were-helping.png);}		
	.IR-tell-me-more {background-image:url(../images/skin/image-text/tell-me-more.png);}			

select, input, textarea {font-family:arial,sans-serif;font-size:12px;}

/*------------------------------------------------------------------------------------- Pledge Region ---*/
.list-fields {margin:0 0 1em;}
	.list-fields input.text,
	.list-fields textarea {width:200px;}
	.list-fields li {padding:0 0 7px;}
	.list-fields label {float:left;width:117px;text-align:right;padding:3px 0 0;min-height:5px;}
	.list-fields span {float:left;width:270px;padding-left:8px;}
	.list-fields li.last {padding:.5em 0 0;}
	.list-fields span.alt {height:5px;width:117px;padding:0;} 
	.list-fields label.alt {float:none;} 
	

.list-comments {}
	.list-comments li {padding:0 0 1.3em;}
	.list-comments span.author {display:block;padding:0 0 .2em;font-size:11px;}
	.list-comments q {display:block;margin-left:20px;padding:2px 0 1px;line-height:1.3;}
	.list-comments q span {background:#ffffee;padding:1px 4px;color:#444;}
	.list-comments li.alt q span {background:#f8f8f8;}

.sneaky * {display:none;visibility:hidden;}

/*------------------------------------------------------------------------------------- Case Studies ---*/
#list-case-studies {}
	#list-case-studies li {padding:0 0 1em;}
	#list-case-studies h3 {padding:0 0 .5em;font-size:14px;}
	#list-case-studies h3 a {text-decoration:underline;c olor:#082E6F;}
	#list-case-studies h3 a:hover {col or:#87b018;}
	#list-case-studies img {float:right;margin:0 0 7px 15px;}

#CaseStudies .column-3 {overflow:hidden;padding-top:67px;padding-bottom:90px;}
	#CaseStudies .column-3 p {padding:2px 0 1.5em;font-weight:bold;font-size:11px;line-height:1.1;}
	
#nav-site-map {padding:0 0 1em;}
	#nav-site-map,
	#nav-site-map ul {list-style:square inside;}
	#nav-site-map a {text-decoration:underline;}
	#nav-site-map ul {padding:.5em 0 .7em 20px;}
	#nav-site-map li {padding:0 0 .35em;font-weight:bold;}