@charset "utf-8";
/* CSS Document */

html body {	
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
	background-color:#3a3b40;
	background-image:url(/images/splash/bg3.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}


p, h1, h2, h3, h4, h5, h6, ul, li, table, td, th, tr, form, input, img, button, hr {
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

#bg {
	position:relative;
	width:100%;
	height:100%;
	background-color:#ffffff;
}

#bg-people {
	position:relative;
	width:100%;
	height:100%;
	background-color:#3a3b40;
}

.outsideContainer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:970px;
}

		#header {
			position:relative;
			float:left;
			width:970px;
			margin-top:30px;
			padding-bottom:50px;
		}

				#logo {
					position:relative;
					float:left;
					width:212px;
					background-image:url(../images/logo.jpg);
					height:108px;
					background-repeat:no-repeat;
				}
				
				#headerLHS {
					position:relative;
					float:left;
					width:212px;
				}
		
				#headerRHS {
					position:relative;
					float:left;
					width:678px; /* was 758px*/
					margin-left:00px; /* WAS 80px */
					margin-top:139px;
				}
				
				#headerRHS2 {
					position:relative;
					float:left;
					width:678px; /* was 758px*/
					margin-left:00px; /* WAS 80px */
					margin-top:0px;
				}
				
				#headerRHS p {
					color:#FFFFFF;
					font-size:12px;
					margin-bottom:15px;
				}
				
				#headerRHS h1 {
					color:#0099ff;  /*67b2c9*/
					font-size:;
				}
				
				#headerRHS h2 {
					color:#0099ff; /*67b2c9*/
					font-size:14px;
				}
				
				#headerRHS span {
					color:#0099ff; /*67b2c9*/
					font-size:12px;
					font-weight:bold;
					margin-left:620px;
				}
				
				#headerRHS span a:link, #headerRHS span a:visited {
					color:#0099ff;  /*67b2c9*/
					text-decoration:none;
				}
				
				#headerRHS span a:active, #headerRHS span a:hover {
					color:#0099ff;  /*67b2c9*/
					text-decoration:none;
				}
				
				/* sub level people page - nick moody's page */
				#headerRHSPic {
					position:relative;
					float:left;
					width:678px; /* was 758px*/
					padding-left:80px;
					margin-top:0px;
				}
				/* end of sub level people page - nick moody's page */
				
				#nav {
					position:relative;
					float:left;
					width:145px;
					padding-left:57px;
					margin-top:30px;
					margin-bottom:15px;
					overflow:hidden;
				}
						_#nav{
						 /* this will only work in IE6	*/
						 height:450px;
						}
				
						ul#menu {
							list-style:none;
						}
						
						ul#menu li {
							margin-bottom:15px;  /* was 15px before adding Intro link in nav */ 
							padding-left:5px;
						}
						
						
						ul#menu li a:link, ul#menu li a:visited {
							color:#FFFFFF;
							text-decoration:none;
						}
						
						ul#menu li a:active, ul#menu li a:hover {
							color:#FFFFFF;
							text-decoration:none;
						}
						
						
			/* start of nav test */
						
						
						#nav ul#menu li.on {
							text-decoration: none;
							color:#0099ff;  /*67b2c9*/
							font-weight:bold;
							
							background-color:#0099ff;  /* when parent level has background block */   /*67b2c9*/
							padding-top:3px;  /* when parent level has background block */
							padding-bottom:3px;  /* when parent level has background block */
							width:129px;  /* when parent level has background block */
							color:#FFFFFF;  /* when parent level has background block */
							
							margin-bottom:10px;
						}	
						
						#nav ul#menu li.on a {
							text-decoration: none;
							color:#ffffff;  /* was 67b2c9 when child level had background block */
							font-weight:bold;
						}
							
								/* sub nav styling */
								
								#nav ul#menu ul.bullet {
									list-style:none;
									list-style-type:none;
									font-size:11px;
									color:#FFFFFF;
									border-left:none;
									border-right:none;
									margin-top:0px; /* margin-top:0px */
									margin-bottom:0px;
									margin-left:0px;
									padding-left:0px;
									
									background-color:#3a3b40; /* IE fix for sub nav */
									
								}
								
								#nav ul#menu ul.bullet li {
									margin-bottom:7px;
								}
								
								
									 #nav ul#menu ul.bullet li a:link, #nav ul#menu ul.bullet li a:visited {
									 	color:#FFFFFF;
										font-weight:normal;
									 } 
									 
									 #nav ul#menu ul.bullet li a:hover, #nav ul#menu ul.bullet li a:active {
									 	color:#FFFFFF;
									 }
									 
									 
									 #nav ul#menu ul.bullet li.selected a:link, #nav ul#menu ul.bullet li.selected a:visited {
										color:#0099ff;  /* was FFFFFF when child level had background block */   /*67b2c9*/
										font-weight:bold;
									 }
									 
									 #nav ul#menu ul.bullet li.selected a:active, #nav ul#menu ul.bullet li.selected a:hover {
										color:#0099ff;  /* was FFFFFF when child level had background block */   /*67b2c9*/
										font-weight:bold;
									 }
									 
									 #nav ul#menu ul.bullet li.selected {
										text-decoration: none;
										/*background-color:#67b2c9;*/  /* when child level has background block */
										/*padding-top:3px;
										padding-bottom:3px;*/
										width:129px;
										color:#FFFFFF;  /* when child level has background block */
										font-weight:bold;
									}
								/* end of sub nav styling */
			
			/* end of nav test */
			
			
			
			
			
			
/* start of index.php CHQ page */
			
#headerCHQ {
			position:relative;
			float:left;
			width:970px;
			margin-top:30px;
			padding-bottom:40px;
		}

		
				#headerRHSPicCHQ {
					position:relative;
					float:left;
					width:678px; /* was 758px*/
					margin-left:80px;
					margin-top:0px;
				}	
				
					
			
			
						
#outsideContainer3, #outsideContainer4 {
	position:relative;
	float:left;
	width:100%;
	background-color:#4c4f56; /* #3a3b40 */
}

#blockLineCHQ, #bottomContainer2 {

/*position:absolute;
top:0;
left:0;
width:100%;
background:#2e2f34;

margin-top:525px;

height:29px;*/
			position:relative;
			float:left;
			width:100%;
			background-color:#2e2f34;
			height:22px; /* was 29px */
			padding-top:7px;
			text-align:right;
			margin-top:-27px;
			z-index:-2;

}
		
		#blockLineCHQContainer {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:970px;
			padding-right:50px;
		}
		
		
		#blockLine2 {
			position:relative;
			float:left;
			width:100%;
			background-color:#64656a;
			height:22px; /* was 29px */
			padding-top:7px;
			text-align:right;
		}
		
		#blockLine3 {
			position:relative;
			float:left;
			width:100%;
			background-color:#3a3b40;
			height:auto; /* was 29px */
			padding-top:7px;
			text-align:right;
		}
				

#bottomCHQ, .bottomCHQ {
	position:relative;
	float:left;
	width:970px;
	background-color:#4c4f56;  /* #3a3b40 */
	padding-top:23px;
}

		#bottomCHQ p, .bottomCHQ p {
			color:#FFFFFF;
			font-size:12px;
			margin-bottom:15px;
		}
		
		#bottomCHQ h1, .bottomCHQ h1 {
			color:#0099ff;  /*67b2c9*/
			font-size:16px;
			padding:0px;
			margin:0px;
		}
		
		#bottomCHQ h2, .bottomCHQ h2 {
			color:#ffffff;
			font-size:14px;
			margin-bottom:15px;
		}
			
		#bottomCHQ p span, .bottomCHQ p span {
			color:#0099ff;  /*67b2c9*/
			font-size:12px;
		}
					
	#bottomLeft {
		position:relative;
		float:left;
		width:170px;  /* was 292px */
		padding-right:60px;
		padding-left:62px;
		padding-top:5px;
		padding-bottom:10px;
	}
	
	#bottomLeftPeeps {
		position:relative;
		float:left;
		width:232px;  /* was 292px */
		padding-right:60px;
		padding-left:0px;
		padding-top:5px;
		padding-bottom:10px;
	}
	
	#bottomRight {
		position:relative;
		float:left;
		width:648px; /* was 678px */
		padding-right:30px;
	}
	
			#bottomRight ul {
				color:#FFFFFF;
				margin-left:15px;
			}
			
			#bottomRight ul li {
				margin-bottom:15px;
			}
			
			#bottomRight ul a {
				color:#FFFFFF;
			}
			
			#bottomCHQ h2.privacy {
				color:#ffffff;
				font-size:14px;
				margin-bottom:5px;
				margin-top:20px;
			}


















/* index.html below - index.php above (CHQ page) */
						
		#blockLine {
			position:relative;
			float:left;
			width:100%;
			background-color:#333238;
			height:29px;
		}
		
#outsideContainer2 {
	position:relative;
	float:left;
	width:100%;
	background-color:#4f5055;
}
		
		#blockLine2 {
			position:relative;
			float:left;
			width:100%;
			background-color:#64656a;
			height:22px; /* was 29px */
			padding-top:7px;
			text-align:right;
		}
		
				#blockLineContainer {
					position:relative;
					margin-left:auto;
					margin-right:auto;
					width:970px;
				}
				
				#blockLineContainer2 {
					position:relative;
					margin-left:auto;
					margin-right:auto;
					width:970px;
				}
				
				#blockLineContainer span a:link, #blockLineContainer span a:visited {
					color:#FFFFFF;
					text-decoration:none;
				}
				
				#blockLineContainer span a:active, #blockLineContainer span a:hover {	
					color:#FFFFFF;
					text-decoration:none;
				}
		
				#blockLine2 span {
					color:#FFFFFF;
					font-size:10px;
					margin-left:25px;
				}
		
		#bottomContainer {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:970px;
		}
		
		#bottom {
			position:relative;
			float:left;
			width:970px;
			background-color:#4f5055; 
		}
		
				.pic {
					position:relative;
					float:left;
					width:227px;
					margin-right:20px;
				}
				
				.last {
					margin-right:0px;
				}
				
				
				


/* SPLASH PAGE CSS*/


	#bgColour {
		position:relative;
		background:url(../images/splash/small-bgsplash.gif) top left repeat-x;
		height:457px; /* 494px */
		width:100%;
	}
	
	
	
	#topSplash {
		position:relative;
		float:left;
		width:970px;
		text-align:center;
		padding-top:90px;  /* 120px */
	}
	
		#topSplash h1 {
			color:#FFFFFF;
			font-size:16px;
			margin-top:45px;
			font-weight:normal;
			letter-spacing:1px;
		}
		
			#topSplash h1 span.bold {
				font-weight:bold;
			}
	
	
		
#bgColour2 {
	position:relative;
	background:url(../images/splash/small-bg2splash.gif) top left repeat-x;
	height:258px; /* was 276px - which is 2 x 138 the height of an individual box and then 307px before small intro addition */
	width:100%;
}	
	
	#middlesplash {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:970px; /* was 970px and then 763px */
	}
	
		.develop {
			position:relative;
			float:left;
			width:113px;  /* was 138px before small intro page */
			height:95px; /* was 138px before small intro page */
		}
			.first {
				padding-left:123px;
			}
			
			.fourth {
				padding-left:230px;
			}
			
			
			.text1 {
				position:relative;
				float:left;
				width:113px; /* was 138px before small intro page */
				background-color:#4f5055; 
				height:18px; /* was 23px before small intro page */
				/*text-align:center;*/
			}
			
				.text1 h2 {
					color:#FFFFFF;
					font-size:11px;   /* was 14px before small intro page */
					padding-top:2px;  /* was 4px before small intro page */
					font-weight:bold;
					padding-bottom:0px;  /* makes Ie 'a' tag bg on hover in whole of text1 div */  /* was 4px before small intro page */
					width:113px;  /* was 138px before small intro page */
				}
				
				/* below - made obsolete by image rollover technique */
				.text1 a.dev {
					padding-left:11px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:12px;
				}
				
				.text1 a.sourcing {
					padding-left:25px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:25px;
					/*font-weight:normal;*/
				}
				
				.text1 a.appraisal {
					padding-left:21px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:21px;
					/*font-weight:normal;*/
				}
				
				.text1 a.funding {
					padding-left:30px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:30px;
					/*font-weight:normal;*/
				}
				
				.text1 a.design {
					padding-left:35px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:35px;
					/*font-weight:normal;*/
				}
				
				.text1 a.proc {
					padding-left:11px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:11px;
					/*font-weight:normal;*/
				}
				
				
				
				.3 {
					color:0099FF;
				}
				
				.text1 a.assets {
					padding-left:32px;
					padding-bottom:2px;
					padding-top:2px;
					padding-right:33px;
				}
			
				/* end of obsolete */
				
				.text1 a:link, .text1 a:visited {
					text-decoration:none;
					color:#FFFFFF;
				}
				
				.text1 a:active, .text1 a:hover {
					text-decoration:none;
					color:#FFFFFF;
					background-color:#0099ff;  /*20b3cc*/
				}
		
		.Grad1 {
			position:relative;
			float:left;
			background:url(../images/splash/small-1stGrad.jpg) top left;
			height:113px;  /* was 138px before small intro page */
			width:99px;  /* was 67px before small intro page */
		}
		
		
		.inroText {
			
		}
		
		#headerRHS ul {
			margin-left:35px;
			margin-bottom:15px;
		}
		
		#headerRHS ul li {
			font-weight:bold;
			color:#0099ff;  /* 00CCFF */ 
		}
		
		#headerRHS a:link, #headerRHS a:visited {
			color:#0099ff;  /*67b2c9 00CCFF*/
			text-decoration:none;
		}
		
		#headerRHS span a:active, #headerRHS span a:hover {
			color:#0099ff;  /*67b2c9 00CCFF*/
			text-decoration:none;
		}
		
	
	


/* END OF SPLASH PAGE CSS*/