/* base
----------------------------------------------- */

body {
margin: 0;
padding: 0;
font: 62.5%/1.4 Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #fff;
background: #283a66 url(siteimages/bg.png) top center;
}

body html {
font-size:100%;
}

h1, h2, h3, h4, h5, h6, h7 {
margin:0 auto; padding:0;
font-weight: normal;
}

h1 {
margin:0 auto;
padding:10px 7px 10px 40px;
font-size: 1.2em;
line-height:1.4em;
background:#202d4e url(siteimages/question.gif) no-repeat 7px 8px;
color:#fff;
}

h2 {
margin:0 auto; padding:15px 15px 15px 40px;
margin-bottom:20px;
font-size: 1em;
line-height:1.3em;
color:#fff;
/*background:#FFFEB1;
border:2px solid #202d4e;*/
}

h3 {
margin:0 auto; padding:0;
font-size: 1.8em;
line-height:1.5em;
color:#99abd9;
}

h4 {
margin:0 auto; padding:0;
font-size: 1.5em;
line-height:2em;
color:#EFDC05;
}

h5 {
margin:0 auto; padding:0;
font-size: 1.2em;
line-height:1.8em;
color:#fff;
}

h6 {
margin:0 auto; padding:0;
font-size: 0.8em;
line-height:1.5em;
color:#fff;
}

small, .small {
font-size: 0.9em;
}

blockquote {
border-top:2px solid #dFdE91;
border-bottom:1px solid #dFdE91;
background:#FFFEB1;
padding:20px;
margin:20px;
color:#000;
font-size:0.9em;
}

/* links
----------------------------------------------- */

a { text-decoration:none; }
a:hover { text-decoration:underline; }

#main a, #main a:link, #main a:active, #main a:visited {
text-decoration: underline;
color:#fff;
}

#main a:hover {
text-decoration: none;
color:#fff;
}
/*
#intro-2 a, #intro-2 a:link, #intro-2 a:active, #intro-2 a:visited {
text-decoration: none;
background:#202d4e;
color:#fff;
padding:5px;
}


#intro-2 a:hover {
text-decoration: underline;
background:#202d4e;
color:#fff;
padding:5px;
}
*/
#intro-2 a img, #intro-2 :link img, #intro-2 :visited img { border:none; text-decoration:none; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
border: none;
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}

p { margin:0; padding:0; }

#main li {
margin:0;
padding:0;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#site-container-home {
margin: 0 auto; padding:0;
width:100%;
overflow:auto;
background: url(siteimages/bg-top-home.png) no-repeat top center;
}

#site-container-page {
margin: 0 auto; padding:0;
width:100%;
overflow:auto;
background: url(siteimages/bg-top-page.png) no-repeat top center;
}

#site-container-thin {
margin: 0 auto; padding:0;
width:100%;
overflow:auto;
background: url(siteimages/bg-top-page-thin.png) no-repeat top center;
}

#container {
margin: 0px auto;
width: 905px;
}

#logo {
margin: 0px auto;
width: 100%;
height: 94px;
background: url(siteimages/advanced-remediation-solutions.png) no-repeat 30px 20px; /* left top */
}

#logo-thin {
margin: 0px auto;
width: 100%;
height: 20px;
}

#banner-home {
margin: 0px auto;
width: 100%;
height: 248px;
background: url(siteimages/banner-home-bg.png) no-repeat top center;
}

#banner-home-img {
margin: 0px auto;
width: 100%;
height: 248px;
background: url(siteimages/banner.jpg) no-repeat center center;
}

#banner-page {
margin: 0px auto;
width: 100%;
height: 163px;
background: url(siteimages/banner-page-bg.png) no-repeat top center;
}

#banner-page-img {
margin: 0px auto;
width: 100%;
height: 163px;
background: url(siteimages/banner-page.jpg) no-repeat center center;
}

#banner-page-flash {
padding:7px 0 0 7px;
}

#banner-page-thin {
margin: 0px auto;
width: 100%;
height: 88px;
background: url(siteimages/banner-page-bg-thin.png) no-repeat top center;
}

#banner-page-img-thin {
margin: 0px auto;
width: 100%;
height: 88px;
background: url(siteimages/banner-page-img-thin.jpg) no-repeat center center;
}

#navbar {
margin: 0px auto;
width: 100%;
height:30px;
background: url(siteimages/navbar.png) no-repeat top center;
}

#content {
margin: 0px auto;
padding-bottom:30px;
width: 100%;
/*border-bottom:1px solid #95a8d7;*/
background: url(siteimages/content-bg.png) top center;
}

#content-divider-home{
margin: 0px auto;
background: url(siteimages/content-divider-bg-home.png) repeat-y top center;
}

#content-divider-page{
margin: 0px auto;
background: url(siteimages/content-divider-bg-page.png) repeat-y top center;
}

#content-top {
margin: 0px auto;
width: 100%;
height:26px;
background: url(siteimages/content-top.png) no-repeat top center;
}

#content-top-page-left {
margin:0 auto;
margin-bottom:20px;
width:600px;
}

#content-top-page-full {
margin:0 auto;
margin-bottom:20px;
width:850px;
}

#content-top-page-left h3, #content-top-page-full h3 {
margin:0 auto;
padding:2px 15px;
font-size:1.1em;
color:#fff;
font-weight:bold;
display:block;
background-color:#3a5496;
border:1px solid #99abd9;
}

#content-text {
clear:both;
margin: 0 auto;
padding-top: 20px;
width:853px;
overflow:auto;
font-size:1.3em;
line-height:1.5em;
}

#content-foot {
margin: 0 auto;
width: 100%;
height:40px;
background: url(siteimages/content-bg.png) top center;
}

#intro-1, #intro-2 {
color:#fff;
font-size:0.9em;
line-height:1.7em;
}

#intro-1 {
float:left;
width:550px;
}

#intro-2 {
margin-right:2px;
float:right;
width:250px;
}


#intro-2 h3 {
margin:0; padding:0; 
font-size:1.2em;
}

#main {
width:600px;
float:left;
}

#sidebar {
margin-right:2px;
width:200px;
float:right;
line-height:1.1em;
}

.contact-info {
padding:20px 10px;
/*background:#ADBDE5;*/
background: url(siteimages/bannerbg.gif) center center;
color:#2b2b4b;
font-size:1.1em;
line-height:1.7em;
/*border:1px solid #99abd9;*/
border:2px solid #99abd9;/*223156*/
font-family:Arial, Helvetica, sans-serif;
}

.contact-info a, .contact-info a:link, .contact-info a:visited {
color:#2b2b4b;
}

.contact-info a:hover {
color:#2b2b4b;
border-bottom:2px solid #2b2b4b;
}

#foot {
margin: 5px auto;
padding:8px 0;
width: 100%;
text-align:center;
color:#99abd9;
font-size:1.1em;
background: url(siteimages/content-bg.png) top center;
/*background-color:#223156;*/
border-bottom:1px solid #223156;
}

#foot a, #foot a:hover {
color:#99abd9;
text-decoration:none;
}

#siteby {
margin:10px auto;
width:100%;
color:#99abd9;
text-align:center;
}

#siteby a{ padding:2px; color:#99abd9; text-decoration:none; }

#siteby a:hover { padding:2px; color:#223156; text-decoration:none; background:#99abd9}


/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

/* nav bar using sprites */

#mainnav {
    width: 100%; height: 30px;
    background: url(siteimages/navbar.png);
    margin: 0 auto; padding: 0;
    position: relative;
}

#mainnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#mainnav li, #mainnav a {
    height: 30px; display: block;}

#home {left: 0px; width: 80px;}
#oxidative-remediation {left: 80px; width: 198px;}
#biostatic-inhibitors {left: 278px; width: 177px;}
#mold-mitigation {left: 455px; width: 156px;}
#products {left: 611px; width: 102px;}
#distributor-program {left: 713px; width: 192px;}

#home a:hover, #ho-section #home a {
    background: transparent url(siteimages/navbar.png)
    0px -30px no-repeat;}

#oxidative-remediation a:hover, #or-section #oxidative-remediation a {
    background: transparent url(siteimages/navbar.png)
    -80px -30px no-repeat;}

#biostatic-inhibitors a:hover, #bi-section #biostatic-inhibitors a {
    background: transparent url(siteimages/navbar.png)
    -278px -30px no-repeat;}

#mold-mitigation a:hover, #mm-section #mold-mitigation a {
    background: transparent url(siteimages/navbar.png)
    -455px -30px no-repeat;}

#products a:hover, #pr-section #products a {
    background: transparent url(siteimages/navbar.png)
    -611px -30px no-repeat;}

#distributor-program a:hover, #dp-section #distributor-program a {
    background: transparent url(siteimages/navbar.png)
    -713px -30px no-repeat;}

/* end navbar using sprites */

.padding-left-30 {
padding: 0 0 0 30px;
}

.padding-left-40 {
padding: 0 0 0 40px;
}

.padding-right-30 {
padding: 0 30px 0 0;
}

.img-border {
margin:0px 10px 5px 0px;
background:#99abd9;
padding:1px;
border:1px solid #3b5699;
}

.read-more {
margin:10px auto;
padding:0;
text-align:right;
}

.read-more a {
margin:0 auto;
background-color:#3a5496;
color:#fff;
padding-top:3px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
border:1px solid #99abd9;
}

.read-more a:hover {
background-color:#2a4486;
color:#fff;
padding-top:4px;
padding-bottom:2px;
padding-left:9px;
padding-right:7px;
border:1px solid #9caedc;
text-decoration:none;
}

.subnavitems a {
display:block;
text-align:left;
margin:20px auto;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
color:#fff;
background-color:#3a5496;
border:1px solid #99abd9;
color:#fff;
}

.subnavitems a:hover {
text-decoration:none;
padding-top:6px;
padding-bottom:4px;
padding-left:11px;
padding-right:9px;
background-color:#2a4486;
border:1px solid #9caedc;
color:#fff;
}

.title-img {
margin:0 auto; padding:0;
margin-bottom:20px;
}

.excerpt {
margin:10px auto;
margin-left:20px;
padding:0px 20px;
border-left:2px solid #99abd9;
color:#ADBDE5;/*99abd9*/
font-style:italic;
}

.sidebar-title {
margin:0 auto; padding:0;
}

.clear-fix {
clear:both;
}

/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto; padding:0;
padding-left:5px;
font-size:0.6em;
line-height:0.8em;
text-align:left;
color:#bca998;
background-color: inherit;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:260px;
height:1.6em;
/*background-color:#f7f6f2;*/ /* tan:e3d7c5; lilac:b7b3c8;  */
}

.zemText label { width:200px; color:#0f0;}


/* wufoo form formatting 
-------------------------------------------*/

#form-container {
border:1px solid #798bb9;
background-color: #99abd9;
padding:10px 50px;
}

#form-container label { color:#000; }


/* video links formatting 
-------------------------------------------*/
.video-buttons a { margin:0 auto; padding:0;  }
.video-buttons a:hover { margin:0 auto; padding-left:2px; }

.video-link {
border-style:none;
text-decoration:none;
}

#moostick,
	.moostick
{
	display: block;
	height: 1.1em;
	margin: 0;
	padding: 2px 0 2px 0;
	overflow: hidden;       /* used in css check */
}

#moostick li,
	.moostick li
{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;
}

#moostick .show,
	.moostick .show
{
	visibility: visible;
	opacity: 1;
}

#popup {
background:#fff;
color:#444;
}

#popup p {
margin:0.6em 0;
}

#popup h3.flood-title {
color: #0044b8; 
font-family: georgia, times, 'times new roman', serif;
}

#popup img { border:none }