html {
	overflow: scroll; /* show scrollbars to prevent funny page jumping between different length pages */
}

body {
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
	background-image: url('/images/template/body/header_gradient.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

/* 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;
}

#headerBar {
	float: left; 
	width: 960px;  
	height: 110px;
	margin: 0;
	padding: 0;
	}

	#elbaLogo {
		width: 140px;
		height: 65px;
		margin: 23px 0 0 20px;
		float: left;
		text-indent: -9999px;
		background: url('/images/template/header/company_logo.png') no-repeat;
		}	
	
	#pageNav {
		float:right;
		margin:0;
		padding:0;
		height: 110px;
		}
		
		#pageNav ul {
			float:right;
			padding: 0;
			margin: 0;
			list-style-type: none;
			overflow: hidden;
			} 
		  
		#pageNav li {
			float:left;
			margin: 0;
			padding: 0;
			}
		
		#pageNav li:hover {
			background-image: url('/images/template/menu/_hover.png');
			background-repeat: no-repeat;
			background-position: 50% 0;
		}
			
		#pageNav ul li a {
			float: left;
			color: #666;
			height: 110px;
			overflow: hidden;
			line-height: 160px;
			text-decoration: none;
			text-align: center;
			display: block;
			}
		 
		#pageNav a.products { background-image:url('/images/template/menu/products.png'); width: 105px; }
		#pageNav a.whoweare { background-image:url('/images/template/menu/whoweare.png'); width: 122px; }
		#pageNav a.newsevents { background-image:url('/images/template/menu/news-events.png'); width: 117px; }
		#pageNav a.brand { background-image:url('/images/template/menu/brand.png'); width: 77px; }
		#pageNav a.print { background-image:url('/images/template/menu/elbaprint.png'); width: 109px; }
		#pageNav a.faqs { background-image:url('/images/template/menu/faqs.png'); width: 110px; }
	
	
	#contactBar {
	 height: 46px;
	 width: 960px;
	 float: left;
	 margin-top: -110px;
	}
	
	#contactBar ul { list-style-type: none; margin: 0; padding: 0; }
	#contactBar ul li { float: right; }
	#contactBar ul li a { 
		display: block; 
		width: 150px; 
		height: 46px; 
		float: right;
		margin-right: 35px;
		text-indent: -9999px;
		background: url('/images/template/menu/contact.png'); 
		}

	#subNav {
		float: left;
		width: 750px;
		height: 40px;
		line-height: 40px;
		margin:0;
		padding:0;
		}
		
	#searchBar{
		float: left;
		width: 210px;
		line-height: 40px;
		margin:0;
		padding:0;
		}

#sideMenu {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	}

	#sideMenu ul {
		margin: 10px 0 0 0;
		padding: 0 0 10px 0;
		}
	
		#sideMenu li {
			margin: 0 0 10px 0;
			padding: 0;
			list-style-type: none;
			}

#mainWrapper {
	width: 960px;
	float: left;
	background: #fff;
	}
 
	#mainBar { 
		 display: block;
		 width: 960px; 
		 float: left; 
		 margin: 2em 0 0 0;
		 padding: 0;
		 background-repeat: repeat-x;
		}

#newsWrapper {
	 margin: 20px 0 0 0;	 
	 }
	  
	#newsWrapper img { 
		float: left; 
		margin: 5px 20px 20px 0; 
		padding: 5px; 
		border: 1px solid #ccc; 
		}

#printWrapper { 
	width: 960px; 
	float: left;
	}
	
	#printWrapper .header {
		background: url('/images/template/body/elba-print-header.png');
		background-repeat: no-repeat;
		width: 960px;
		height: 236px;
		text-indent: -9999px;
		}
		
	#printWrapper .leftColumn {
		margin: -40px 0 0 20px;
		float: left;
		}
	
	#printWrapper .rightColumn { 
		float: right; 
		width:530px; 
		}

	#printWrapper .infoBox {
		float: left;
		}
		
	#printWrapper .infoText{
		margin-top: 40px;
		margin-left: 2px;
		float: left;
		}

	#printWrapper .infoBox img{
		float: left;
		}

.newsBox { 
	margin: 0; 
	float: left; 
	width: 960px;
	}

#footerWrapper { 
	background: url('/images/template/footer/footer_bg_dark.png');
	clear: both;
	width: 100%; 
	height: 120px;
	text-align: center;
	}

	#footerContainer {
		width: 960px;
		margin: 0 auto;
		}
	
	#footerBar {
		float: left;
		width: 960px; 
		height: 120px;
		margin: 0 auto;
		}

		#footerBar .footercolOne {
			float: left;
			width: 480px;
			text-align: left;
			margin: 20px 0 0 0;
			}
		
		#footerBar .footerLogos {
			background: url('/images/template/footer/logos.png');
			background-repeat: no-repeat;
			width:415px;
			height: 47px;
			}
		
		#footerBar .footercolOne h3 {
			 font-weight: normal;
			}
		
		#footerBar .footercolTwo, .footercolThree {
			float: left;
			width: 240px;
			margin: 70px 0 0 0;
			}