
/* ---------------------------------------------------------------------------------------------------------

EcoClean Home Services
http://www.ecocleanhomeservices.com/

Design, Code, Database Structure, Interactivity, and Management: Thomas Bright and Tony Scialdone
http://www.dotcomonomics.com/

--------------------------------------------------------------------------------------------------------- */

/* Universal Declarations */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body * { position: relative; }
html { background : url(null) fixed no-repeat; } 			/* this fixes an IE problem. Scrolling some pages causes corruption in the rendering. */
:focus { outline: 0; background: #ccc; }					/* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } 		/* tables still need cellspacing="0" in the markup */


/* Block Level Elements */

body { 
	margin: 0;
	padding: 0 0 77px 0; 
	background: #eee url(images/bg_body.gif);
	font-size: 100.01%; }

#wrap {
	margin: 0 auto;
	width: 840px; 
	background: #fff; 
	font: 0.7em/1.5em verdana, arial, sans-serif; 
	border: 3px solid #05b14b; }
	
#topnav { 
	margin: 0 0 7px 0;
	width: 100%;
	background: #05b14b; 
	text-align: center; 
	border-bottom: 1px solid #060; }
	
#header { 
	height: 205px; 
	width: 840px;
	background: url(images/header.jpg) no-repeat left top;
	border-top: 0px solid #05b14b; border-bottom: 0px solid #05b14b; }
	
#contentwrap { 
	float: left; 
	padding: 7px 0 49px 0; 
	background: url(images/bg_content.jpg) repeat-y left top; }
	
#primary { 
	float: left;
	width: 580px; }
#secondary {  
	float: right;
	width: 255px; }
	
#footer {
	clear: both; 
	margin: 0 auto;
	height: 49px;
	width: 840px;
	background: #05b14b; 
	border-top: 3px solid #05b14b; }
	
	
/* Additional Div and Spans */


#ductImages {
	padding-bottom: 7px; 
	text-align: center; 
	border-bottom: 2px solid #05b14b; }
	
#cartwright { 
	padding: 7px 0;
	background: #fff; 
	border-top: 1px solid #666; border-bottom: 1px solid #666; }
	
#cartwright a {
	display: block;
	margin: 14px auto;
	font-weight: bold;
	font-size: 118%;
	text-align: center; }
	
#cartwright img {
	padding: 7px;
	background: #fff; }
	
div.ex {
width:210px;
padding:10px;
border:5px solid green;
margin:0px; }
	
.freepurifier { 
	margin: 21px 0;
	padding: 7px;
	background: #fff; 
	border-top: 1px solid #666; border-bottom: 1px solid #666; }
	
.alternate {
	margin: 21px 0 0 0;
	padding: 4px 14px 7px 14px;
	background: #ddd; }
	
/* Nav Styles */

#topnav li {
	list-style-type: none;
	display: block;
	display: inline; 
	margin-left: 39px; }
#topnav a:link,
#topnav a:visited,
#topnav a:active { 
	text-decoration: none;
	font: bold 1.18em/3em verdana, arial, sans-serif;
	color: #fff; 
	text-transform: uppercase; 
	letter-spacing: -1px; }
#topnav a:hover { color: #000; }

#topnav li.home { margin-left: 0; }

a:link,
a:visited,
a:active {
	text-decoration: underline;
	font-size: 100%;
	color: #00f; }
a:hover { 
	text-decoration: none;
	color: #f00; }
	
a#admin {
	text-decoration: none; 
	color: #666; }
	
/* Headlines */

h1 {
	clear: both; 
	float: left; 
	margin: 21px 28px;
	font: bold 240%/1.3em arial, sans-serif;
	color: #05b14b;
	letter-spacing: -1px; }

h2 {
	clear: both; 
	margin: 35px 28px 0 28px;
	font: normal 175%/1.3em arial, sans-serif;
	color: #05b14b; }
	
#secondary h2 { margin-left: 14px; }

h3 {
	clear: both; 
	margin: 21px 28px 0 28px;
	font: bold 145%/1.3em arial, sans-serif;
	color: #05b14b;
	letter-spacing: 0px; }
h4 {
	clear: both; 
	margin: 21px 28px 0 28px;
	font: bold 136%/1.3em arial, sans-serif;
	color: #05b14b;
	letter-spacing: -1px; }
h5 {
	clear: both; 
	margin: 21px 28px 0 28px;
	font: bold 136%/1.3em arial, sans-serif;
	color: #05b14b;
	letter-spacing: -1px; }
h6{
	clear: both; 
	margin: 21px 28px 0 28px;
	font: bold 136%/1.3em arial, sans-serif;
	color: #05b14b;
	letter-spacing: -1px; }


h1+h2 { margin-top: 14px; }

h1+p, h1+ul, h1+ol, h1+dl,
h2+p, h2+ul, h2+ol, h2+dl,
h3+p, h3+ul, h3+ol, h3+dl,
h4+p, h4+ul, h4+ol, h4+dl,
h5+p, h5+ul, h5+ol, h5+dl { margin-top: 4px; }
h6 {text-decoration:blink;}	
	
/* Paragraphs */	
	
p { 
	clear: both;
	margin: 1.5em 28px 0 28px;
	line-height: 1.5em; 
	text-align: justify; }
	
#footer p {
	text-align: center; 
	line-height: 1.5em; 
	color: #fff; }


/* Images */

img.block {
	display: block;
	margin: 21px auto;
	text-align: center; }
	
img.fright {
	float: right;
	margin: 14px 0 14px 14px; 
	padding: 4px;
	background: #fff;
	border: 1px solid #666; }
	
img.fleft {
	float: left;
	margin: 14px 14px 14px 0; 
	padding: 4px;
	background: #fff;
	border: 1px solid #666; }

#secondary img {
	display: block;
	margin: 14px auto; }
	
	
/* Definition Lists */	
	
dl { 
	list-style-position: inside; 
	margin: 1.5em 28px 0 42px; }

dt { 
	font-weight: bold; 
	font-size: 1.18em; }

dd { 
	margin-left: 14px; }

/* Ordered Lists */	

ol { 
	list-style-position: inside; 
	margin: 1.5em 28px 0 42px; }

ol li { text-align: justify; }

/* Unordered Lists */	

ul { 
	clear: both;
	list-style-position: outside; 
	margin: 1.5em 28px 0 42px; }
	
ul li { 
	margin-bottom: 7px;
	text-align: justify; }


/* Blockquotes */	

blockquote { 
	margin: 28px 49px 14px 49px; 
	padding: 0 0 14px 0;
	border-top: .015em solid #666; border-bottom: .015em solid #666; }
	
blockquote p { 
	margin: 0;
	padding: 21px; 
	background: url(file:///C|/DOCUME%7E1/VALUED%7E1/LOCALS%7E1/Temp/Temporary%20Directory%201%20for%20Scott%20Winfrey.zip/images/quotes.gif) no-repeat 5px 10px;
	font-weight: bold; 
	color: #006; }

blockquote cite {
	display: block;
	margin: 7px 14px 0 14px; 
	font-weight: bold;
	font-style: normal; 
	text-align: right; }
	
/* Forms */

.ex { margin-bottom: 21px; }

form {
	margin: 21px; }

label {
	clear: both;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #4071a9;
	text-transform: uppercase; }

input {
	display: block;
	margin: 0 0 14px 0;
	padding: 4px;
	width: auto;
	background: #fff;
	font: bold 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }	
	
input[type $='hidden'] { display: none; }

textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 400px;
	height: 100px;
	background: #fff;
	font: normal 100%/1.9em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

select {
	margin: 7px 0 7px 0;
	background: #fff;
	border: 1px solid #c2c2c2; }

input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #00448d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }
	
input[type $='submit'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #00448d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }


	
	
/* Tables */	

table {    
	table-layout: fixed;    
	width: 100%;    
	overflow: hidden; }

/* Video */

object, embed {
	display: block;
	margin: 21px auto; 
	text-align: center; }

/* Classes and Stuff */

.bold { font-weight: bold; }
em { font-variant: italic; }
.right { text-align: right; }
.left { text-align: left; }
.clear { clear: both; }

	
/* Intelligent Navigation */

body#index li.home a,
body#dryer li.dryer a,
body#residential li.residential a,
body#facts li.facts a,
body#blaster li.odor a,
body#commercial li.commercial a,
body#contact li.contact a { color: #000; }
	
	
.eco { font-weight: bold; color: #05b14b; }


#testcont {
	float: right;
	margin: 0;
	padding: 14px;
	width: 240px;
	height: 150px;
	background: #eee;
	border: 1px solid #ccc; }

