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

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}
/* typography */
body { 
	font-size: 0.7em;
	background: #002c5f;
	color: #000000;
	font-family: Arial, sans-serif; 
	
}

p {
	padding: 6px 0 8px 0;
}
h1 {
	font: 2.0em Georgia, "Times New Roman", Times, serif;
	color: #262c93;
	padding-bottom: 5px;
}
h2 { 
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	color: #c91e2a;

	
}
h3 { 1.3em; }
h4, h5, h6 { 1.2em; }

a, a:visited {
	color: #262c93;
	text-decoration: underline;
	
}
a:hover, a:active {
	color: #262c93;
	text-decoration: none;
	
}
.blue {
	color: #262c93;
}
.center {
	text-align: center;
}
#wrapper {
	width: 776px;
	margin: 0 auto;
	background: url(../images/design/nav_bg.jpg) repeat-y left #FFFFFF;
	
}
#branding {
	height: 151px;
	background: url(../images/design/branding.jpg) no-repeat;
}
#branding h1 a {
	text-indent: -9999em;
	display: block;
	height: 100px;
	float: left;
	width: 550px;
	margin: 0;
	padding: 0;
}
#top-contact {
	float: right;
	text-align: right;
	font: 1.6em Arial, Geneva, sans-serif;
	line-height: 1.6em;
	padding: 44px 25px 0 0;
	width: 200px;
}
.top-phone {
	font-size: 1.5em;
}
#leftcol {
	width: 174px;
	float:left;
	background: url(../images/design/nav_bg.jpg) repeat-y;
}
#rightcol {
	width: 602px;
	float: right;
}
#main-top {
	width: 602px;
	height: 230px;
	background: url(../images/design/main_content.jpg) repeat-y;
	font-size: 1.1em;

}
#main-top-lft {
	float:left;
	width: 300px;
}
#main-top-lft p {
	padding: 12px 50px 2px 26px;
}
#main-top-rht {
	float:right;
	width: 300px;
}
#main-top-rht p {
	padding: 2px 25px 2px 13px;
}
#main-top-rht h1 {
	padding: 0 0 0 13px;
}
#main-btm {
	width: 602px;
	background: url(../images/design/list_cols.jpg) no-repeat;
}
#main-int {
margin-left:20px;
margin-right: 10px;
}


#main-int p{
	padding: 5px 20px 5px 0px;
	font-size: 1.2em;
}

#main-btm h2 {
	padding: 9px 20px 0 24px;
}
#main-btm ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 35px ;
}
#main-btm li {
	list-style:disc;
	padding: 2px 15px 0 3px;
}
#main-btm-lft {
	float:left;
	width: 295px;
}
#main-btm-rht {
	float:right;
	width: 300px;
}
#main-btm-rht p {
	padding: 5px 16px 0px 24px;
}
.cleaner {
	clear:both;
}
#footer {
	clear: both;
	background: url(../images/design/wrap_btm.jpg) no-repeat;
	margin: 0 auto;
	width: 776px;
	text-align: center;
	font: .9em Arial, Geneva, sans-serif;
	color: #FFFFFF;
	padding:28px 0 15px 0;
}
#footer a {
	color: #ddc955;
}

/* * * =nav * * * * * * * * * * * * * * * * * * * * * * * * * * */

#nav {
	min-height:360px;
	padding: 12px 0 0 0;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
}
#nav a {
	display: block;
	color: #FFFFFF;
	padding: 4px 0 0 0;
	text-indent:30px;
	height:21px;
	text-decoration:none;
	font-size:1.3em;
}
#nav a:hover {
	text-decoration: none;
	color:#FFFFFF;
}
body.home #nav-home,
body.about #nav-about,
body.services #nav-services,
body.discount #nav-discount,
body.photos #nav-photos,
body.septic-tank #nav-septic-tank,

body.testimonials #nav-testimonials,
body.other-services #nav-other-services,
body.healthy-systems #nav-healthy-systems,
body.faq #nav-faq,
body.affiliations #nav-affiliations,



body.request #nav-request,
body.contact #nav-contact {
	background: url(../images/design/btn_on.jpg) no-repeat;
	color: #262c93;
}
/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 48em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #0567ae;
}

/* style for  labels */
label {
	float: left;
	width: 14em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 160px;
	padding: 0 .25em;
	background-color: #0567ae;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }