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

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


/*  Layout of body and main div's
************************************************************************************************************************/
html {
	overflow-y:scroll;
}

body {
	font-size:62.5%;
	color:#555;
	background:#262626;
	font-family:Georgia;
}

#page {
	width:980px;
	padding:0 0 94px 0;
	margin:0 auto;
	overflow:hidden;
	background:#262626;
	position:relative;
}
	.home #footer {
		position:absolute;
		bottom:0;
		height:40px;
	}

/*  Main content panel
************************************************************************************************************************/

#mainContent {
	position:relative;
	float:left;
	clear:both;
	padding:0 0 26px 0;
	width:980px;
	background:#262626;
	z-index:5;
	top:58px;
}
	#mainContent div.content {
		float:left;
		position:relative;
		width:609px;
		left:0;
	}
	#mainContent div.newContent {
		float:left;
		position:absolute;
		top:0;
		left:980px;
		width:609px;
		padding:25px 0 0 20px;
	}
	
	/*just for testing - take out*/
	#mainContent div.content,
	#mainContent div.newContent {
		width:950px;
	}
		
	#mainContent div.textWrap {
		width:920px;
	}
		#mainContent .textWrap p {
			width:640px;
			color:#EAD4B4;
			font-size:1.6em;
			line-height:1.4em;
			padding-top:6px;
		}
	#mainContent h1 {
		color:#EAD4B4;
		font-size:1.2em;
		font-family:Arial;
		width:100%;
		padding:0 2px 5px 2px;
		margin:0 0 8px 0;
		border-bottom:1px solid #ccc;	
	}
		#mainContent #banner {
			width:100%;
			height:443px;
			position:relative;
		}
			#mainContent #banner .bannerSlide {
				position:absolute;
				top:0;
				left:0;
				width:982px;
				height:443px;
			}
			#mainContent #banner img {
				position:absolute;
				top:0;
				left:0;
				z-index:-1;
			}
			#mainContent #banner h2 {
				font-size:5.5em;
				line-height:1.1em;
				width:355px;
				color:#000;
				padding:100px 0 0 100px;
			}
			#mainContent #banner h3 {
				font-size:2.1em;
				width:355px;
				color:#FF6600;
				padding:10px 0 0 100px;
			}
				#mainContent #banner h3 a:hover {
					text-decoration:underline;
				}
			#mainContent #banner p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.4em;
				line-height:1.4em;
				width:355px;
				color:#000;
				padding:10px 0 0 100px;
			}
			
			#mainContent #banner .textRight h2,
			#mainContent #banner .textRight h3,
			#mainContent #banner .textRight p {
				padding-left:500px;
			}
			
			#banner .bannerLeft,
			#banner .bannerRight {
				width:75px;
				height:67px;
				display:block;
				text-indent:-9999px;
				position:absolute;
				z-index:10;
			}
			#mainContent #banner .bannerLeft {
				background:transparent url('../images/banner_arrowLeft.png') no-repeat scroll top left;
				top:190px;
				left:-2px;
			}
			#mainContent #banner .bannerRight {
				background:transparent url('../images/banner_arrowRight.png') no-repeat scroll top left;
				top:190px;
				right:-2px;
			}
			
			#banner #bannerNav {
				position:absolute;
				bottom:10px;
				right:0;
				z-index:10;
			}
				#banner #bannerNav li {
					float:left;
					margin-right:10px;
				}
					#banner #bannerNav li a {
						display:block;
						background:#000;
						color:#000;
						width:19px;
						height:19px;
					}
					#banner #bannerNav li.active a {
						background:#FF6600;
						color:#FF6600;
					}
					
		
		#homePanels {
			margin-top:10px;
			float:left;
		}
			#homePanels .hpLeft {
				float:left;
				width:440px;
			}	
				#mainContent #homePanels h2 {
					background:#000;
					width:auto;
					padding:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:1.5em;
					color:#fff;
				}
				
				* html #homePanels .standFirst,
				* html #homePanels #eNews,
				* html #homePanels .hpCenter #centreList,
				* html #homePanels #twitter {
					background:#000 !important;	
				}
				
				
				#mainContent #homePanels .standFirst {
					font-size:1.9em;
					line-height:1.4em;
					color:#ccc;
					background:url('../images/home_panelBg.png') repeat left top;
					margin:7px 0;
					padding:20px 15px;
				}
				
				#mainContent #homePanels #eNews {
					background:url('../images/home_panelBg.png') repeat left top;
					padding:15px 15px 30px;
					height:102px;
				}
					#mainContent #homePanels #newsSignup .errors {
						color:#fff;
					}
						#mainContent #homePanels #eNews p {
							color:#fff;
							font-size:1.5em;
							font-family:Arial, Helvetica, sans-serif;
							margin-bottom:10px;
						}
						#mainContent #homePanels #newsSignup #eNewsEmail {
							padding:6px 10px;
							width:300px;
							color:#666;
							float:left;
						}
						#mainContent #homePanels #newsSignup #eNewsSubmit {
							background:#FF6600;
							border:0;
							color:#fff;
							font-weight:bold;
							padding:6px 10px;
							margin-left:10px;
							float:left;
							display:inline;
							width:68px;
						}
				
			#homePanels .hpCenter {
				float:left;
				display:inline;
				width:262px;
				margin:0 8px;
			}
				
				#homePanels .hpCenter #centreList {
					background:url("../images/home_panelBg.png") repeat scroll left top transparent;
					padding:16px 15px;
					margin:7px 0;
					height:278px;
				}
					#homePanels .hpCenter #centreList li {
						margin-bottom:10px;
						padding-bottom:10px;
						border-bottom:1px solid #262626;
					}
					#homePanels .hpCenter #centreList li.last {
						margin:0;	
						padding-bottom:0;
						border-bottom:0;
					}
						#homePanels .hpCenter #centreList h3 {
							font-family:Arial, Helvetica, sans-serif;
							font-weight:bold;
							font-size:1.2em;
							color:#fff;
							margin-bottom:4px;
						}
						#homePanels .hpCenter #centreList p {
							color:#fff;
							font-family:Arial, Helvetica, sans-serif;
							line-height:1.4em;
						}
				
			
			#homePanels .hpRight {
				float:left;
				width:262px;
			}
				#homePanels #twitter {
					background:url("../images/home_panelBg.png") repeat scroll left top transparent;
					padding:16px 15px;
					margin:7px 0;
					overflow:hidden;
					height:268px;
				}
					#homePanels #twitter p {
						line-height:1.3em;
						color:#fff;
						font-family:Arial, Helvetica, sans-serif;
					}
						#homePanels #twitter p a {
							font-weight:bold;	
						}
					#homePanels #twitter li {
						margin-bottom:14px;	
					}
					#homePanels #twitter .joinText {
						color:#ccc;
					}
					#homePanels #twitter p.tLink {
						float:right;
						width:100%;
						font-weight:bold;
						border-top:1px solid #262626;
						text-align:right;
						padding-top:10px;
						margin-top:10px;
					}
						#homePanels #twitter p.tLink a {
							color:#fff;
							display:block;
							background:url('../images/button_add2.gif') no-repeat right top;
							padding:2px 30px 2px 0;
						}
				
		
		
		#mainContent h1.fullPage {
			margin:0 40px 8px 0;
			width:auto;
		}
	#mainContent h2 {
		color:#EAD4B4;
		font-size:2.9em;
		line-height:1.2em;
		width:640px;
	}
		#mainContent h2.sideHeader {
			width:560px;
			float:left;
		}
	
	
	#mainContent p {
		font-size:1.2em;
		line-height:1.6em;
	}
	#mainContent a {
		color:#FF6600;
		text-decoration:none;
	}

/*  Page bg images
************************************************************************************************************************/

/**precedent page**/
#mainContent div.page1 {
	backg/round:url(../images/bg_precedent.jpg) #090A0A no-repeat left top;
	min-height:798px;
	height:798px;
	padding:0;
	width:980px;
}
		#mainContent .precImage2,
		#mainContent .precImage3 {
			display:none;
		}
	/**services page**/
	#mainContent div.page23 {
		background:url(../images/bg_services.jpg) #090A0A no-repeat left top;
		height:430px;
		padding:45px 0 0 30px;
	}
	/**history page**/
	#mainContent div.page24 {
		background:url(../images/bg_history.jpg) #090A0A no-repeat left top;
		min-height:430px;
	}
	/**people page**/
	#mainContent div.page3 {
		background:url(../images/bg_people.jpg) #B9B9B9 no-repeat left top;
		padding:45px 0 0 30px;
	}
	/**news page**/
	#mainContent div.page25 {
		background:url(../images/bg_news.jpg) #b7b7b7 no-repeat left top;
		min-height:430px;
		padding:45px 0 0 30px;
	}
	/**partners page**/
	#mainContent div.page26 {
		background:url(../images/bg_partners.jpg) #b7b7b7 no-repeat left top;
		min-height:430px;
		padding:45px 0 0 30px;
	}
	#mainContent div.page249 {
		background:url(../images/bg_vacancies.jpg) #000 no-repeat left top;
		padding:45px 0 0 30px;
		min-height:430px;
	}

/**portfolio page**/
#mainContent div.page8 {
	padding:8px 0 0 0;
	min-height:440px;
	bac/kground:url(../images/bg_portfolio.jpg) #090A0A no-repeat left bottom;
}

	#mainContent div.page18,
	#mainContent div.page19,
	#mainContent div.page20,
	#mainContent div.page21,
	#mainContent div.page22 {
		padding:38px 0 0 30px;
		background:url(../images/bg_portfolio.jpg) #090A0A no-repeat left bottom;
		min-height:440px;
		min-height:auto !important;
		height:440px;
	}
	
	#mainContent div.portfolio {
		bac/kground:#262626;
		h/eight:440px;
	}
	#mainContent div.portfolio {
		ba/ckground:url(../images/bg_portfolio.jpg) #090A0A no-repeat left bottom;
		mi/n-height:440px;
	}
/**clients page**/
#mainContent div.page36 {
	background:url(../images/bg_clients.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}
/**seminars page**/
#mainContent div.page34 {
	background:url(../images/bg_seminars.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}
/**reports page**/
#mainContent div.page35 {
	background:url(../images/bg_reports.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}

/** contact - london page**/
#mainContent div.page28 {
	background:url(../images/bg_london.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}
#mainContent div.page29 {
	background:url(../images/bg_cardiff.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}
#mainContent div.page30 {
	background:url(../images/bg_worthing.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}
#mainContent div.page31 {
	background:url(../images/bg_edinburgh.jpg) #090A0A no-repeat left top;
	padding:22px 0 0 30px;
}





/*  Standard page formatting
************************************************************************************************************************/

#pageContent {
	float:left;
	display:inline;
	background:#fff;
	padding:20px 15px;
	margin-top:60px;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
}

#charityLink {
	position:absolute;
	top:330px;
	right:25px;
}



/*  Footer formatting
************************************************************************************************************************/


#footer {
	width:980px;
	z-index:20;
	position:absolute;
	padding:10px 0px 12px;
	left:0;
	clear:both;
	height:30px;
	bottom:0px;
	background:#262626;
}
	#footer ul {
		padding:10px 0 0 0;
		float:left;
	}
		#footer ul li {
			float:left;
			margin:0 10px 0 0;
			font-size:1.2em;
			color:#775747;	
			color:#99857A;			
		}
			#footer ul li a {
				text-transform:uppercase;
				color:#6D6D6D;	
				font-family:Arial;
				font-weight:bold;
				color:#fff;
				text-decoration:none;
			}
				#footer ul li a.precEmail {
					text-transform:none;
				}
				#footer ul li a:hover {
					text-decoration:underline;
				}
	#logo {
		float:right;
		display:inline;
		margin:7px 0 0 0;
	}
		#logo a {
			float:left;
			display:block;
		}
		/* Span text for accessibility */
		#logo span {
			display:block;
			text-indent:-99999px;
			width:0;
			height:0;
			line-height:0.1em;
			font-size:0.1em;
		}
		
	#footer .icons {
		float:right;
		display:inline;
		margin:10px 10px 0 0;
	}


#loadingBg {
	display:none;
	position:absolute;
	z-index:40;
	width:100%;
	height:100%;
	background:#000;
	opacity:.4;
	left:0;
}
#loadingImg {
	display:none;
	position:absolute;
	background:url(../images/loaderBg2.gif) top left no-repeat;
	z-index:50;
	width:122px;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	top:180px;
	left:420px;
	padding:10px 0 30px 0;
}
	#loadingImg img {
		margin:0 auto;
		z-index:40;
	}