/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
#google_translate_element{position:absolute;bottom:-25px;right:25px;}


body {background:#fff; padding:15px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#333333; line-height:1.6; text-align:justify}
html {background:url(background.gif) top center repeat-x;}

h1,h2,h3,h4,h5,h6 { font-family:"franklin gothic book", sans-serif; }

/* Standard Styles */

* {padding:0; margin:0; z-index:1;}
.clear {clear:both; }
.left {float:left;}
.right {float:right;}
p {margin:0 0 1.5em 0}
hr {margin:5px 0;}
.hr {border-bottom:1px solid #DDDDDD; clear:both; font-size:1px; height:1px; margin:15px 0; width:100%;}

a {color:#555; text-decoration:underline; }
a:hover {color:#333}
a img {border:none;}

h1, h2, h3, h4 {font-family:'arial narrow', arial, sans-serif}
h1 {color:#006a73; font-size:28px; margin:0 0 10px 0; padding:5px 0; line-height:1;}
h2 {color:#fd7f00; font-size:24px; margin:0 0 10px 0; padding:5px 0; line-height:1; }
h3 {color:#7e7f7f; font-size:18px; margin:0 0 10px 0; padding:5px 0; line-height:1;}
h4 {color:#006a73; font-size:18px; margin:0 0 10px 0; padding:5px 0;line-height:1;}

img.clsleft	{margin:0 10px 10px 0; float:left;}
img.clsmiddle {margin:0 10px}
img.clsright {margin:0 0 10px 10px; float:right; }
img.clsborderleft {margin:0 10px 8px 0; border:4px solid #f0efed ; padding:0; float:left; }
img.clsbordermiddle {border:4px solid #f0efed ; padding:0; }
img.clsborderright {margin:0 0 8px 10px; border:4px solid #f0efed ; padding:0; float:right; }
img.border {border:4px solid #f0efed ; padding:0; }
img.noborder {border:0;}

.notes	{font-size:0.8em; color:#888; margin:1.5em 0;}
.shout	{color:#555; font-size:18px; margin:0 0 20px 0; padding:10px; line-height:1; background:#f0efed ;}
.shout2 {color:#333; font-size: 15px; font-style:italic; margin:0 0 20px 0; padding:2px 0 2px 12px; line-height:1; border-left:10px solid #fe9900}

.quote	{margin:0 0 20px 0; padding:4px 7px; font-weight:bold; background:#54bdc4; color:#fff;}

.caption { }
.custom1 {margin:1.5em 0;}
.custom2 {margin:1.5em 0; }

.submit, .reset { cursor:pointer; outline:none; border:none; width:90px ! important; color:#fff; padding:5px; background:#0095a3; } 
.reset { background:#fd8710; } 

.datatable th, .datatable td  { padding:5px; }
.datatable th { background:#0095a3; color:#fff; text-align:center; }
.datatable th.auger { background:#016c77; }
.datatable td { border-bottom:1px solid #cccac5; }

.formtable { border-top:1px solid #cccac5; }
.formtable td { border-bottom:1px solid #cccac5; padding:6px 4px; }

ul {margin:0 0 20px 0}
ol {margin:0 0 20px 30px;}
li {}

table {border:none; padding:0; font-size:1em; line-height:1.6;}
table td {padding:0 15px 0 0; border:none; vertical-align:top;}



/* Structural Styles */

#container {width:960px; margin:0 auto; overflow:hidden} 

#header {height:205px;position:relative; }
#header h2 {float:left; height:75px; width:424px; text-indent:-9999px; background:url(sitelogo.gif); border:none; margin:68px 0 0 0; padding:0;}
#header h2 a {width:100%; height:100%; display:block;}
#header #phone { height:29px; width:420px; margin:7px -2px 0 0; float:right; font-size:1.2em; }
#header #phone span {display:block; float:left;}
#header #phone a {float:right;}

#main {background:url(col.gif) left repeat-y; overflow:auto; margin:18px 0 0 0;}


#navigation {background:url(nav_top.gif) top repeat-x; width:186px; float:left; padding-top:17px; margin:0 25px 0 0}
#nav {border-top:2px solid #fff; border-bottom:115px solid #f0efed }
#nav, #nav ul {padding:0; margin:0; list-style:none; text-align:left; overflow:hidden; }
#nav li a { display:block; font-weight:normal; background:url(nav_arrow.gif) #f0efed 11px 13px no-repeat; padding:10px 10px 10px 32px; font-size:16px; color:#333; line-height:16px; text-decoration:none; cursor:pointer; width:144px; }
#nav li a .cufon-vml {  margin: 0; } /* ensure (margin-top) + (margin-bottom) + (parent font-size) = (parent line-height). Works under strict doctype only. */
#nav a:hover {color:#006a73; background:url(nav_arrow.gif) #ddd 11px 13px no-repeat; cursor:pointer;}
#nav li.nav_parent > a {}
#nav li.nav_parent:hover {}
#nav li.nav_parent:hover > a {}
#nav a#active{ }
#nav li { margin:0; width:186px; padding:0; font-size:16px; line-height:16px; border-bottom:2px solid #fff;}
#nav li ul { position:absolute; width:220px; left:-999em; z-index:99; padding:0; }
#nav li ul li a:hover {color:#006a73}
#nav li ul li {margin:0; padding:0; width:220px;}
#nav li ul li a {margin:0; background:#ddd; padding:10px; width:200px}
#nav li ul li a:hover {background:#ccc}
#nav li ul li:first-child a {} 
#nav li:hover ul ul{ left:-999em; }
#nav li:hover ul, #nav li li:hover ul{ left:auto; margin:-38px 0 0 186px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 {  border-bottom:0; }
#nav li:hover {background:#ddd;}





#pagecontent {overflow:hidden; min-height:300px; width:749px; float:right; }

#footer {width:100%; height:25px; background:url(footer.gif); clear:both; margin-top:10px; padding:10px 0; color:#fff;}
#footer #footer-inner { width:960px; margin:0 auto; position:relative; }
#footer a {color:#fff}
#footer .left {margin:0 0 0 -116px}

#pumppda { float:left; position:absolute; top:-180px; left:31px; }
#synergy { float:left; position:absolute; top:-84px; left:31px; }

/* Content Styles */

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #5bc2fb; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:200px; float:left; margin:0 0 0 50px;}
#contactinfo h2 { margin:0;}
#contactinfo p { margin: 0 0 20px 0;}

#leftcol {float:right; width:218px;}
#leftcol a {display:block; margin:0 0 15px 0;}

#pagecontent ul {list-style:none;}
#pagecontent ul li {background:url(bullet.gif) 7px 10px no-repeat; padding:4px 0 2px 25px; text-align:left;} 

#pumpz td {text-align:center; vertical-align:middle; }
#pumpz h3 {background:#f0efed; }
#pumpz a {height:156px; padding-bottom:5px; display:block;}
#pumpz h3 a {text-decoration:none; height:100%; width:100%; }

