/* CSS Document */
body {
	margin: 0 auto;
	padding: 0 0px;
	text-align: center;

}
#background {

	background: url(../images/background-main.jpg) no-repeat center bottom;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	clear: both;
	float: left;
	text-align: center;
}
.testimonial {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #155686;
	padding-left: 10px;
	padding-right: 30px;
	margin-bottom: 25px;
	text-align: right;
	position: relative;
	float: left;
	clear: inherit;
	position: relative;
	height: auto;
	

}
h2 {
	font-size: 100%;
	line-height: 120%;
	text-align: left;	
}

h3 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	margin-top: 15px;
	padding-left: 30px;
	color: #006699;
	font-size: 90%;
	line-height: 120%;
	text-align: left;	
}
p {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%;
	color: #666;
	line-height: 200%;
}

p a,
p a:active,
p a:link	{
	color: #000;
	text-decoration: none;
}

p a:hover{
	color: #666;
}
#container {
	width: 760px;
	margin: 0 auto;
	padding: 0 0px;
	text-align: center;
	position: relative;
	clear: both;
	float: none;
}
#content {
	width: 760px;
	text-align: left;
	padding-left: 0px;
	margin: 0 0px;
}

.pageheader {
	text-align: left;
	background: url(../images/home_pic.jpg) no-repeat left top;
	position: -5000px;
	font-size: 1px;
	height: 228px;
}	
.portfolio {
	text-align: left;
	height: 228px;
}	
.navigation {
	text-align: left;
	background-color: #006699;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 70px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
	
	
	}

.navigation a,
.navigation a:link,
.navigation a:visited {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	padding-right: 30px;	
	
}
.navigation a:hover {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #5dbde1;
	text-decoration: none;
	padding-right: 30px;
	
	

}
.pagebody {
	background: #dce7eb url(../images/home_left.jpg) no-repeat left top;
	width: 576px;
	height: auto;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	float: left;
	clear: inherit;
	position: relative;
	
}
.testimonialpagebody {
	background: #dce7eb url(../images/testimonial_left.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.contactpagebody {
	background: #dce7eb url(../images/contact.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.designpagebody {
	background: #dce7eb url(../images/designservicenew.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.parboldpagebody {
	background: #dce7eb url(../images/parbold.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}

.warringtonpagebody {
	background: #dce7eb url(../images/warrington.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.prestonpagebody {
	background: #dce7eb url(../images/preston.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.bacuppagebody {
	background: #dce7eb url(../images/bacup.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.projectspagebody {
	background: #dce7eb url(../images/projects_left.jpg) no-repeat left top;
	width: 576px;
	padding: 15px;
	padding-left: 169px;
	border-bottom: 3px solid #006699;
	height: auto;
	float: left;
	clear: inherit;
	position: relative;
	
}
.pagebodyhead {

	text-align: left;
	background: url(../images/home_title.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 80px;
}	
.designbodyhead {
	text-align: left;
	background: url(../images/design_title.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 80px;
}
.envirobodyhead {
	text-align: left;
	background: url(../images/enivormental_title.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 30px;
}
.parboldbodyhead {
	text-align: left;
	background: url(../images/head_parbold.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 22px;
}
.prestonbodyhead {
	text-align: left;
	background: url(../images/head_preston.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 22px;
}
.bacupbodyhead {
	text-align: left;
	background: url(../images/head_bacup.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 22px;
}
.warringtonbodyhead {
	text-align: left;
	background: url(../images/head_warrington.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 22px;
}
.projectsbodyhead {
	text-align: left;
	background: url(../images/projects_title.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 20px;
}
.contactbodyhead {
	text-align: left;
	background: url(../images/contact_title.gif) no-repeat left top;
	position: -5000px;
	color: #dce7eb;
	font-size: 1px;
	height: 80px;
}	

.casestudies {
	width: 760px;

	
}	
.casestudy {
	padding-top: 20px;	
	text-align: center;
	width: 183px;
	float: left;
	clear: inherit;
	position: relative;
	
}


.casestudy a,
.casestudy a:link,
.casestudy a:visited {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #006699;	
	text-decoration: none;
	}
.casestudy a:hover {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #000;	
	text-decoration: none;	
	}	

#base {
	border-top: 1px dashed #999;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 760px;
	float: left;
	height: 25px;
}
.copyright {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	text-align: left;	
	font-size: 65%;	
	padding-left: 20px;
	float: left;
	
	}
	
.soapmedia {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	text-align: right;	
	font-size: 65%;	
	padding-right: 20px;
	float: right;	
}
.soapmedia a,
.soapmedia a:link,
.soapmedia a:visited {
	color: #666;
	text-decoration: none;
}
.soapmedia a:hover {
	color: #006699;
	text-decoration: underline;
}
.qualityassurance {
padding:15px 0 15px 0;
float:right;
}
.rows { background: url(images/lines.jpg) no-repeat left bottom; padding: 10px 0 4px 0; margin: 0 0 5px 0; clear: left; height: 46px; }
.rowsimg1 { background: #F5F4F0; padding: 2px; border: #C7C0BC 1px solid; width: 80px; height: 80px; margin: 0 8px 5px 0; float: left; }
.rowsimg2 { float: right;width: 94px; height: 23px; margin: 28px 0 0 0; }
.rows p { width: 310px; float: left; margin: 0; padding: 0; }



.thumbs img { width: 80px; height: 80px; padding: 2px; border: #D7D3D0 3px solid; }
.envirocontrol { width: 92px; height: 166px; padding: 2px; float: left; margin: 0 6px 6px 0; }