/*
Theme Name: care2give
Theme URI: http://www.care2give.co.uk/
Description: Master CSS file.
Version: 1.0
Author: Alex Stanhope
Author URI: http://www.247creative.co.uk/
*/

/*Global Reset
*********************************************************/

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:1em;
	vertical-align:baseline;
	background:transparent;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote,
q{
	quotes:none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after{
	content:'';
	content:none;
	}			
:focus{
	outline:0;
	}			
ins{
	text-decoration:none;
	}
del{
	text-decoration:line-through;
	}			
table{
	border-collapse:collapse;
	border-spacing:0;
	}
input[type=hidden]{
	visibility:hidden;
	}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */	

body{
	background-color:#fff;
	border-top:9px solid #911a07;
	font:85%/150% "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	
/*Container Styles
*********************************************************/

.container{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}
	
/*Header Styles
*********************************************************/

#header{
	position:relative;
	height:128px;
	background:#ececec url(/img/bg-header.png) repeat-x 0 0;
	border-top:1px solid #965a51;
	border-bottom:1px solid #fff;
	}
	#header.home{
		height:115px !important;
		background:#ececec url(/img/bg-header-home.png) repeat-x 0 0;
		border-bottom:none !important
		}
	#header a#logo{
		width:211px;
		height:70px;
		margin-top:28px;
		overflow:hidden;
		display:block;
		float:left;
		background:url(/img/care2give-logo.gif) no-repeat 0 0;
		}
		#header a#logo span, #header a#tel span{
			display:none;
			}
	#header-right{
		float:right;
		}
		#header a#tel{
			float:right;
			margin-top:28px;
			width:232px;
			height:16px;
			overflow:hidden;
			display:block;
			background:url(/img/bg-contact.gif) no-repeat 0 0 !important;
			}
		#header ul{
			float:right;
			clear:both;
			margin-top:42px;
			}
			#header ul li{
				display:inline;
				text-align:right;
				font-weight:bold;
				text-transform:uppercase;
				margin-left:40px;
				}
				#header ul li a{
					color:#455560;
					text-decoration:none;
					}
					#header ul li a:hover, #header ul li.active a{
						color:#c12f18;
						}
						
/*Content Styles
*********************************************************/

#masthead{
	height:302px;
	margin-bottom:40px;
	background:#c12f18 url(/img/bg-masthead.png) repeat-x 0 0;
	border-bottom:1px solid #a62713;
	}
	#masthead .container{
		width:940px !important;
		height:237px;
		padding-top:65px;
		background:transparent url(/img/bg-masthead-boy.jpg) no-repeat right 0;
		}
		#masthead h1{
			margin-bottom:35px;
			color:#fff;
			font-size:2.4em;
			font-weight:normal;
			}
		#masthead h2{
			color:#fff;
			font-size:1.2em;
			font-weight:normal;
			line-height:1.8em;
			width:600px;
			margin-bottom:30px;
			}
		#masthead a{
			display:block;
			width:300px;
			height:42px;
			background:transparent url(/img/btn-learn-more.gif) no-repeat 0 0;
			}
			#masthead a:hover{
				background:transparent url(/img/btn-learn-more.gif) no-repeat -300px 0;
				}
			#masthead a span{
				display:none;
				}
#homecontent{
	position:relative;
	}
	#homecontent .container{
		width:940px !important;
		}
		#homecontent .box{
			float:left;
			margin:0 20px 0 0;
			width:300px;
			}
			#homecontent .services{
				margin-right:0 !important;
				}
			#homecontent img{
				float:right;
				}
				#homecontent .who img{
					padding:0 0 10px 28px;
					}
				#homecontent .keyring img{
					padding:0 0 0 45px;
					}
				#homecontent .services img{
					padding:0 0 10px 10px;
					}
			#homecontent h3{
				color:#c12f18;
				font-size:1.3em;
				padding-bottom:10px;
				margin-bottom:20px;
				font-weight:normal;
				text-transform:capitalize;
				border-bottom:1px solid #c7cccf;
				display:block;
				}
			#homecontent p, #right p{
				font-size:.9em;
				color:#455560;
				}
				#homecontent p.more{
					margin:15px 0 0 0 !important;
					height:100%;
					background:#fff url(/img/bullet-more.png) no-repeat 0 50%;
					line-height:1.5em;
					padding:0 0 0 18px;
					}
			#homecontent a, #sidebar a, #right a{
			text-decoration:none;
			color:#c12f18;
			font-weight:bold;
			}
			#homecontent a:hover, #sidebar a:hover, #right a:hover{
				color:#660000;
				}
#bar{
	background:#c12f18 url(/img/bg-bar.png) repeat-x 0 0;
	color:#fff;
	border-top:1px solid #751507;
	border-bottom:1px solid #a62713;
	margin-bottom:50px;
	}
	#bar .container{
		padding:30px 0 25px 0;
		background:transparent url(/img/bg-bar-container.png) no-repeat right 0;
		}
		#bar li{
			float:left;
			padding:0 22px 5px 0;
			margin-right:10px;
			height:100%;
			font-size:1.6em;
			font-weight:bold;
			background:transparent url(/img/divider-breadcrumbs.gif) no-repeat right -3px;
			}
			#bar li.active{
				margin-right:0 !important;
				background:none !important;
				}
			#bar li a{
				color:#340700;
				text-decoration:none;
				}
				#bar li a:hover{
					color:#fff;
					}
#secondarycontent{
	clear:both;
	}
	#secondarycontent .container{
		width:940px !important;
		}
		#sidebar{
			float:left;
			width:220px;
			padding-right:40px;
			}
			#sidebar .box{
				background:#f4f4f4 url(/img/bg-sidebar-box.gif) repeat-x 0 0;
				border:1px solid #c7cccf;
				-moz-border-radius:5px; 
				-webkit-border-radius:5px;
				margin-bottom:15px;
				}
				#sidebar .address{
					padding-bottom:7px;
					}
				#sidebar h3{
					padding:10px 0 0 10px;
					font-size:1.1em;
					color:#c12f18;
					text-transform:uppercase;
					margin-bottom:15px;
					line-height:1em;
					font-weight:bold !important;
					font-style:normal !important;
					}
				#sidebar address{
					font-size:.9em;
					line-height:1.6em;
					font-weight:normal;
					color:#455560;
					font-style:normal;
					padding:0 10px;
					}
				.subnav{
					margin:0;
					border-top:1px solid #c7cccf;
					}
					.subnav li{
						font-size:.95em;
						font-weight:bold;
						margin:0 !important;
						}
						.subnav li a{
							display:block;
							padding:2px 10px 2px 10px;
							border-bottom:1px solid #c7cccf;
							cursor:pointer;
							}
							.subnav li a.last{
								border-bottom:none !important;
								}
						.subnav li ul li{
							font-size:1em;
							font-weight:bold !important;
							}
							.subnav li ul li ul li{
								font-size:1em;
								font-weight:normal !important;
								padding-left:15px;
								}
					.subnav li.active a{
						color:#660000 !important;
						}
		#right{
			float:right;
			width:680px;
			padding-bottom:30px;
			}
			#right h1{
				font-size:1.9em;
				margin-bottom:35px;
				font-weight:normal;
				color:#c12f18;
				}
			#right h2, #right h4{
				font-size:1.5em !important;
				line-height:1.5em;
				margin-bottom:10px;
				font-weight:normal;
				color:#394248;
				}
			#right h3{
				font-size:1em;
				line-height:1.6em;
				font-weight:normal;
				color:#455560;
				margin-bottom:20px;
				}
			#right h6{
				clear:both !important;
				margin:40px 0 0 0 !important;
				font-size:.8em;
				font-weight:normal !important;
				text-transform:uppercase;
				padding:0 0 0 20px;
				background:#fff url(/img/bullet-arrow-top.png) no-repeat 0% 50% !important;
				}
				#right h6 a{
					font-weight:normal !important;
					color:#666;
					}
				#right h6 a:hover{
					color:#333;
					}
			#right p{
				margin-bottom:20px;
				}
			img.alignright{
				line-height:1em !important;
				float:right !important;
				margin:0 0 10px 45px;
				}
			#right ul, #right ol{
				margin-bottom:20px;
				}
				#right ol{
					margin-left:20px;
					}
					#right ol.emphasis li{
						font-weight:bold;
						}
				#right ul li, #right ol li{
					font-size:.9em;
					color:#455560;
					padding-left:17px;
					line-height:1.5em;
					margin-bottom:15px;
					background:#fff url(/img/bullet-circle.gif) no-repeat 0 5px;
					}
					#right ol li{
						background:none !important;
						list-style-type:decimal;
						}
				ul.sitemap{
					font-size:1em !important;
					margin:30px 0 !important;
					}
					ul.sitemap li{
						margin:10px 0 0 0 !important;
						font-weight:bold;
						background:url(/img/bullet-sitemap.gif) no-repeat 0px 3px !important;
						padding:2.5px 0px 5px 30px !important;
						font-size:.9em !important;
						height:100%;
						}
						ul.sitemap li a{
							text-decoration:none !important;
							}
							ul.sitemap li a:hover{
								text-decoration:underline !important;
								}
						ul.sitemap li ul li{
							font-size:.95em !important;
							font-weight:normal;
							}
							ul.sitemap li ul li a{
								font-weight:normal !important;
								}
						.sitemap li ul{
							margin-top:0 !important;
							margin-bottom:-10px !important;
							}
							.sitemap li ul li ul{
								font-weight:normal !important;
								margin-top:0 !important;
								}
								.sitemap li ul li ul li{
									font-size:1em !important;
									}
			#right dl.faqs dt{
				font-size:1em;
				color:#455560;
				font-weight:bold;
				margin-bottom:10px;
				padding-left:50px;
				background:#fff url(/img/bg-q.gif) no-repeat 0 50%;
				}
			#right dl.faqs dd{
				font-size:.9em;
				color:#455560;
				margin-bottom:10px;
				padding-left:50px;
				padding-bottom:20px;
				background:#fff url(/img/bg-a.gif) no-repeat 0 5px;
				}
			#memberships{
				clear:both;
				border-top:1px solid #c7cccf;
				padding:25px 0;
				}
				#memberships ul{
					float:right;
					clear:both;
					}
					#memberships li{
						float:left;
						height:42px;
						overflow:hidden;
						display:block;
						cursor:pointer;
						}
						#memberships li a{
							display:block;
							height:42px;
							}
						#memberships li.pfra a{
							width:109px;
							background:url(/img/logo-pfra.gif) no-repeat -109px 0 !important;
							}
							#memberships li.pfra a:hover{
								background:url(/img/logo-pfra.gif) no-repeat 0 0 !important;
								}
						#memberships li.iof a{
							margin-left:27px;
							width:96px;
							background:url(/img/logo-iof.gif) no-repeat -96px 0 !important;
							}
							#memberships li.iof	a:hover{
								background:url(/img/logo-iof.gif) no-repeat 0 0 !important;
								}
						#memberships li.fsb a{
							margin-left:27px;
							width:41px;
							background:url(/img/logo-fsb.gif) no-repeat -41px 0 !important;
							}
							#memberships li.fsb a:hover{
								background:url(/img/logo-fsb.gif) no-repeat 0 0 !important;
								}
						#memberships li span{
							display:none;
							}
						
/*Footer Styles
*********************************************************/

#footer{
	position:relative;
	clear:both;
	padding:30px 0;
	border-top: 1px solid #ddd;
	background-color:#ececec
	}
	#footer .container{
		width:940px !important;
		}
		div.footerinfo{
			float:left;
			width:590px;
			}
			#footer p{
				color:#455560;
				font-size:.8em;
				margin:0 0 5px 0 !important;
				}
		#footer ul{
			width:320px;
			float:right;
			font-size:.8em;
			text-align:right;
			}
			#footer li{
				float:left;
				width:160px !important;
				text-transform:uppercase;
				margin-bottom:5px;
				}
		#footer a{
			color:#455560;
			text-decoration:none;
			}
			#footer a:hover{
				color:#000;
				}
				
/*Form Element Styles
*********************************************************/

#right form{
	float:left;
	position:relative;
	margin:10px 0 15px;
	width:100%;
	}
	#right form.contact{
		float:right !important;
		}
	#right fieldset{
		background:#f4f4f4;
		border:1px solid #ccc;
		padding:18px;
		display:block;
		-moz-border-radius:10px; 
		-webkit-border-radius:10px;
		}
		#right legend{
			font-size:1.4em;
			color:#444;
			font-style:italic;
			font-weight:bold;
			width:auto;
			}
		#right form p{
			clear:both;	
			width:100%;
			}
			#right form p.info{
				padding-left:160px !important;
				}
		#right .text label, #right .submit label{
			float:left;
			padding:0 5px;
			display:block;
			text-align:right;
			width:150px;
			line-height:25px;
			font-weight:bold;
			}
		#right .select label{
			float:left;
			padding:5px;
			display:block;
			text-align:right;
			width:150px;
			line-height:30px;
			}
			#right .forgot{
			display:block;
			float:right;
			width:auto;
			font-size:.95em;
			color:#666;
			margin:-3px 15px 12px 0;
			}
			#right .check input{
				display:block;
				clear:both;
				float:left;
				margin:0 5px 15px 160px;
				}
			#right .check label{
				display:block;
				float:left;
				margin:-3px 0 0 0;
				}
			#right .submit input{
				display:block;
				float:left;
				padding:5px 0;
				}
		#right .text input,
		#right .text textarea{
			display:block;
			float:left;
			width:380px;
			padding:5px;
			font-size:1em;
			margin:0 0 15px 0;
			background:#fff;
			border:1px solid #ccc;
			-moz-border-radius:5px; 
			-webkit-border-radius:5px;
			}
			#right .text input:hover, #right .text textarea:hover{
				background:#e6e6e6;
				}
		#right input.btn{
			font-size:1.3em;
			padding:8px;
			text-align:center;
			color:#fff;
			font-weight:bold;
			background-color:#c12f18;
			border:1px solid #c12f18;
			-moz-border-radius:8px; 
			-webkit-border-radius:8px;
			cursor:pointer;
			}
			#right input.btn:hover{
				background-color:#660000;
				border:1px solid #660000;
				}
		#right select{
			width:auto;
			float:left;
			margin:10px 0;
			font-size:1em;
			background:#fff;
			border:1px solid #ddd;
			}	
.error{
	background:#eee url(/img/bullet-error.gif) no-repeat 10px 50%;
	padding:10px 35px;
	border:1px solid #ff0000;
	color:#ff0000 !important;
	}
.required{
	color:#ff0000;
	font-weight:bold;
	font-size:1.1em;
	padding-right:5px;
	}