@import "screen.css";

/* HEADER STYLE */
#headerReplace {padding-top:54px;}
#headerReplace {width: 540px; height: 36px; background: url('stylesheet images/headerTitle.gif') no-repeat scroll left bottom;}
h1 {text-indent:-100em;}
/* #header {margin-bottom: 2em;} */

/* HCARD STYLE */
.vcard { font-size:12px;!important
		width:229px;background:transparent url('stylesheet images/vcardBg.gif') no-repeat scroll left bottom;padding: 9px 0px 62px 9px;color:#888;}
.vcard a {color:#ddd;}
.vcard a:hover, .vcard a:focus {color:#fff;}
div.vcard>a:first-child {background:url('stylesheet images/hcardico.gif') no-repeat scroll left center; padding-left:30px;}


/* NAVIGATION STYLE */
.menu {border-top: 1px solid #555;border-bottom: 1px solid #555;background:#333;}
ul.mainNav {float:left; margin: 0px;padding: 0px;border-left: 1px solid #555;height: 54px;list-style-type: none;}
.mainNav li {float:left;}
.mainNav li a { color:#555;font-size:18px;font-weight:bold;width: 66px;display: block;padding: 12px 0px 15px 54px;background: left center no-repeat scroll;text-decoration: none;}
.mainNav li a:hover, .mainNav li a:focus { color: #aaa;width: 66px;background:#222 left center no-repeat scroll;text-decoration: none;}
#moldTab a, #moldTab a:hover, #moldTab a:focus { color:#446b49; background-image:url('stylesheet images/moldIcon.png');}
#fireTab a, #fireTab a:hover, #fireTab a:focus { color:#e85e21; background-image:url('stylesheet images/fireIcon.png');}
#waterTab a, #waterTab a:hover, #waterTab a:focus { color:#3069c7; background-image:url('stylesheet images/waterIcon.png');}
ul.secondNav { margin: 0px;padding: 0px 0px 0px 690px;width:259px;border-right: 1px solid #333;height: 54px;list-style-type: none;}
.secondNav li { float:left;}
.secondNav li a { color:#555;font-size:18px;display: block;padding:12px 12px 15px 12px;text-decoration: none;}
.secondNav li a:hover, .secondNav li a:focus { color:#ddd;background-color: #555;text-decoration: none;}
#contactTab a, #contactTab a:hover, #contactTab a:focus { font-weight:bold; color:#dd5316; }
body.home #homeTab a, body.home #homeTab a:hover, body.home #homeTab a:focus {background-color:#555; color:#aaa;}
body.mold #moldTab a, body.mold #moldTab a:hover, body.mold #moldTab a:focus {background-color:#555; color:#4f7654;}
body.fire #fireTab a, body.fire #fireTab a:hover, body.fire #fireTab a:focus {background-color:#555; color:#e85e21;}
body.water #waterTab a, body.water #waterTab a:hover, body.water #waterTab a:focus {background-color:#555; color:#3b74d2;}
body.about #aboutTab a, body.about #aboutTab a:hover, body.about #aboutTab a:focus {background-color:#555; color:#ddd;}
body.faq #faqTab a, body.faq #faqTab a:hover, body.faq #faqTab a:focus {background-color:#555; color:#ddd;}
body.contact #contactTab a, body.contact #contactTab a:hover, body.contact #contactTab a:focus {background-color:#555; color:#ddd;}

/* CONTENT STYLES */
.mainContent { background:#333; }
div.mainContent p, div.mainContent h2, div.mainContent h3, div.mainContent h4, div.mainContent h5, div.mainContent h6 {color:#aaa;}
div.mainContent a:focus, div.mainContent a:hover {color:#fff;text-decoration:none;}
div.mainContent a {color:#ddd;text-decoration:none;}
body.mold div.mainContent h2, body.mold div.mainContent h3, body.mold div.mainContent h4, body.mold div.mainContent h5, body.mold div.mainContent h6, body.mold div.mainContent a {color:#446b49;}
body.mold div.mainContent a:hover, body.mold div.mainContent a:focus {color:#4f7654;}/* mold tab */
body.fire div.mainContent h2, body.fire div.mainContent h3, body.fire div.mainContent h4, body.fire div.mainContent h5, body.fire div.mainContent h6, body.fire div.mainContent a {color:#dd5316;}
body.fire div.mainContent a:hover, body.fire div.mainContent a:focus {color:#e85e21;}/* fire tab */
body.water div.mainContent h2, body.water div.mainContent h3, body.water div.mainContent h4, body.water div.mainContent h5, body.water div.mainContent h6, body.water div.mainContent a {color:#3069c7;}
body.water div.mainContent a:hover, body.water div.mainContent a:focus {color:#3b74d2;}/* water tab */
p.disclaimer{font-size:.75em;margin-bottom:1.625em;line-height:1.625em;}
p.copyright{font-size:.625em;margin-bottom:1.375em;line-height:1.375em;}

/* ACCORDION STYLE */
.accordion {border-bottom:1px solid #555;width:495px;}
.accordion h3 {background:#333 url('stylesheet images/arrow-square.gif') no-repeat scroll right -51px;border-color:#555;border-style:solid solid none;border-width:1px 1px medium;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:120%;font-style:normal;font-variant:normal;font-weight:normal;margin:0pt;padding:7px 15px;}
.accordion h3:hover {background-color:#303030;}
.accordion h3.active {background-position:right 5px;}
.accordion p {background:#222222 none repeat scroll 0%;border-left:1px solid #555555;border-right:1px solid #555555;margin:0pt;padding:10px 15px 20px;}

/* CONTACT FORM STYLE */
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
#contactFormArea { float:left;}


/* PAGES STYLE */
.footer {background-color:#222;padding-top:1em;margin-top:2em;}
.footer a {color:#aaa; text-decoration:none;}
.footer a:hover, .footer a:focus {color:#fff; text-decoration:none;}