/* Body */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background: url('../images/backgrounds/background.jpg') no-repeat bottom right fixed #304a9e;
}

hr {
	display: none;
}



/* Containers */

#containerheader{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 150px;
}

#containersteps {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 330px;
}

#containernav {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #555;
	height: 25px;
}

#containercontent {
	margin: 0;
	padding: 0;
	width: 100%;
}

#containerfooter {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	color: #fff;
}



/* Header */

#headercenter {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}

#headermiddle {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
}

.headertop {
	margin: 0;
	padding: 0;
	height: 150px;
}

.headertopleft {
	margin: 0;
	padding: 0;
	float: left;
	width: 250px;
}


.headertopleft h1 {
	display: none;
}

.headertopleft h2 {
	display: none;
}

.headertopright {
	margin: 0;
	padding: 0;
	float: right;
	width: 710px;
	background: url('../images/sewagecontractor.png') no-repeat bottom left;
}

.headerbanner {
	margin: 0;
	padding: 0;
	height: 340px;
}


/* Header Contact */

.headercontact {
	margin: 0;
	padding: 40px 0 0 0;
	height: 70px;
	text-align: right;
}

.headercontact h2 {
	margin: 0;
	padding: 0;
	color: #a6c9e2;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
}

.headercontact h2 span {
	margin: 0;
	padding: 0 0 0 10px;
	color: #fff;
	font-size: 36px;
	font-family: myriad pro, arial, sans-serif;
}

.headercontact h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #abd15b;
}


/* Header Nav */

.headernav {
	margin: 0;
	padding: 4px 0 0 436px;
	height: 36px;
}



/* Navigation */

ul.nav {
  	margin: 0;
  	border: 0 none;
  	padding: 0;
  	width: 280px; /*For KHTML*/
  	list-style: none;
  	height: 30px;
}

ul.nav li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 35px;
}

ul.nav li a {
	margin: 0 0 0 5px;
	padding: 10px 20px 0 20px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #d5d5d5;
	font-size: 14px;
	text-decoration: none;
	height: 26px;
	cursor: pointer;
	text-align: center;
}

ul.nav li a:hover {
	color: #0095D4;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #fff;
}

.navactive {
	margin: 0 0 0 5px;
	padding: 10px 20px 0 20px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	font-size: 14px;
	text-decoration: none;
	height: 26px;
	text-align: center;
	color: #0095D4;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #fff;
}



/* Content */

#contentcenter {
	margin: 0;
	padding: 0 0 15px 0;
	width: 100%;
	text-align: left;
}

#contentmiddle {
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	width: 930px;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
}

#contentrotator {
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	width: 930px;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
}

#contentcontact {
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	width: 930px;
	text-align: left;
	background: #fff;
}

/* Rotator */

.rotator {
	margin: 0;
	padding: 0;
}

.rotator img {	
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
}


/* two column */

#contenttwocolumn {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

.twocolumnboxleft {
	margin: 0 0 15px 0;
	padding: 15px;
	width: 605px;
	float: left;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
	font-size: 12px;
}

.twocolumnboxright {
	margin: 0 0 15px 0;
	padding: 15px;
	width: 280px;
	float: left;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
	font-size: 12px;
}

.twocolumnspacer {
	margin: 0 0 15px 0;
	width: 15px;
	float: left;
}


/* Three Column */

#contentthreecolumn {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

.threecolumnbox {
	margin: 0 0 15px 0;
	padding: 15px;
	width: 280px;
	height: 550px;
	float: left;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
	font-size: 12px;
}

.threecolumnboxservices {
	margin: 0 0 15px 0;
	padding: 15px;
	width: 280px;
	height: 380px;
	float: left;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
	font-size: 12px;
}

.threecolumnboxheader {
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 15px;
	background: url('../images/backgrounds/contentheader-bg.png') repeat-x top left #00376a;
	-webkit-border-radius: 20px 0 0 0;
	-khtml-border-radius: 20px 0 0 0;
	-khtml-border-radius: 20px 0 0 0;
	-moz-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
}

.threecolumnboxheader h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.threecolumnboxheader h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.threecolumnboximage {
	margin: 0 0 10px 0;
	padding: 0;
}

.threecolumnboxcontent {
	margin: 0;
	padding: 0;
}

.threecolumnboxcontent iframe {
	margin: 0;
	padding: 10px 0 20px 25px;
}

.threecolumnboxcontent h3 {
	margin: 0;
	padding: 0 0 0 15px;
	font-weight: normal;
	color: #00376a;
}

.threecolumnboxcontent p {
	margin: 0;
	padding: 0 15px 10px 14px;
    color: #222;
	font-weight: normal;
	line-height: 1.5;
	text-align: justify;	
}

.threecolumnboxcontent p strong {
    color: #8bc53f;
}


.threecolumnboxcontent ul {
	margin: 0;
	padding: 0 0 10px 0;
}

.threecolumnboxcontent li {
	margin: 0 0 0 15px;
    padding: 4px 0 4px 12px;
	list-style: none;
	background: url('../images/arrow.gif') no-repeat left;
    color: #222;
    display: block;
    text-decoration: none;
}

.threecolumnboxcontent a {
	margin: 0;
	padding: 0;
	color: #000;
}

.threecolumnboxcontent a:hover {
	margin: 0;
	padding: 0;
	color: #72a203;
	text-decoration: none;
}

.threecolumnboxfooter {
	margin: 0;
	padding: 10px 0 0 15px;
}

.threecolumnboxfooter a {
	margin: 0;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background: url('../images/backgrounds/button-off.gif') repeat-x bottom left #72a203;
	text-decoration: none;
	text-shadow: 1px 1px #555;
	font-size: 14px;
	border: 1px solid #70a100;
}

.threecolumnboxfooter a:hover {
	background: url('../images/backgrounds/button-on.gif') repeat-x bottom left #80ab1d;
}

.threecolumnspacer {
	margin: 0 0 15px 0;
	width: 15px;
	float: left;
}


/* Sidebar Box */

.sidebarbox {
	margin: 0 0 15px 0;
	padding: 0;
}




/* Sidebar */

#sidebar {
	margin: 0;
	padding: 0;
	float: right;
	width: 300px;
	background: #777;
	color: #fff;
}

/* footer */

#footercenter {
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	width: 930px;
	text-align: center;
	background: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-khtml-border-radius: 30px 0 30px 0;
	-moz-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
}

#footercenter ul {
	margin: 0;
	padding: 0;
}

#footercenter li {
	margin: 0;
	padding: 0 10px 0 10px;
	list-style: none;
	display: inline;
}


/* contact */

.contactleft {
	margin: 0;
	padding: 0 15px 10px 15px;
	background: url('../images/backgrounds/portfolioproject-imgbg.png') no-repeat center bottom;
	width: 605px;
	float: left;
}

.contactleft img {
	margin: 0;
	padding: 0 0 5px 0;
	background: url('../images/backgrounds/portfolioproject-imgbg.png') no-repeat center bottom;
}




/* form */

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

.contactform {
	margin: 0;
	padding: 10px 0 20px 0;
}

.contactform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.contactform h2 {
	margin: 0;
	padding: 0;
	color: #eee;
	font-weight: normal;
	font-size: 21px;
	font-family: Myriad, calibri, Georgia, Century Gothic, Arial, Verdana, sans-serif;
	background: none;
}

.contactform h3 {
	margin: -10px 0 8px 0;
	padding: 10px 0 5px 0;
	color: #aaa;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #333;
	background: none;
}

.formleft {
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	width: 240px;
	font-size: 12px;
}

.formleft input {
	margin: 0 0 10px 0;
	padding: 3px 5px 3px 5px;
	height: 20px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	width: 218px;
	display: block;
}

.formleft input:hover {
	border: 1px solid #0055a5;
	background: #eff6fd;
}

.formleft input:focus {
	border: 1px solid #0055a5;
	background: #eff6fd;
}


.formlabel {
	margin: 0 0 5px 0;
	padding: 0;
}

.formright {
	margin: 0;
	padding: 0;
	width: 300px;
	float: left ;
	font-size: 12px;
}

.formright input {
	margin: 0 0 10px 0;
	padding: 3px 5px 3px 5px;
	width: 298px;
	height: 20px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	display: block;
}

.formright input:hover {
	border: 1px solid #0055a5;
	background: #eff6fd;
}

.formright input:focus {
	border: 1px solid #0055a5;
	background: #eff6fd;
}

.formright textarea {
	margin: 0 0 10px 0;
	padding: 5px;
	width: 298px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	display: block;
}

.formright textarea:hover {
	border: 1px solid #0055a5;
	background: #eff6fd;
}

.formright textarea:focus {
	border: 1px solid #0055a5;
	background: #eff6fd;
}

.formbuttons {
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}

.formbuttons input {
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
	color: #fff;
	width: 120px;
	height: 40px;
	border: none;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #72a203;
	color: #fff;
	text-shadow: 1px 1px #555;
	cursor: pointer;
	text-transform: none;
	font-size: 14px;
	background: url('../images/backgrounds/button-off.gif') repeat-x bottom left #abd15b;
	text-transform: uppercase;
}

.formbuttons input:hover {
	background: url('../images/backgrounds/button-on.gif') repeat-x bottom left #b4d66c;
}


/* Copyright */

#copyright { 
	margin: 0;
	padding: 0;
	height: 50px;
}

#copyrightcenter { 
	margin: 0 auto;
	padding: 0 0 15px 0;
	color: #111;
	text-align: right;
	width: 960px;
}

#copyrightcenter p { 
	margin: 0;
	padding: 15px 0 0 0;
}

#copyrightcenter a { 
	color: #111;
	text-decoration: none;
}

#copyrightcenter a:hover { 
	color: #444;
	text-decoration: none;
}

.copyrightleft {
	margin: 0;
	padding: 15px 0 0 0;
	width: 360px;
	float: left;
}

.copyrightright {
	margin: 0;
	padding: 0;
	width: 600px;
	float: right;
}