body {
	background: #97928e url(/images/bottom-gradient.jpg) top left repeat-x;
	color: #000;
	font: small/1.5 Tahoma, "Trebuchet MS", Arial, sans-serif;
}

body, html, ul#navlist, ul#footerlist, ul.sublist, ul#side-navlist {
	margin: 0;
	padding: 0;
}

h1 {
	font-weight: normal;
	margin-top: 0;
	font-size: 180%;
	line-height: 1.0;
}

h2 {
	font-weight: normal;
	line-height: 1.0;
	font-size: 140%;
}


h2.check {
	background: url(/images/check.jpg) top left no-repeat;
	padding: 10px 0 8px 40px;
	margin-bottom: 0;
}

h2.promo-title {
	font-size: 130%;
}

h3 {
	font-weight: normal; 
}

a {
	color:#d42e12;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

/* ------------ LAYOUT ------------ */


#wrap {
	width: 798px;
	margin: 0 auto;
	background: url(/images/wrap-bg.png) top left repeat-y;
}

#header {
	height: 100px;
	padding-top: 30px;
	z-index: 1000;
	position: relative;
}

#header img { display: block; }

#menu {
	background: url(/images/menu-bg.png) top left no-repeat;
}

#content-wrap {
	width: 798px;
	padding: 40px 0 50px 0;
	background: url(/images/content-wrap.png) top left repeat-y;
}

#flash-bg {
	overflow: hidden;
	height: 285px;
	background:url(/images/flash-holder.png) top left no-repeat;
}

#flash-bg-short {
	overflow: hidden;
	height: 255px;
	background:url(/images/flash-holder-short.png) top left no-repeat;
}
	
#flash {
	margin-left: 18px;
}

#head-img img { display: block; }

#text {
	width: 440px; 
	float: left;
	margin: 0 0 0 25px;
	display: inline;
	position: relative;
	z-index: 3000;
}

#text-full {
	margin: 0 40px 0 40px;
	position: relative;
	z-index: 3000;	
}

#text-bg {
	background: url(/images/text-bg.jpg) top left repeat-y;
	margin: 0 0 0 19px;
}

#side-img {
	float: right;
	width: 230px;
	margin-right: 35px;
	display: inline;
	position: relative;
	z-index: 3000;
}

#title-bar {
	background: url(/images/title-bar.png) top left no-repeat;
	height: 46px;
	width: 798px;
	display:block;
}

p.title {
	color: #fff;
	float: right;
	font-size: 170%;
	margin: 20px 22px 0 0;
	text-transform: uppercase;
	position: relative;
	z-index: 1200;
	line-height: 1.0;
}
p.quote {
	font-size: 120%;
	text-align: center;
	padding: 10px 0;
}

#product-list {
	text-align: center;
	border: 1px solid #c4c1be;
	padding: 5px;
}

#product-list img {
	padding: 10px;
}

#ozone-text {
	margin: 0 30px 0 30px;
}


/* ------------ NAVLIST ------------ */

ul#navlist {
	float: right;
	text-transform:uppercase;
	font-size: 100%;
	margin: 20px 30px 0 0;
}

ul#navlist li {
	list-style: none;
	float: left;
	padding-left: 30px;
	position:relative;
}

ul#navlist a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 6px;
}


ul#navlist li:hover a,
#home li#nav-home a,
#industry li#nav-industry a,
#sales li#nav-sales a,
#service li#nav-service a,
#ozone li#nav-ozone a,
#products li#nav-products a,
#testimonial li#nav-testimonial a,
#contact li#nav-contact a { 
	color: #e2e418;
}

ul#navlist li:hover .submenu a,
#industry ul#navlist li#nav-industry:hover .submenu a,
#service ul#navlist li#nav-service:hover .submenu a,
#sales ul#navlist li#nav-sales:hover .submenu a 
{ color: #bfbdbe; }

ul#navlist .submenu li:hover a,
ul#navlist .submenu li:hover a:hover,
ul#navlist .submenu li:hover a:focus,
ul#navlist .submenu li:hover a:active,
#industry ul#navlist li#nav-industry:hover .submenu a:hover,
#service ul#navlist li#nav-service:hover .submenu a:hover,
#sales ul#navlist li#nav-sales:hover .submenu a:hover { 
	color: #fff;
	background-color: #676666;
}

/* ARTICLE SUB NAV */

body.art_20081029 li#art_20081029 a{ color:#c72f20;}
body.art_20090724 li#art_20090724 a{ color:#c72f20;}
body.art_20091209 li#art_20091209 a{ color:#c72f20;}
body.promo1 li#side-promo1 a{ color:#c72f20;}
body.promo2 li#side-promo2 a{ color:#c72f20;}

.submenu-wrap {
	display: none;
	position: absolute;
	top: 20px;
	left: -17px;
	z-index: 2000;
	width: 146px;
}

.submenu-wrap-space {
	display: none;
	position: absolute;
	top: 21px;
	left: 10px;
	z-index: 2000;
	width: 146px;
}

.submenu {
	background: #423f40;
	width: 144px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	text-align: center;
	font-size: 90%;

}


.submenu ul {
	list-style:none;
}

ul#navlist .submenu ul.sublist li {
	border-bottom: 1px solid black;
	display: block;
	text-align: center;
	padding-left: 0;
}

ul#navlist .submenu a { 
	color: #bfbdbe; 
	width: 144px;
	display:block;
	padding: 0;
}

.bottom {
	width: 146px;
	height: 17px;
	background: url(/images/menu-bottom.png) top left no-repeat;
}


ul#navlist li:hover .submenu-wrap,
ul#navlist li:hover .submenu-wrap-space{
	display: block;
}

ul#side-navlist {
	margin: 10px 0 15px 0;
}

ul#side-navlist li {
	color: #000;
	background: url(/images/bullet.jpg) top left no-repeat;
	list-style: none;
	padding: 0 0 0 20px;
	display: block;
	width: 190px;

}

ul#side-navlist a {
	text-decoration: none;
	color:#595959;
	font-size: 110%;

}

ul#side-navlist a:hover,
ul#side-navlist a:focus,
ul#side-navlist a:active,
.used ul#side-navlist li#side-used a,
.coin ul#side-navlist li#side-coin a,
.premise ul#side-navlist li#side-premise a,
.over ul#side-navlist li#side-over a,
.test ul#side-navlist li#side-test a,
.fall ul#side-navlist li#side-fall a,
.info ul#side-navlist li#side-info a,
.promotions ul#side-navlist li#side-promotions a,
.multi ul#side-navlist li#side-multi a {
	color:#c72f20;
}


/* ------------ FOOTER ------------ */

#footer {
	width: 798px;
	background: transparent url(/images/footer-bg.png) top left no-repeat;
	font-size: 90%;
	color: #626262;
	text-align: center;
	padding-bottom: 25px;
	text-transform:uppercase;
	position: relative;
	z-index: 1200;
}

#footer p {
	margin-top: 0;
	padding: 10px 0 0 0;
}

#footer a {
	color: #000;
	text-decoration: none;
	padding: 0 3px 0 3px;
}

#footer a:hover, a:focus, a:active {
	text-decoration: underline;
}

ul#footerlist {
	color: #000;
	margin-top: 35px;
}

#footerlist li{
	display:inline;
	list-style:none;
	
}
/* ------------ EXTRA ------------ */

img.test {
	margin-left: 18px;
}

.serviceimg {
	margin-left: 6px;
	padding: 2px;
	border: 1px solid #c4c1be;
}

.testimonial-pic {
	float: left;
	width: 140px;
	margin-top: 5px;
	display: inline;
}

.testimonial {
	float: right;
	width: 550px;
}

p.testimonial-person {
	font-style:italic;
	float: right;
	margin: 15px 10px 5px 10px;
	display: inline;
}

dd {
	margin-bottom: 10px;
}

table#promotes td{
	text-align: center;
	padding: 7px;
}

hr {
	height: 1px;
	clear:both;
	border: none;
	color: #b3b2b2;
	background: #b3b2b2;
	margin: 15px 0 15px 0;
	width: 100%;
}

p.statement {
	font-size: 120%;
	text-align: center;
}

p.links {
	text-align: center;
}

.f-right {
    float: right;
    margin: 10px 0 11px 10px;
	border: 1px solid #c4c1be;
	padding: 2px;
}

.f-left {
    float: left;
    margin: 10px 10px 0 0;
	border: 1px solid #c4c1be;
	padding: 2px;
}

.f-left-testimonial {
    float: left;
    margin: 12px 10px 0 0;
}

img.border {
	padding: 3px;
	border: 1px solid #c4c1be;
}

.lightning {
    float: right;
    margin: 0 10px 2px 15px;
	border: 1px solid #c4c1be;
	padding: 2px;
}

.center { text-align: center; }
.right { text-align: right; }

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */

/* ------------ IE6/PNG ------------ */

/* commented backslash hack v2 \*/
* html #footer {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer-bg.png', sizingMethod='crop');
}
* html #wrap {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/wrap-bg.png', sizingMethod='scale');
}

* html #flash-bg {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/flash-holder.png', sizingMethod='crop');
}

* html #flash-bg-short {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/flash-holder-short.png', sizingMethod='crop');
}

* html #content-wrap {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content-wrap.png', sizingMethod='scale');
}

* html .bottom {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu-bottom.png', sizingMethod='crop');
}

* html #menu {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu-bg.png', sizingMethod='crop');
}

* html #title-bar {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title-bar.png', sizingMethod='crop');
}


/* end hack */ 


/* FOR IE5 MAC */
/*\*//*/
ul#navlist li#nav-industry,
ul#navlist li#nav-sales {
width: 50px;
}

#wrap {
	background: none;
}
/**/