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

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

	padding: 0 10px;
	
	position: relative;
	
	/* wf */
	
	/*background-image: url(../images/grid/grid.png);*/
	/*background-image: url(../images/homepage/home_main_feature_bg.jpg); */
	/*background-image: url(../images/homepage/homepage_feature_promo.jpg);*/

	
	background-repeat: no-repeat;
	background-position: center top;
	


} 
#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;	
}

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

#search {
	background: #FFF;
	padding: 0 4px 0 4px;
	
	float: left;
}

#search input { 
	background: #FFF; 
	height: 20px;
	border: none;
	
	margin-top: 2px;
	
}

#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;
}






/* mainNav */
#container-mainNav {
	width:568px;
	height:95px;
	
	float: right;
}

ul#mainNav  {
	display: block;
	float: right;
	clear: both;
	list-style-type: none;	
	
	margin-top: 16px;
}

ul#mainNav li {
	float: left;
	margin-right: 10px;
}

ul#mainNav li.last { 
	margin-right: 0px;

}

/* secondaryNav */
ul#secondaryNav {
	display: block;
	float: right;
	clear: both;
	list-style-type: none;	
	
	margin-top:8px;

}

ul#secondaryNav li {
	float: left;
	margin-right: 10px;
}

ul#secondaryNav li.last { 
	margin-right: 0px;

}

/* sideNav */

/* MAIN LINKS */

/*ul#sideNav {
	list-style-type: none;	
	padding: 0px;

	/* wf */
	/*border: 1px solid #999;*/
/*	
}

ul#sideNav li {
	border-bottom: 1px solid #333;
		
	display: block;
	height: 40px;
	
	color: blue;
	
	/*
	padding: 0 0 10px 0 ;
	margin: 0 0 5px 0;
	*/
/*
}


ul#sideNav a img {
	float: left;
	border: none;
	margin-right: 10px;
}

/* SUB MENU */
/*ul#sideNav ul x§{
	list-style-type: none;	
	padding: 0px;

	/* wf */
	/*border: 1px solid #999;*/
/*	
}

/* container-feature */
#container-feature {
	width: 960px;
	height: 365px;
}

/* homepage feature promo */
/* right side */
/* DROPPED */
#container-feature-promo-left {
	position: absolute;
	left: 0px; 
	top:25px; 
	
	width: 373px; 
	height: 144px; 

}

#container-feature-promo-video {
	position: absolute; 
	left: 0px; 
	top: 220px; 
	
	width:250px; 
	height: 24px;
}

#container-feature-promo-video a {
	display: block;
	height: 25px;
}


/* left side */
/*DROPPED */
#container-feature-promo-right {
	position: absolute;
	/*right: 0px; */
	top:25px; 
	
	width: 373px; 
	height: 144px; 
	
	border:10px solid pink;

}

#container-feature-promo-intro {
	position: absolute; 
	right: 0px; 
	top: 180px; 
	width:373px; 
}

#container-feature-promo-intro a {
	display:block;
	
	width: 87px;
	height: 25px;
	
	background-image: url(../images/homepage/learnmore.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	text-indent: -9999px;
}

/* container-sliderGallery */
/* http://jqueryfordesigners.com/slider-gallery/ */
#container-sliderGallery {
	height: 180px;
	
	padding: 10px;

	
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border:1px solid #CCC;
	
		background: #f4f6f5;
	
	background-image: url(../images/homepage/new-boxes_bg_grad.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	
	margin-top: 24px;
}






/* 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: 24px;
	float: left;

}

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


#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;

}


/* FEATURE BOX LAYOUT 01 */
.layout_01 {
	
}

.layout_01 p { 
	width: 60%;
}

img.layout_01 {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.layout_01 a.learn_more {
	position: absolute;
	bottom: 10px;
}

/* FEATURE BOX LAYOUT 02 */
.layout_02 {

}

.layout_02 p {
	margin-left: 40%;
	width: 60%;
}

img.layout_02 {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.layout_02 a.learn_more {
	position: absolute;
	bottom: 10px;
	
	margin-left: 40%;
}

/* FEATURE BOX LAYOUT 03 */
.layout_03 {

}

img.layout_03 {
	position: absolute;
	bottom: 0px;
	left: 0px;

}

.layout_03 a.learn_more {
	margin-right: 0;
	float: right;
}











#container-sideFeatures {
	width: 176px;
	height: 350px;
	
	float: right;

}

#assurity {
	margin-top: 16px;
	
	width: 176px;
	height: 110px;

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

#assurity a:link {
	display: block;
	
	width: 176px;
	height: 110px;
}



#twitter {
	margin-top: 36px;	
}

a.get-in-touch {
	display: block;
	
	width: 182px;
	height: 47px;
	
	margin-top: 16px;
	
	background-image: url(../images/links/get-in-touch.png);
	background-repeat: no-repeat;
	background-position: center center;
	
	text-indent: -9999px;
}



















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

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

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

.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;
}


/* case studies links for services pages */
ul#more-case_studies-links {
	padding-top: 36px;

	list-style-type: none;

}

ul#more-case_studies-links h5 {
	margin-bottom: 8px;
	margin-top: 4px;
	padding-left: 25px;
	height:25px;
	
	background: url(../images/icons/22x22px/casestudies.png);
	background-repeat: no-repeat;
	background-position: top left;

}

ul#more-case_studies-links li {
/*
	background: url(../images/icons/22x22px/news.png);
	background-repeat: no-repeat;
	background-position: top left;
*/
	background: none;
		
	padding-left: 20px;
	padding-bottom: 16px;
}


ul#more-case_studies-links li a {
	color: #08362C;
	text-decoration: none;
}

ul#more-case_studies-links li a:hover {
	color: #FF6600;
}


ul#more-case_studies-links li a:visited {
/*	color: #08362C;   */
}




/* NEWS LIST*/
.container-newsListItem  {
	padding-bottom: 16px;
	border-bottom: 1px solid #CCC;
}


.newsList h2 {
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 8px;
}

.newsList p {
	font-size: 12px;
	line-height: 16px;
	
	margin-bottom: 16px;	
}

#container-newsList-paginate {
	
}



/* NEWS STORY */

ul#more-news-links {
	padding-top: 36px;

	list-style-type: none;
}

ul#more-news-links h5 {
	margin-bottom: 8px;
}

ul#more-news-links li {
	background: url(../images/icons/22x22px/news.png);
	background-repeat: no-repeat;
	background-position: top left;
	
	padding-left: 20px;
	padding-bottom: 16px;
}


ul#more-news-links li a {
	color: #08362C;
	text-decoration: none;
}

ul#more-news-links li a:hover {
	color: #FF6600;
}


ul#more-news-links li a:visited {
/*	color: #08362C;   */
}




		




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