/* CSS Document */

*{ margin:0; padding:0; }

body { font-family:Arial, Helvetica, sans-serif; background-image: url(images/background_diaganol.gif); background-repeat: repeat; }
#page { width:773px; margin:10px auto; background-color: #FFFFFF; border: 10px solid #fff;; }

#header { height:130px; }	

#contact{ border:1px solid #005595; background:url(images/blue_fade.png) bottom repeat-x; width:230px; padding:2px 10px; margin:0 10px 0 0; float:left; height:121px; }
#service{ border:1px solid #005595; background:url(images/blue_fade.png) bottom repeat-x; width:230px; padding:2px 10px; float:left; height:121px; }

#feature { height:200px; width:771px; background:#99CCFF; border:1px solid #999; border-top:none; position: relative; }
#feature_text { /*float:right;*/ position: absolute; right: 0; top: 0; z-index: 99; width:210px; height:180px; background:url(images/feature_red-trans.png) no-repeat; padding:10px 10px 10px 85px; }
#cycle { width: 100%; height: 200px; background: #fff; }

.item { width: 100%; height: 200px; }
.item img { border: none; }

#feature_list { padding: 10px 0 0 20px; } 
#feature_list a{ margin-left: 5px; border: 1px solid #fff; color: #fff; padding: 2px 6px; text-decoration: none; font-size: 0.75em; }
#feature_list a.activeSlide { background: #fff; color: red; }

.section { border:1px solid #005595; background:url(images/blue_fade.png) bottom repeat-x; width:235px; height:auto; padding:7px; float:left; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px; }

.page_divide { clear:both; width:773px; height:22px; background: url(images/americanbar.jpg) repeat-x #999; margin: 10px 0; }

#main { width: 512px; margin:0 10px 0 0; float:left; }

.bigger {font-size:1.2em; margin-bottom:8px;}
.justified {text-align:justify;}
.spaced {padding-bottom:1em; line-height:1.1em;}
.gray-text{color:#666666;}
.blue-text{color:#336699;}
.red-text{color:#ff0000;}
.right-padded{padding-right:10px;}

.half-sm { width:45%; padding-right:10px; float:left; margin:10px 0; }

.half { width:50%; float:left; margin:10px 0; }
.col1 { float: left; margin-right: 10px; width: 164px; }
.col2 { float: left; margin-right: 10px; width: 328px; }
.last {margin-right: 0;}
.quad { float:left; width:240px; margin:5px; background:url(images/blue_fade.png) repeat-x; border:1px solid #005595; text-align:center; height:100px; }

#sidebar { width:249px; float:left; }

#emergency { background:url(images/red_fade.png) repeat-x; border:1px solid #900; padding:10px; text-align:center; width:229px; margin-bottom:10px; }

#sidebar .section { width:229px; margin:0 0 10px 0; padding:10px; float:none; }

#footer { clear:both; width:769px; background:#999; margin:10px 0; }

/* FORMAT */

h1, h2, h3, h4 { color:#005595; margin:5px 0; }

p { margin:5px 0; }

#header h1 { width:249px; margin:0 10px 0 0; background:url(images/logo.png) center no-repeat; float:left; height:130px; text-indent:-999999px; }

#header h2 { float:left; position:absolute; top:115px; width:250px; text-align:center; font-size:1.25em; }

.section h4 a { color:#005595; text-decoration:none; }
.section h4 a:hover { text-decoration:underline; }
.section h4 { font-size:1.25em; }
.section p { font-size:0.9em; }

#service p, #contact p { color:#005595; font-weight:bold; font-size:0.9em; }

#contact p { margin:5px 0 0 0; }
#contact img { margin-top:3px; }
#contact h3 { font-size:2em; border-bottom:2px solid #005595; margin:0; }

#feature h2 { float:left; margin:10px 0 0 10px; font-size:2em; }
#feature_text h3 { color:#fff; font-size:1.1em; }
#feature_text p { color:#fff; font-size:0.9em; margin-top:15px; }

#main p, #sidebar p { font-size:0.9em; }

#main h3 { font-size:1.5em; }

#main blockquote { font-size:0.9em; padding:20px 20px 5px 30px; background:url(images/quote.gif) no-repeat; } 
.name { font-style:italic; font-weight:bold; text-align:right; margin:5px 20px 30px 0; border-top:1px solid #ccc; }

#footer { padding:2px; font-size:0.75em; }

.border-table { border-collapse: collapse; margin: 10px 0;}
.border-table td { border: 1px solid #4f9dc5; padding: 5px; }
.button { background: url(/images/button.jpg) no-repeat; width: 245px; height: 62px; display: block; padding: 15px 5px; text-align: center; font-size: 1.5em; font-weight: bold; color: #444; text-decoration: none; margin-bottom: 10px;}
a.button:hover { text-decoration: underline; }

/* LISTS */

#tertiery_nav { width:770px; height:25px; margin:5px 0 0 0; }
#tertiery_nav li { list-style:none; float:right; margin:0 0 0 20px; }
#tertiery_nav li a { color:#005595; text-decoration:none; font-size:0.8em; }

#main_nav { height:25px; background:#999; width:773px; }
#main_nav li { list-style:none; float:left; }
#main_nav li a { color:#fff; text-decoration:none; font-weight:bold; font-size:0.9em; padding:0px 9px; height:25px; display:block; line-height:1.75em; border-right:1px solid #fff; background:#999; }
#main_nav li a:hover, #main_nav li a.selected { background:#EB2027; }

#secondary_nav { height:25px; background:#EB2027; width:773px; border-bottom:2px solid #999; }
#secondary_nav li { list-style:none; float:left; }
#secondary_nav li a { color:#fff; text-decoration:none; font-weight:bold; font-size:0.9em; padding:0px 9px; margin:1px; height:23px; display:block; line-height:1.75em; border-right:1px solid #fff; background:#EB2027; }
#secondary_nav li a:hover, #secondary_nav li a.selected { background:#fff; color:#EB2027; }


#main li { margin-left: 30px; font-size:0.9em; }
#main dl { margin:10px 20px; }
#main dt { float:left; width:80px; clear:both; font-weight:bold; margin:0 0 10px 0; text-align:right; font-size:0.9em; }
#main dd { float:left; width:300px; margin:0 0 10px 10px; font-size:0.9em; }

#sidebar li { margin-left: 15px;}

#water_list{ background:url(images/kinetico_wave.png) no-repeat top right; width:100%; }
#water_list li { list-style:none; clear:both; margin:0 0 20px 0; padding:0 125px 0 0; }
#water_list li img { float:left; margin:0 5px; }
#water_list li p { font-size:0.9em; width:250px; float:right; margin:3px 0; }
#water_list li p.water_title { color:#0276cb; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.15em; }
#water_list li p.water_solution { color:#0276cb; font-family:Verdana, Arial, Helvetica, sans-serif; }

/*  FORMS */

label { float:left; font-size:0.9em; margin:2px 5px; clear:both; /*width:150px;*/ text-align:right; }
fieldset { margin:10px 0; }
input,textarea, select { float:left; margin:2px; }

#service #submit { margin:10px 0 0 20px; float:left; }

#service label { width:120px; text-align:left; }

#contact_checkboxes { float:left; margin-left:20px; }
#contact_checkboxes input { clear:both; }
#contact_checkboxes label { clear:none; width:75px; }

.error { background:#c00; border:1px solid #900; padding:2px; color:#FFF }

label.error { padding:4px 0; clear:none; width:140px; text-align:left; color:#900; background:none; border:none; }

.threequarters { width:75%; float:left; margin:10px 0; }

.imgfloatRT { margin: 15px 0 15px 15px; float: right; }
.contactdetail { background-image: url(images/blue_fade2.png); background-repeat: repeat-x; margin: 15px; padding: 15px; border: 2px dashed #999999; }
.contactaddress { margin:0px; background:url(images/blue_fade.png) repeat-x; border:1px solid #005595; text-align:center; height: 100px; }
#sidebar .sectionfin { width:229px; padding:10px; float:none; height: 300px; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
#page #sidebar .sectionf { height: 300px; }

.imgfloatleft { float: left; padding: 10px 10px 10px 0px; }
#call_us_today {
	color: red;
    font-size: 2em;
    font-weight: bold;
    margin: 15px 0;
    text-align: center;
}

.larger_font {
	font-size: 1.2em;
	color:#0071ab;
}
.no-border table, .no-border td, .no-border th, .no-border tr {
	border:none;
}
.no-border {
	border: 2px solid #4F9DC5;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 8px;
}
.softwater li {
	margin-bottom: 5px;
}
.softwater {
	margin-bottom:20px;
}
.soft_water {
	color:#99ccff;
	margin-left:10px;
	
}
.sections {
	margin:10px;
}