/* quick grid generated at http://960.gs/ */
/* http://www.spry-soft.com/grids/grid/?column_width=176&column_amount=5&gutter_width=20 */
/* 10	176		20		176		20		176		20		176		20		176		10   */


body {
	margin: 0;
		background-image: url(../images/homepage/home_background-repeat.jpg);
	background-repeat: repeat-x;
	background-position: center -235px; /* was -255px changed to increase header to accomodate video link in nav */
} 

#container {
	
	width: 960px; 
	margin: 0 auto; 
	text-align: left;

	padding: 0 10px;
	
	position: relative;
	

} 


/* HEADER */
#container-header {
	width: 960px;
	height: 120px; /* was 95px increased to accomodate video link in navigation */
	position: relative;

}

#container-logo {
	width:372px;
	height:95px;
	
	float: left;	
}


/* ADDED 04-05-10  for logo to be clickable back to homepage and work in IE*/
#container-logo a {
	width:372px;
	height:95px;

}

#container-logo a:hover {

	cursor: pointer;
}




/* search */
#container-search {
	width: 200px;
	height:24px;
		
	float: right;	
}

#search {
	background: #FFF;
	padding: 0 4px 0 4px;
	
	float: left;
	margin-right: 5px;

}

#search input { 
	background: #FFF; 
	height: 20px;
	border: none;

	
}

#search-icon {
	float: right;
}

#search input#keywords { float: left;} /* pull to left so magnifying glass icon sits properly in ie and ff on windoze */


#container-headerImage {
	background: orange;
	
	width:100px;
	height: 120px;
	
	position: absolute;
	left: 430px;
}



input#keywords {
	padding: 0px;

}
#container-headerImage {
	width:100px;
	height: 120px;
	
	position: absolute;
	left: 430px;
	
	border: 1px solid #CCC;
}




/* container-content */
#container-content {
	width: 764px; /* 764 w/o outlines - plus orig 960px and complete width but 4 cols so menu can expand */
	margin-top: 48px;
	float: left;


}

#container-sideNav {
	width: 174px;
	
	float: left;
	clear: left;
	margin-right: 18px;
	margin-top: 48px;

}


#container-news {
	width: 567px;
	height: 170px;
	
	float: left;
	margin-bottom: 24px;


	background-image: url(../images/homepage/newsbox-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#container-news h3 {
	margin-left: 125px;
	margin-top: 40px;
	
	padding: 10px;
}

#container-news a {
	margin-left: 125px;
	margin-top: 40px;
	
	padding: 10px;
}

.container-featureBox {
	width: 156px; /* + 10 each side with padding */
	height: 125px;
	margin-right: 20px;
	margin-top: 20px;
	padding: 10px;
	
	float: left;
	
	position: relative;

	background-image: url(../images/homepage/featurebox_176x145.png);
	background-repeat: no-repeat;
	background-position: center center;

}




/* CONTENT */
			
.container-content-1col  {
	width: 176px;
	float: left;
	margin-right: 20px;
	
	/* wf */
	min-height: 50px;
	
}

			
.container-content-2col  {
	width: 372px;
	float: left;
	margin-right: 20px;
	
	/* wf */
	min-height: 50px;	

}
			
.container-content-3col {
	width: 568px; /* 764 without outlines */
	float: left;
	
	margin-bottom: 36px;
	margin-right: 20px;
	/* wf */
	min-height: 50px;
	

}

.container-content-4col {
	width: 764px; /* 764 without outlines */
	float: left;
	
	margin-bottom: 36px;
	
	/* wf */
	min-height: 50px;

}				

.last {
	margin-right: 0px;
}			



/* MAIN PAGES */

/* SERVICES */

#container-content ul {
	padding-top: 18px;
	list-style-type: none;
	padding-bottom: 9px;
}



#container-content ul li {
	background: url(../images/icons/22x22px/tick.png);
	background-repeat: no-repeat;
	background-position: top left;
	
	padding-left: 24px;
	padding-bottom: 18px;
	
}


#container-content ol {
	padding-top: 18px;
	list-style-type:decimal;
	list-style-position: outside;
	
	padding-left: 2em;
	padding-bottom: 9px;
	
	font-size: 13px;
	line-height: 18px;
}



#container-content ol li {	
	padding-left: 4px;
	padding-bottom: 18px;	
}



/* images */
img.img-inline { 

/* AMENDED 26-03-10 */
/* NEED TO SIT TO RIGHT SO NO PROBS WITH LISTS, etc */
/*	float: left;
	padding: 8px;
	border: 1px solid #999;
	
	margin-right: 12px;
	margin-bottom: 18px;
*/
	float: right;
	padding: 8px;
	border: 1px solid #999;
	
	margin-left: 12px;
	margin-bottom: 18px;

}






		
/* FOOTER */
#container-footer {
	background: #08362C;
	
	width: 100%;
		min-height: 75px;

	clear: both;
	

	/* wf */
	margin-top: 64px;
}


#footer {
	
	width: 960px; 
	margin: 0 auto; 
	text-align: left;

	position: relative;
	padding-top: 18px;
	
	color: #FFF;


	/*
	background: url('../images/logo/25_years_logo.png') no-repeat right 20px; 
	*/
} 

ul#footerAddress {
	display: block;

height:48px;
	/*clear: both;*/
	list-style-type: none;	
	padding-top:8px;
	padding-left: 0px;
	/*width: 372px;*/


}

ul#footerAddress li {
	float: left;
		padding-top: 8px;
		padding-bottom: 8px;
	padding-right: 10px;
}

.addressIcon {

	padding-left: 25px;
	background-image: url(../images/footer/address.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.addressTel {

	padding-left: 25px;
	background-image: url(../images/footer/tel.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.addressEmail {

	padding-left: 30px;
	background-image: url(../images/footer/mail.png);
	background-repeat: no-repeat;
	background-position: left center;
}

ul#footerAddress a.addressEmail:visited {
color: white;
}


ul#footerLinks {
	display: block;

	clear: both;
	list-style-type: none;	
	
	padding-left: 25px;
	margin-top: -12px;

}

ul#footerLinks li {
	float: left;
	padding-right: 10px;
}




 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */