/*
	Filename         : 	style.css
	Created by       : 	Ashley Nolan
	Created          : 	03/03/2009
	Last Updated     : 	03/03/2009
	Comments         : 	Styling for RSPCA - Election Microsite
*/

/*  General class definitions for global use
************************************************************************************************************************/

.noBorder {
	border:none !important;
}
.linkUnderline {
	text-decoration:underline;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.clear {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	float: none !important;
}	


/*  General formatting definitions
************************************************************************************************************************/

strong {
	font-weight:bold;
}

p {
	font-size:1.3em;
	line-height:1.4em;
	color:#333333;
}

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

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}


h1 {
	font-size:3.4em;
	line-height:1.4em;
	color:#333;
	font-weight:bold;
	font-family:"Myriad pro", Arial, Helvetica, sans-serif;
}
h2 {
	font-size:2.7em;
	line-height:1.4em;
	color:#1F3125;
	font-weight:bold;
}
h3 {
	font-size:2.1em;
	line-height:1em;
	color:#1F3125;
	font-weight:bold;
}
h4 {
	font-size:1.4em;
	line-height:1.4em;
	color:#1F3125;
	font-weight:bold;
}
h5 {
	font-size:;
	line-height:;
	color:;
}

h6 {
	font-size:;
	line-height:;
	color:;
}

hr {
}

/*  Layout of body and main div's
************************************************************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
}

div#wrapper {
	font-size:62.5%;
}

div#headWrap {
	background:url('../images/header_bg.jpg') repeat-x center top;
	position:relative;
	z-index:6;
}
	div#header {
		margin:0 auto;
		width:980px;
		overflow:hidden;
		height:1%;
		position:relative;
	}

div#naviWrap {
	background:url('../images/navi_bg.png') no-repeat center 9px;
	float:left;
	width:100%;
	margin-top:-33px;
	position:relative;
	z-index:5;
}
	div#naviBar {
		background:url('../images/navi_gradient.png') repeat-x center bottom;
		float:left;
		position:relative;
		z-index:5;
		width:100%;
		text-align:center;
	}

#mainRepeater {
	background:url('../images/main_bgRepeater.gif') repeat-y center top;
	width:100%;
	clear:both;
	position:relative;
		z-index:6;
}
	#mainWrap {
		background:url('../images/main_bg.jpg') no-repeat center top;
		width:100%;
		clear:both;
	}
	div#main {
		width:981px;
		margin:0 auto;
		position:relative;
		top:-10px;
		overflow:hidden;
		padding-bottom:20px;
	}


div#footer {
	background:url('../images/footer_bg.gif') #fff no-repeat center top;
	float:left;
	width:100%;
	position:relative;
	top:-30px;
}



/* Header formatting 
************************************************************************************************************************/

#logo {
	float:left;
	margin:20px 2px 0;
}
	/* Span text for accessibility */
	#logo span {
		display:block;
		height:0;
		text-indent:-99999px;
		width:0;
		line-height:0.1;
	}
	
	#contactus {
		background:url('../images/button_contact.gif') no-repeat left top;
		color:#fff;
		width:104px;
		padding:6px 10px 10px;
		font-size:1.2em;
		font-weight:bold;
		display:block;
		position:absolute;
		right:78px;
		z-index:12;
	}
	
#countdown {
	float:right;
	background:url('../images/header_feature.png') no-repeat right top;
	width:590px;
	height:130px;
	position:relative;
	z-index:10;
}
	#countdown .textWrap {
		float:right;
		padding:46px 76px 0 0;
		width:150px;
		height:70px !important;
		overflow:hidden;
	}
		#countdown h2 {
			float:left;
			display:inline;
			font-size:50px;
			line-height:1.4em;
			font-family:"Myriad pro", Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#000;
			margin-left:4px;
			width:58px;
		}
		#countdown h3 {
			float:left;
			width:100px;
			clear:both;
			font-size:10px;
			font-weight:bold;
			color:#fff;
			line-height:1em;
		}
		#countdown p {
			float:right;
			width:76px;
			font-size:1.3em;
			line-height:16px;
			font-weight:bold;
			margin:20px 10px 0 0;
			color:#fff;
		}
		
.mainBgImg {
	position:absolute;
	left:320px;
	top:0;
	z-index:6;
}
#subBgImg {
	position:absolute;
	left:30px;
	bottom:-10px;
	z-index:5;
}

/* Main formatting
************************************************************************************************************************/

.contentWrap {
	margin-left:10px;
	width:940px;
}
	.contentWrap p {
		margin-bottom:1em;
	}
	
	.contentWrap div#contentLeft {
		float:left;
		width:468px;
	}
	.contentWrap div#contentRight {
		float:right;
		width:460px;
		margin-right:10px;
		background:url('../images/box_borderNarrow_1400.jpg') no-repeat -5px -14px;
	}
	


/* Footer Styles 
************************************************************************************************************************/

.footerWrap {
	margin:50px auto 0 auto;
	width:940px;
	overflow:hidden;
	height:1%;
}
	.footerWrap h3 {
		float:left;
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 50px 0;
	}

	.footerWrap ul {
		float:left;
		width:798px;
		margin:10px 0 60px 20px;
	}
		.footerWrap ul li {
			float:left;
			display:inline;
			font-size:1.2em;
			font-weight:bold;
			margin-right:13px;
		}
			.footerWrap ul li a {
				color:#333333;
				clear:both;
				float:left;
			}
				
			
	.footerWrap p {
		float:left;
		clear:both;
		font-size:1.2em;
		margin-bottom:20px;
		color:#333333;
		width:auto;
	}
		.footerWrap p.copyright {
			float:left;
			clear:left;
			width:75%;
			display:inline;
		}
		.footerWrap p.watermark {
			float:right;
			clear:none;
			display:inline;
			width:auto;
		}



.buttonWrap {
	background:transparent url('../images/button_pinkRight_arrow.png') no-repeat scroll top right;
	float:right;
	display:inline;
}

	.buttonWrap span,
	.buttonWrap a {
		background:transparent url('../images/button_pinkLeft2.png') no-repeat scroll top left;
		color:#fff;
		font-weight:bold;
		padding:9px 10px 13px 14px;
		display:block;
		float:left;
		display:inline;
		margin-right:28px;
		font-size:1.2em;
	}
			

#footer .buttonWrap {
	background:transparent url('../images/button_pinkRight_arrow2.png') no-repeat scroll top right;
	height:37px;
	float:left;
	display:inline;
}

#footer .buttonWrap span {
	background:transparent url('../images/button_donateLeft.png') no-repeat scroll top left;
	padding: 12px 5px 11px 10px;
	margin-right:14px;
	font-size:.9em;
}
			
/* Splash Page content
************************************************************************************************************************/
#splashContent {
	display:none;
}
 

/* PNG Fix
************************************************************************************************************************/
#logo img,
#countdown,
#naviWrap,
#naviBar,
ul#mainNav li,
.mainBgImg,
#featureImg,
#contentRight,
.pngFix {
	behavior: url('/assets/templates/js/iepngfix.htc');
}