@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	background-image:url(subtlepatternbackground.png);
}

h2{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-weight:100;
	text-align:center;
	font-size:21px;
	margin:0;
}

h3{
	font-family: 'Open Sans', sans-serif;
	color:#39C;
	font-weight:100;
	text-align:left;
	font-size:21px;
	margin:0;
}

h4{
	font-family: 'Open Sans', sans-serif;
	color:#CCC;
	font-weight:100;
	text-align:left;
	font-size:13px;
	margin:0;
	font-style:italic;
}

.headerbackground{
	background-image:url(headerandfooterbackground.png);
	width:100%;
	height:20px;
}

.blueheaderbackground{
	background-image:url(headerbackground.png);
	width:100%;
	height:130px;
	border-bottom-style:solid;
	border-bottom-color:#000;
	border-bottom-width:thin;
}

.headerwrapper{
	width:800px;
	height:130px;
	margin: 0 auto;
}

.logo{
	background-image:url(logo.png);
	width:142px;
	height:111px;
	float:left;
	background-repeat:no-repeat;
	margin-top:10px;
}

.navigation{
	width:250px;
	height:50px;
	float:left;
	margin-top:80px;
	padding-left:40px;
}

.homebtn{
	width:60px;
	height:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-top:20px;
	margin-right:20px;
}

.aboutbtn{
	width:60px;
	height:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-top:20px;
	margin-right:25px;
}

.contactbtn{
	width:60px;
	height:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-top:20px;
	margin-right:20px;
}

.phonenumber{
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	text-align:center;
	color:#FFF;
	width:200px;
	height:40px;
	float:right;
	padding-top:45px;
	padding-left:50px;
}

.phoneicon{
	background-image:url(1352725733_call.png);
	width:64px;
	height:64px;
	float:right;
	margin-top:30px;
}

.bannerbackground{
	width:100%;
	height:290px;
	background-image:url(bannerbackgroundpattern.png);
	clear:both;
}

.bannerbackgroundcenter{
	background-image:url(bannerbackground.png);
	width:800px;
	height:280px;
	margin: 0 auto;
}

#blackbox1{
	background-image:url(boxbackground.png);
	width:215px;
	height:215px;
	background-repeat:no-repeat;
	float:left;
	margin-left:60px;
	margin-top:32px;
}

#blackbox2{
	background-image:url(boxbackground.png);
	width:215px;
	height:215px;
	background-repeat:no-repeat;
	float:left;
	margin-left:20px;
	margin-top:32px;
}

#blackbox3{
	background-image:url(boxbackground.png);
	width:215px;
	height:215px;
	background-repeat:no-repeat;
	float:left;
	margin-left:20px;
	margin-top:32px;
}

#bb1content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	padding:10px;
	width:195px;
	height:120px;
	color:#333;
}

#bb2content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	padding:10px;
	width:195px;
	height:120px;
	color:#333;
}

#bb3content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	padding:10px;
	width:195px;
	height:120px;
	color:#333;
}

#bbicon1{
	width:48px;
	height:48px;
	background-image:url(Phoneicon.png);
	margin: 0 auto;
	margin-top:20px;
}

#bbicon2{
	background-image:url(Quoteicon.png);
	width:48px;
	height:48px;
	margin: 0 auto;
	margin-top:20px;
}

#bbicon3{
	background-image:url(Clockicon.png);
	width:48px;
	height:48px;
	margin: 0 auto;
	margin-top:20px;
}

.contentbackgroundmain{
	background-image:url(contentbackground.png);
	width:800px;
	height:700px;
	margin: 0 auto;
}

#contenttopleftwrapper{
	width:450px;
	height:280px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#contenttoprightwrapper{
	background-image:url(subtlepatternbackground.png);
	width:350px;
	height:280px;
	float:right;
}

#pipeworkimage{
	background-image:url(pipeworkpicture.png);
	width:305px;
	height:211px;
	margin: 0 auto;
	margin-top:35px;
}
	
#contenttopleft{
	width:410px;
	height:260px;
	margin: 0 auto;
	padding-top:20px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#contentmidwrapper{
	background-image:url(bluebar.png);
	width:800px;
	height:60px;
	margin: 0 auto;
	clear:both;
	background-repeat:no-repeat;
}

#contentmid{
	width:500px;
	height:60px;
	margin: 0 auto;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	clear:both;
}

#contentlowwrapper{
	width:800px;
	height:320px;
	clear:both;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

#contentlowleftwrapper{
	width:390px;
	height:320px;
	float:left;
}

#contentlowrightwrapper{
	background-image:url(greyboxbackground.png);
	width:372px;
	height:304px;
	float:right;
	margin-right:15px;
	margin-top:5px;
}

#contentlowright{
	width:360px;
	height:290px;
	padding:10px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:13px;
	color:#333;
}

#contentlowleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:left;
	padding-left:15px;
}

#compliancelogos{
	width:350px;
	height:75px;
	margin-left:15px;
}

#footerbar{
	background-image:url(headerandfooterbackground.png);
	width:800px;
	height:20px;
	margin: 0 auto;
	clear:both;
}

#footerwrapper{
	width:800px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-top:2px;
}


/* --------- Scroll Bar CSS code Below ----------- */

p{
margin:0 0 20px 0;
}
hr{
height:0; border:none; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(0,0,0,0.9); margin:20px 10px; clear:both;}
		.links{margin:10px 0 0 10px;}
		.links a{display:inline-block; padding:2px 10px; margin:10px; background:#C30; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
		.links a:hover{background:#de4816;}
		.content{ width:420px; height:200px; padding-top:15px; overflow:auto;}
		.content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
		.content p:nth-child(3n+0){color:#c96;}
		
/* --------- About code below ----------- */

#catrw{
	background-image:url(subtlepatternbackground.png);
	width:350px;
	height:280px;
	float:left;
}


#contentabouttopright{
	width:290px;
	height:260px;
	padding:10px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
	text-align:center;
}

#contenttoprightwrapper_1{
	width:350px;
	height:280px;
	float:right;
}

#contenttoprightabout{
	width:320px;
	height:100px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px;
	text-align:center;
	margin-top:60px;
}

#picbox1{
	background-image:url(pic1.png);
	width:215px;
	height:215px;
	background-position: 0px 215px;
	float:left;
	margin-left:60px;
	margin-top:32px;
}
#picbox2{
	background-image:url(pic2.png);
	width:215px;
	height:215px;
	background-position: 0px 215px;
	float:left;
	margin-left:20px;
	margin-top:32px;
}

#picbox3{
	background-image:url(pic3.png);
	width:215px;
	height:215px;
	background-position: 0px 215px;
	float:left;
	margin-left:20px;
	margin-top:32px;
}

#picbox1:hover{
	background-image:url(pic1.png);
	width:215px;
	height:215px;
	float:left;
	background-position: 0px 0px;
	margin-left:60px;
	margin-top:32px;
}
#picbox2:hover{
	background-image:url(pic2.png);
	width:215px;
	height:215px;
	float:left;
	margin-left:20px;
	margin-top:32px;
	background-position: 0px 0px;
}

#picbox3:hover{
	background-image:url(pic3.png);
	width:215px;
	height:215px;
	float:left;
	margin-left:20px;
	margin-top:32px;
	background-position: 0px 0px;
}

#contacttopleftwrapper{
	width:450px;
	height:300px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

#contacttoprightwrapper_2{
	width:350px;
	height:300px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.contactbackgroundmain{
	background-image:url(contentbackground.png);
	width:800px;
	height:300px;
	margin: 0 auto;
}

#discountcode{
	background-image:url(Reactive,%20professional%20service.png);
	width:960px;
	height:100px;
	margin: 0 auto;
	clear:both;
}

#code{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	text-align:left;
	font-size:70px;
	padding-right:50px;
	padding-top:10px;
}