/*-----------------------------------------------------------------------------
Parscale Media Style Sheet
Aquafuzion Website

version:   1.2
author:    Brad Parscale
email:     webmaster@parscale.com
website:   http://www.parscale.com/
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {margin: 0; padding: 0;}

/* Put it back on certain elements */
p, pre, blockquote, form, fieldset, table, ol, ul {margin: 10px 0;}
h1, h2, h3, h4, h5, h6 {color: #5d98d1; font-family: "Trebuchet MS";}

/* Class for clearing floats */
.clear{clear: both; display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* Remove border around linked images */
img {border: 0; border-style:none;}

/* Featured Link */
.drop_link {background: url(/images/site/bullet_drop.png) left no-repeat; padding-left: 15px;}

/* =Typography */
html, body {background: #105aa3 url(/images/site/bkg_repeat.jpg) repeat-x; font:12px Helvetica, Arial, sans-serif;}
a{color:#056215;text-decoration:none;}
a:hover{color:#056215;text-decoration:underline;}
a:active{outline:none;}
a:focus{outline:1px dotted invert;}
ol{list-style:decimal; color:#636363;}
ul{list-style:square; color:#636363;}
p{color:#636363;line-height:20px;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:14px;color:#636363;}
h5{font-size:14px;}
h6{font-size:12px;}
strong{font-weight: bold; color: #1aa3d2;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}

/* Wrapper */
#wrapper {width: 960px; margin: 0 auto;}

/* Top */
#top {background: url(/images/site/home_header.jpg) no-repeat; height: 376px; position: relative;}
#top_about {background: url(/images/site/header_earth.jpg) no-repeat; height: 231px;}
#top_products {background: url(/images/site/header_prod.jpg) no-repeat; height: 231px;}
#top_news {background: url(/images/site/header_news.jpg) no-repeat; height: 231px;}
#top_faq {background: url(/images/site/header_baby.jpg) no-repeat; height: 231px;}
#top_contact {background: url(/images/site/header_cont.jpg) no-repeat; height: 231px;}

/* Navigation */
#navigation {width: 514px; padding-left: 86px; height: 38px; float: right; background: url(/images/site/nav_bar.jpg) no-repeat;}
#navigation ul {list-style-type: none; margin-top: 0;}
#navigation li {display: inline;}
#navigation a {color: #033f79; font-family: "Trebuchet MS"; text-transform: uppercase; font-size: 14px; display: block; float: right; padding: 11px 20px;}
#navigation a:hover {color: #fff; background: url(/images/site/nav_bar.jpg) no-repeat; background-position: 0 -38px; text-decoration: none;}

/* Top Call to Action */
#top_action {position: absolute; bottom: 20px; left: 40px; width: 350px; height: 100px;}
#top_action h1 {color: #fff; font-weight: normal;}
#top_action p {color: #fff; margin-top: 0;}

/* Banner */

/* Main Body */
#main {background: #fff; padding-top: 40px; padding-bottom: 40px;}

#main_left {width: 170px; float: left; padding-left: 15px;}
#main_left ul {list-style-type: none; margin-left: 15px;}
#main_left li {padding-bottom: 5px;}
#main_left li a {font-size: 13px;}

#main_right {width: 700px; float: right; margin-right: 30px; border-left: 1px solid #e0ecf6; padding-left: 35px;}
#main_right ul {margin-left: 20px;}
#main_right ol {margin-right: 20px;}
#mr_left {width: 360px; float: left; margin-right: 20px;}
#mr_right {width: 320px; float: right;}

/* Main Right Feature */
.mr_feature {width: 320px; margin-bottom: 20px;}
.mrf_image {width: 105px; float: left; margin-right: 15px;}
.mrf_text {width: 200px; float: right;}
.mrf_text h3 {color: #4f91cd;}
.mrf_text a {background: url(/images/site/bullet_drop.png) left no-repeat; padding-left: 15px;}

/* Product Page */
#product_pic {float: left;}

/* News */
.news_bar {width: 662px; height: 30px; background: url(/images/site/news_bar.jpg) no-repeat; margin-top: 20px;}
.news_bar ul {list-style-type: none; padding-top: 7px; padding-left: 20px; margin: 0;}
.news_bar li {display: inline; margin-right: 20px;}

/* Contact Page */
#contact_page {padding-left: 20px; padding-right: 20px;}
#boxes div {display:none}
#contact_form label {display: block; width: 150px; float: left;}
#contact_form input {width: 200px;}
#contact_form textarea {width: 300px; height: 100px;}
#contact_form input.submit {color: #ffffff; background: #4f91cd; border: 1px outset #d6d6d6; width: 80px; line-height: 20px;} 
#contact_form input:focus {border: 2px solid #4f91cd;}

/* Footer */
#footer {margin-bottom: 20px; padding-top: 20px;}
#footer a {color: #b6de8b;}
#footer p {color: #fff; margin: 0; line-height: 16px;}
#footer h2 {color: #fff; font-weight: normal;}
#footer ul {list-style-image: url(/images/site/bullet_grn.png); margin-left: 10px;}

#footer_news {width: 200px; float: left; padding-left: 40px; margin-right: 40px;}
#footer_products {width: 200px; float: left; margin-right: 40px;}
#footer_locations {width: 200px; float: left; margin-right: 40px;}
#footer_corporate {width: 200px; float: left;}

#footer_bottom {text-align: center; border-top: 1px solid #2367aa; margin-top: 20px; padding-top: 10px;}
#footer_bottom ul {list-style-type: none; margin-top: 0; margin-bottom: 5px;}
#footer_bottom li {display: inline; margin-right: 15px;}
#footer_bottom a {color: #cbe3f9;}

/* Survey Form */
#survey_form {padding: 20px; border: 1px solid #a59e91; margin-top: 10px;}
#survey_form form {margin: 0;}
#survey_form h2 {color: #5d98d1; font-size: 15px; font-style: italic;}
#survey_form p {color: #636363; margin: 0; line-height: 17px;}
#survey_form label {color: #636363; width: 100px; float: left;}
#survey_form input {border: 1px solid #4f91cd; margin-bottom: 0; }
#survey_form input:focus {border: 2px solid #000;}
#survey_form textarea {border: 1px solid #4f91cd; width: 300px; height: 100px;}
#survey_form textarea:focus {border: 3px solid #000;}
#survey_form input.check {width: 20px; float: left;}
#survey_form span {float: left; width: 70px;}
#survey_form input.submit {width: 100px; background: #4f91cd; margin-right: 20px; color: #ffffff; border: 1px outset #d6d6d6; line-height: 20px; font-weight: bold;}
#survey_form input.skip {width: 100px; background: #4f91cd; color: #fff; line-height: 20px; font-weight: bold;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* Tables */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* @group Horizontal Zebra Table */
#hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;}
#hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;}
#hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;}
#hor-zebra td{color:#454444;padding:5px 8px 5px 8px; }
#hor-zebra .odd{background:#f1f1f2;}