body {
	background: #FFF;
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center; }

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 960px; 
	text-align: left; } 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 960px;
	height: 100px; }


	#headerBar {
		float: left;
		height: 212px;
		width: 960px;
		margin-bottom: 1em; }
	
		#companyLogo {
			height: 143px;
			border-right: 2px solid #fff;
			float: left;}
		
			#imageText {
				float: left;
				height: 70px;
				width: 960px;
				margin: 0;
				background-image: url('/images/headerbar/header_gradient.png'); }
			
				#imageText div {
					float: right;
					padding: .6em 1em 0 0; }
/*
		#imageBar {
			height: 212px;
			width: 800px;
			float: left; }
		
			#imageBar img {
				margin-left: 2px; }
*/
		
/*
			#imageText {
				position: absolute;
				top: 141px;
				left: 155px;
				height: 70px;
				width: 950px;
				margin: 2px 0 0 -145px;
				background-image: url('/images/headerbar/header_gradient.png'); }
			
				#imageText div {
					float: right;
					padding: .6em 1em 0 0;}
		
*/


	#bodyBar {
		float: left; }
	
		#menuBar {
			float: left;
			width: 153px; }
		
			#menuBar ul {
				margin: 0 10px 0 0;
				padding: 0;
				list-style-type: none; }
			
				#menuBar li {
					margin: 0;
					padding: 0;
					display: block;
				}
				
					#menuBar li a {
						display: block;
						height: 30px;
						line-height: 30px;
						border-bottom: 1px solid #ccc;
						padding-left: 1.5em; }
					
					#menuBar li a:hover, .menu_on, .submenu_on {
						background-image: url('/images/leftmenu/left_menu_selector.jpg');
						background-position: .5em 50%;
						background-repeat: no-repeat; }
					
					#menuBar ul ul {
						margin-left: 10px;
						margin-right: 0; }
					
						#menuBar ul ul li a {
							line-height: 20px;
							height: auto;
						}
		
	
		
		#centreBarImages {
			float: left;
			width: 557px;
			background-image: url('/images/bodybar/keyline.jpg');
			background-repeat: no-repeat;
			background-position: 0 0 }
			
				#centreBarImages ul li {
				background-image: url('/images/leftmenu/bullet.gif');
				margin: 0 0 20px 50px;
				background-repeat: no-repeat;
				background-position: 0 5px;
				padding: 0 0 0 20px;
			}
			
			#centreBarImages  a {
				color: #96cecf;
			}
		
			#centreBarImages  a:hover {
				text-decoration: underline;
				color: #96cecf;
			}
			
			#centreBarImages img {
				margin: 0 20px 0 20px;
			}
			
			#centreBarImages  .sitemap a {
				color: #666;
				font-size: 80%;
				margin: 10px 10px 10px 10px
			}
		
			
		#centreBar {
			float: left;
			width: 641px;
			background-image: url('/images/bodybar/keyline.jpg');
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		
			#centreBar ul li {
				background-image: url('/images/leftmenu/bullet.gif');
				margin: 0 0 20px 50px;
				background-repeat: no-repeat;
				background-position: 0 5px;
				padding: 0 0 0 20px;
			}
			
			#centreBar a {
				color: #96cecf;
			}
		
			#centreBar a:hover {
				text-decoration: underline;
				color: #96cecf;
			}
			
			#centreBar img {
				margin: 0 20px 0 20px;
				
			}
			
			#centreBar .sitemap a {
				color: #666;
				font-size: 80%;
				margin: 10px 10px 10px 10px
			}
			
			#centreBarImages .certificates li{
				width: 250px;
				float: left;
			}
			
			
			
			#colOne {
			float: left;
			width: 278px;	}
			
			#colOne ul li{
				background-image: url('/images/leftmenu/bullet.gif');
				margin: 0 0 20px 50px;
				background-repeat: no-repeat;
				background-position: 0 5px;
				padding: 0 0 0 20px;
				margin: 10px 10px 20px 20px;	}
				
			#colTwo {
				float: left;
				width: 278px;	}
				
			#colTwo ul li{
				background-image: url('/images/leftmenu/bullet.gif');
				margin: 0 0 20px 50px;
				background-repeat: no-repeat;
				background-position: 0 5px;
				padding: 0 0 0 20px;
				margin: 10px 10px 20px 20px;	}
			
					
		 #rightBar{
			float: right;
			width: 166px;
		}	
						
		 #rightBarImages{
			float: right;
			width: 250px;
		}
			#rightBarImages h2 {
				padding: .6em;
				text-indent: -9999px;
				margin: 0; }
		
			#rightBar h2 {
				background: #eee;
				padding: 12px;
				margin: 10px 0 10px 0; }
				
			#rightBar .read {
				margin: 10px 0 10px 10px; }
						
			#rightBar h2 a {
				font-size: 85%; }
				
			#rightBar h3 {
				padding: 12px;
				margin: 0; }
				
			#rightBar ul {
				margin-top: -10px;
				border-top: 1px solid #ccc;
			}
							
				#rightBar li {
					background: #eee;
					padding: 0;
					margin: 0; }
				
			#rightBar h4 {
				background: #eee;
				padding: 12px;
				margin: 0 0 2px 0; }
				
			 #rightBar .case {
			 		background-image: url('/images/rightbar/case_icon.png');
					background-repeat: no-repeat;
					background-position: 130px 12px;					
			 	}
				
			 #rightBar .news {
			 		background-image: url('/images/rightbar/news_icon.png');
					background-repeat: no-repeat;
					background-position: 130px 12px;					
			 	}


#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666; }
	
	#lightboxDetails{
		font-size: 1.2em;
		padding-top: 0.4em; }	
				
	#lightboxDetails a{
		text-decoration: none; }	
				
	#lightboxCaption{ float: left; }
	
	#keyboardMsg{ float: right }
	
	#lightbox img{ border: none; } 
	
	#overlay img{ border: none }


	#footerBar { 
		width: 960px; 
		float: left;
		height: 120px;
		margin: 20px 0 0 0;
		padding: 0;
		border-top: 4px solid #e6f2f0; }
	
		#footerBar .columnOne {
		float: left;
		width: 320px;
		display: block; }
		
		#footerBar .columnTwo {
		float: left;
		width: 300px;
		margin: 0 0 0 20px; }
		
		#footerBar .columnThree {
		float: left;
		width: 300px;
		margin: 0; }
	
		#footerBar p {
		width: 265px;
		font-size: 9px;
		color: #aaa; }
		
		#footerBar a {
		text-decoration:none;
		color: #aaa;
		font-size: 9px; 
		}
		
		#footerBar a:hover {
		text-decoration:underline;
		color: #aaa; }
				
		#footerBar .contact {
			color: #96cecf;	}
			

.newsImg {
	float: left;
	margin: 10px 30px 0 20px; 
	width: 100px;
	
	}
	
.newsdetailImg {
	float: left;
	margin: 30px 30px 0 20px; 
	width: 200px;
	
	}
.newsWrapper {
	width: 807px;
	float: left;
	margin: 0;
	padding: 0;
	}