@charset "utf-8";

/*
RESETS
for browser rendering consistency
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol li{
margin-bottom:10px;
}
ol{
margin-left:20px;
}

ul {
	list-style: none;
}

:focus {
	outline: 0;
}
.feedback{
color:#FF0000;
padding-left:10px;
}
/*
GENERAL STYLES
Styles that apply to all pages
*/

body {
	background: url(../images/bg_gradient.png) center top no-repeat #e6e6e6;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	overflow-x: hidden;
}

.white{
color:#FFFFFF;
margin-bottom:15px;
}
.header{
padding:35px 30px;
}
.banner{
margin-bottom:10px;
}
.bold{
font-weight:bold;
}
/* Headers */

h1 {
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #1a86d2;
	margin-bottom: 30px;
}

h2.sub {
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 14px;
	color: #999999;
	margin-top: -30px;
	margin-bottom: 20px;
}

h2 {
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 20px;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
}
.blue{
color: #1a86d2;
}
.big{
font-size:1.8em;
font-weight:bold;
}
h4 {
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

/* Random stuff */

a {
	color: #1a86d2;
	text-decoration: none;
}
a:hover{
text-decoration:underline;
}

.container {
	width: 960px;
	margin: 0 auto;
}

a.continuereading {
	text-decoration: underline;
	font-size: 10px;
}

strong {
	color: #1a86d2;
	font-weight: bold;
}

img { border: 0; }

.clear {
	clear: both;
}

.slideshow { height:410px; width: 362px; margin-left:40px;float:right; }
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }

.singleimage img { margin-left:40px;float:right; padding: 10px; border: 1px solid #ccc; background-color: #eee; }
/*
HEADER
Navigation, title, header content
*/

#header {
	height: 280px;
}
#header_short{
height:228px;
}


#header-home {
	height: 425px;
}

a#logo {
	height: 90px;
	width: 285px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	float: left;
	margin-top: 15px;
	margin-bottom:10px;
}

#nav {
	float: right;
	height: 100px;
}

#nav ul {
	margin-top: 40px;
}

#nav ul li {
	float: left;
	display: block;
	height: 30px;
	margin-left: 20px;
}

/* Navigation uses sprites: see docs */

#nav ul li a {
	display: block;
	height: 30px;
	font-family: Arial, Myriad Pro, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	margin-top: -2px;
	text-indent: -9999px;
	background-image: url(../images/nav_sprite.png);
	background-repeat: no-repeat;
}

#nav_home a {
	width: 50px;
	background-position: -145px 0px;
}

#nav_home a:hover {
	background-position: -290px 0px;
}

#nav_home_active a {
	width: 60px;
	background-position: 0px 0px;
}

#nav_choose a {
	width: 128px;
	background-position: -145px -45px;
}

#nav_choose a:hover {
	background-position: -290px -45px;
}

#nav_choose_active a {
background-position:0 -45px;
width:136px;
}
#nav_payment a {
	width: 132px;
	background-position: -145px -90px;
}

#nav_payment a:hover {
	background-position: -290px -90px;
}

#nav_payment_active a {
background-position:0 -90px;
width:145px;
}

#nav_contact a {
	width: 78px;
	background-position: -145px -180px;
}

#nav_contact a:hover {
	background-position: -290px -180px;
}

#nav_contact_active a {
	width: 90px;
	background-position: 0px -180px;
}

#nav_faqs a {
	width: 56px;
	background-position: -145px -135px;
}

#nav_faqs a:hover {
	background-position: -290px -135px;
}

#nav_faqs_active a {
	width: 56px;
	background-position: 0px -135px;
}


#nav_signup a {
	width: 90px;
	background-position: 0px -220px;
}

/* Header content */

#display {
	height: 101px;
	background: url(../images/header_bg.png) no-repeat;
	position: relative;
	
}

#header-home #display {
	height: 300px;
	margin-bottom:10px;
	background: url(../images/header_bg_home.png) no-repeat;
	position: relative;
}

#display-text {
	position: absolute;
	top: 37px;
	left: 60px;
}

/* Home header */

#display-text-home {
	position: absolute;
	top: 34px;
	left: 30px;
}

#learnmore {
	position: absolute;
	top: 180px;
	left: 0px;
}
#donate {
	position: absolute;
	top: 178px;
	left: 260px;
}
#skip{
position: absolute;
	top: 250px;
	left: 50px;
	color:#FFFFFF;
	font-size:1.3em;

	}
#voucher{
position: absolute;
	top: 235px;
	left: 260px;

	}
#videos{
height:300px;
width:380px;
right:30px;
position:absolute;
}


#screenshot-shadow {
background:transparent url(../images/screenshot-shadow.png) no-repeat scroll left top;
height:300px;
padding-left:10px;
padding-top:13px;
position:absolute;
top:7px;
width:391px;

}

#screenshot {
	position: relative;
}

#screenshot-main {
	position: absolute;
	top: 70px;
	left: 58px;
	z-index: 1;
}

#screenshot-banner {
	z-index: 2;
	position: absolute;
	top: 40px; left: 338px;
}
#charity_ribbon {
	z-index: 2;
	position: absolute;
	top: -11px; left: -1px;
}
.charity{
position:relative;
}
#download {
	margin-left: 10px;
}

#signup {
	margin-left: 5px;
}
.indent{
padding-left:10px;
font-weight:bold;
font-size:1.3em;
}
.inline{
display:inline;
margin-bottom:10px;
}
.indent-h2{
padding-left:25px;
}
.indentmore{
padding-left:83px;
}

/*
BODY
Main content
*/

#content .container {
	background: url(../images/bodycontent_middle.png) repeat-y;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	width: 960px;
}

#content p {
	margin-bottom: 30px;
}

#content p:last-child {
	margin-bottom: 0px;
}

.leftcol p:last-child, .rightcol p:last-child {
	margin-bottom: 0px;
}

#content .leftcol, #content .rightcol {
	padding-top: 30px;
	padding-bottom: 30px;
}

.content-top {
	height: 10px;
	background: url(../images/bodycontent_top.png) no-repeat;
	width: 960px;
	margin: 0 auto;
	font-size: 0;
}

.content-bottom {
	height: 10px;
	background: url(../images/bodycontent_bottom.png) no-repeat;
	width: 960px;
	margin: 0 auto;
	font-size: 0;
}

.leftcol, .rightcol {
	float: left;
	
}

.fullcol{
	padding-left: 60px;
	

	vertical-align:middle;
	}
.leftcol {
	margin-right: 60px;
	padding-left: 60px;
	width: 430px;
}

.rightcol {
	padding-right: 60px;
	width: 350px;
}
.narrow{
width:220px;
float:right;
}
.narrower{
width:190px;
float:right;
}
.wide
{
width:550px;
}
.wider
{
width:590px;
}
.extrawide
{
width:830px;
}
.wide h2{
margin-bottom:10px;
}


.rightcolleft {
	width: 210px;
	float: left;
}

.rightcolright {
	width: 150px;
	float: right;
}
.rightvideo{
height:280px;
width:330px;
background-image:url(../images/videobg.jpg);
float:right;
padding:20px 18px;
}

.blog .leftcol {
	width: 580px;
}

.blog .rightcol {
	width: 200px;
}

/* Portfolio */

#content-portfolio .container {
	background: url(../images/pfcontent_middle.png) repeat-y;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	min-height: 570px;
}

#sidebar {
	width: 180px;
	min-height: 540px;
	float: left;
	padding-top: 30px;
}

#sidebar ul li a {
	display: block;
	height: 27px;
	width: 140px;
	color: #4c4c4c;
	background: url(../images/pfactive_bg.png) no-repeat;
	background-position: top left;
	font-family: Myriad Pro, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 30px;
	padding-top: 13px;
	position: relative;
	left: 30px;
}

#sidebar ul li a.active {
	color: #ffffff;
	background: url(../images/pfactive_bg.png) no-repeat;
	background-position: 0px -40px;
}

.pf-content {
	float: right;
	width: 720px;
	padding: 30px;
}

#content-portfolio-top {
	background: url(../images/pfcontent_top.png) no-repeat;
	height: 10px;
	width: 960px;
	margin: 0 auto;
}

#content-portfolio-bottom {
	background: url(../images/pfcontent_bottom.png) no-repeat;
	height: 10px;
	width: 960px;
	margin: 0 auto;
}

/* Slider */

.slider {
	width: 690px;
	min-height: 400px;
	position: relative;
	overflow: hidden;
}

.slider-shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 250px;
	width: 690px;
	background: url(../images/pfpic_shadow.png) no-repeat;
}

.slider ul {
	position: absolute;
	width: 20000em;
	height: 250px;
}

.slider ul li {
	float: left;
	display: block;
	width: 690px;
}

.slider h1 {
	margin-top: 30px;
	color: #4c4c4c;
}

.slider p {
	margin-top: 30px;
}

.prev {
	position: absolute;
	top: 105px;
	left: 0px;
	background: url(../images/previous.png) no-repeat;
	width: 130px;
	height: 40px;
	text-indent: -9999px;
}

.next {
	position: absolute;
	top: 105px;
	left: 590px;
	background: url(../images/next.png) no-repeat;
	width: 100px;
	height: 40px;
	text-indent: -9999px;
}

.thumbs {
	margin-top: 30px;
}

.thumbs li {
	margin-right: 27px;
	float: left;
}

/* CHARITIES */

.charity_logo {
	margin-right: 20px;
	float: left;
	width:160px;
	height:100px;
	padding:5px;
	border:1px #CCCCCC solid;
	margin-bottom:20px;
	vertical-align:middle;
	text-align:center;
}
.charity_logo img{
text-align:center;
vertical-align:middle;
}
.charity_logo_wide{
margin-left: 16px;
	float: right;
	width:220px;
	
	padding:4px;
	border:1px #CCCCCC solid;
	margin-bottom:20px;
}
#charity_logo{
margin-left: 16px;
	float: right;
	
	
	padding:4px;
	border:1px #CCCCCC solid;
	margin-bottom:20px;text-align:center;
}



#choose_charity{
margin-bottom:10px;

display:block;
}

.red{color:#FF0000;
}
#warning{
background-color:#FFDFDF;
border:dotted 1px #FF8080;
padding:10px;
}
#groups{
background-color:#D5FFD5;
border:dotted 1px #008040;
padding:10px;
font-weight:bold;

}
#info{
background-color:#DDFDFF;
border:dotted 1px   #53A9FF;
padding:10px;
}
/* Blog */

.postinfo {
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 10px;
	color: #999999;
}

.postinfo a {
	text-decoration: underline;
}

.post {
	margin-bottom: 30px;
}

a.readmore {
	text-decoration: underline;
}

#moreposts {
	height: 30px;
	width: 83px;
	display: block;
	text-indent: -9999px;
	float: right;
	background: url(../images/moreposts.png) no-repeat;
}

#searchform {
	margin-bottom: 30px;
	width: 200px;
	height: 30px;
	position: relative;
	background: url(../images/search.png) no-repeat;
}

#searchform input#submit {
	border: none;
	text-indent: -9999px;
	height: 16px;
	width: 16px;
	background: url(../images/searchsubmit.png) no-repeat transparent;
	position: absolute;
	top: 8px;
	left: 8px;
}

#searchform input#search {
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	font-size: 12px;
	border: none;
	color: #808080;
	padding: 8px 30px;
}

@-moz-document url-prefix() {
	input#search {
		padding: 0px 30px 0px 30px;
		height: 30px;
	}
}

ul#blogicons {
	clear: both;
	height: 70px;
	display: block;
	position: relative;
	overflow: visible;
}

#blogicon1 {
	position: absolute;
	top: 0px;
	left: 0px;
}

#blogicon2 {
	position: absolute;
	top: 0px;
	left: 80px;
}

#blogicon3 {
	position: absolute;
	top: 0px;
	left: 160px;
}

/* FAQS */

.question{
font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #666666;
	margin-bottom:10px;
	}
.answer{
margin-bottom:20px;
}

/* Contact */

#contactform input {
	height: 26px;
	width: 330px;
	background: #ededed url(../images/input_bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #808080;
	border: none;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 14px;
}

#contactform textarea {
	width: 330px;
	height: 122px;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 14px;
	padding-bottom: 14px;
	border: none;
	background: #ededed url(../images/textarea_bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #808080;
	margin-bottom: 30px;
}

#contactform #submit {
	float: right;
	background: url(../images/submit.png) no-repeat;
	height: 30px; width: 61px;
	border: none;
	text-indent: -9999em;
	cursor: hand; cursor: pointer;
	margin-bottom: 0;
}

/*
FOOTER
Testimonial, social icons, legal
*/

#footer {
	background: #032A25 url(../images/footer_bg.png) repeat-x;
	height: 298px;
	margin-top: 30px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}

#footer .container {
	background: url(../images/footer_columnsbg.jpg) no-repeat;
	height: 220px;
	padding-top: 20px;
}



.testimonial h2 {
	font-size: 18px;
	float: left;
	line-height: 20px;
	margin-bottom: -4px;
	color: #333333;
}

#footer a {
	color: #cccccc;
	text-decoration: underline;
}

#followus {
	float: left;
	margin-top: 15px;
}

#followicons {
	float: right;
	margin-bottom: 30px;
}

#followicons li {
	float: right;
	margin-left: 24px;
}

ul#nav_bottom li {
	float: left;
	margin-right: 10px;
	font-size: 10px;
	margin-top: 25px;
}

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

/*--------------
  CLIENT SLIDER
-----------------*/

#clients{
		height:120px;
margin:0 10px;
position:relative;
		
}

#clients_ribbon{
		background:url(../images/charity_ribbon.png) no-repeat;
		position:absolute;
		z-index:7;
		top:-12px;
		left:-12px;
		height:77px;
		width:71px;
}

#client_slider{
		width:900px!important;
		padding-top:10px;
		
		
		
}

.slider_fade, .slider_fade_left{
		position:absolute;
		height:120px;
		width:120px;
		background: url(../images/slider_fade.png) no-repeat;
		top:0;
		right:0;
		z-index:4;
}

.slider_fade_left{
		left:0;
		background: url(../images/slider_fade_left.png) no-repeat;
}

#client_slider ul li {
		margin:0 30px 0 0;
		height:auto!important;
		display:inline;
		float:left;
		
}

.nextCharity a{
	width:13px;
	height:19px;
	background: url(../images/nxt_btn.png) no-repeat;
	border:0;
	font-size:1.6em;
	position:absolute;
	bottom:0;
	right:0;
	z-index:5;
	cursor:pointer;
	padding:0 0 0 6px;
	display:block;
	font-family:georgia, serif;
	color:#000!important;
	text-shadow: 0.1em 0.1em #fff;
	outline:0;
}