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

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

h2{
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	color:#00A79D;
	font-weight:100;
	margin:0;
	padding:0;
	line-height:30px;
	float:left;
	font-size:28px;
}

h3{
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	color:#00A79D;
	font-weight:100;
	margin:0;
	padding:0;
	line-height:30px;
	text-align:center;
	font-size:28px;
}

.headerwrapper{
	width:900px;
	height:170px;
	margin: 0 auto;
}

.logo{
	background-image:url(logo.png);
	width:189px;
	height:159px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.headerwrapperright{
	width:680px;
	height:100px;
	float:right;
	margin-top:50px;
}

.navigationwrapper{
	width:330px;
	height:77px;
	float:right;
	background-image:url(navigationshadow.png);	
}

#homebtn{
	width:60px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-top:24px;
	margin-left:34px;
}

#homebtn:hover{
	width:60px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C36;
	margin-top:24px;
	margin-left:34px;
}

#aboutbtn{
	width:60px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-left:15px;
	margin-top:24px;
}

#aboutbtn:hover{
	width:60px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C36;
	margin-left:15px;
	margin-top:24px;
}

#contactbtn{
	width:100px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-left:13px;
	margin-top:24px;
}

#contactbtn:hover{
	width:100px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C36;
	margin-left:13px;
	margin-yop:24px;
}

.navigationshadow{
	background-image:url(navigationshadow.png);
	width:330px;
	height:40px;
	float:right;
}

.greenline{
	background-image:url(greennavline.png);
	width:676px;
	height:2px;
	float:right;
}

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

#bannerwrapper{
	width:800px;
	height:175px;
	margin: 0 auto;
}

#contentmainbackground{
	background-image:url(contentbackground.png);
	width:903px;
	height:1000px;
	margin: 0 auto;
	margin-top:15px;
	background-repeat:no-repeat;
}

#contentleftwelcomewrapper{
	width:460px;
	height:240px;
	float:left;
	padding:20px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;	
}

#line{
line-height:35px;
color:#999; font-style:italic;	
}

#contentrightpicturewrapper{
	background-image:url(womanpicture.png);
	width:359px;
	height:245px;
	float:left;
	margin-left:44px;
	margin-top:2px;
}

#contentrightpicturewrapper:hover{
	background-image:url(womanpicture.png);
	width:359px;
	height:241px;
	float:left;
	margin-left:44px;
	background-position:-2px 241px;
}


#contacttext{
	width:359px;
	height:45px;
	margin: 0 auto;
	padding-left:10px;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contentmaintopwrapper{
	width:903px;
	height:280px;
	margin: 0 auto;
}

#contentmainbottomwrapper{
	width:903px;
	height:330px;
	margin: 0 auto;
}

#contentmainbottomleft{
	width:500px;
	height:215px;
	float:left;
	margin-top:100px;
}

#contentmainbottomleftcontent{
	width:480px;
	height:100px;
	margin: 0 auto;
	text-align:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px;
}

#compliancelogos{
	width:500px;
	height:100px;
	margin:0 auto;
	margin-top:3px;
}

#contentmainbottomright{
	width:350px;
	height:320px;
	float:right;
}

/*--- Scrollbox CSS ---*/

p{margin:0 0 20px 0; color:#666; font-family:Arial; font-size:13px;}
		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:320px; height:280px; padding:20px; overflow:auto;}
		.content p:nth-child(even){color:#666; font-family:Arial; font-size:13px; color:#666;}
		.content p:nth-child(3n+0){color:#666;}
		
.contentlowwrapper{
	width:900px;
	height:400px;
	margin: 0 auto;
}

#onetwothreebackground{
	background-image:url(onetwothreebackground.png);
	width:900px;
	height:210px;
	margin: 0 auto;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:75px;
}

#onebox{
	width:250px;
	height:190px;
	float:left;
	padding:10px;
}

#oneboxcontent{
	width:220px;
	height:100px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	text-align:center;
	margin-top:10px;
}

#twobox{
	width:250px;
	height:190px;
	float:left;
	padding:10px;
	margin-left:30px;
}

#twoboxcontent{
	width:220px;
	height:100px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	text-align:center;
	margin-top:10px;
}

#threebox{
	width:250px;
	height:190px;
	float:left;
	padding:10px;
	margin-left:50px;
}

#threeboxcontent{
	width:220px;
	height:100px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	text-align:center;
	margin-top:10px;
}

#shelfbackground{
	background-image:url(shelf.png);
	width:900px;
	height:21px;
	margin: 0 auto;
}

#icon1{
	background-image:url(phoneicon.png);
	width:71px;
	height:61px;
	margin: 0 auto;
	margin-top:40px;
}

#icon2{
	background-image:url(quoteicon.png);
	width:71px;
	height:61px;
	margin: 0 auto;
	margin-top:40px;
}

#icon3{
	background-image:url(waiticon.png);
	width:71px;
	height:61px;
	margin: 0 auto;
	margin-top:40px;
}

#footerwrapper{
	background-image:url(footerbackground.png);
	width:100%;
	height:30px;
	margin: 0 auto;
}

#footercontent{
	width:900px;
	height:10px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CCC;
	text-align:center;
	padding-top:8px;
}

/* ------ About CSS below ----- */

.banneraboutbackground{
	background-image:url(bannerbackground.png);
	width:100%;
	height:177px;
}

#contentaboutbackground{
	width:903px;
	height:800px;
	margin: 0 auto;
	margin-top:15px;
	background-repeat:no-repeat;
}

#contentaboutleftwrapper{
	width:450px;
	height:500px;
	float:left;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#CCC;
}

#contentaboutrightwrapper{
	width:450px;
	height:500px;
	float:left;
}

#contentaboutleft{
	width:410px;
	height:460px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	line-height:20px;
}

#contentaboutright{
	width:410px;
	height:460px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
	line-height:20px;
}

#aboutmidwrapper{
	background-image:url(pipefittingpic.png);
	width:900px;
	height:250px;
	margin: 0 auto;
	clear:both;
}

#banneraboutusbackground{
	background-image:url(aboutusbackground.png);
	width:900px;
	height:175px;
	margin: 0 auto;
	margin-top:20px;
}

#aboutlowwrapper{
	width:900px;
	height:400px;
	margin: 0 auto;
	clear:both;
}

#aboutlowcontent{
	width:860px;
	height:360px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}

#contentcontactbackground{
	width:903px;
	height:520px;
	margin: 0 auto;
	margin-top:15px;
}
#discount{
width:990px;
height:80px;
text-align:right;
margin:0 auto;
font-size:50px;
color:#000;

background-image:url(discount.png);
}
#code{
line-height:80px;	
text-align:right;
margin-right:130px;
font-family:Arial, Helvetica, sans-serif;
}