/*@charset "UTF-8";
 CSS Document */

/*------BASIC STYLES-----*/
.png {
	behavior: url(../js/png/iepngfix.htc);
}


* {
	margin:0;
	padding:0;
	}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:100%;
	background:#FFFFFF url(../images/bgd.png) repeat-y top center;
	
	}
	
p {	
	color:#667F92;
	font-family:Arial, sans-serif;
	line-height:1.3em;
	text-align:left;
	padding:0 0 .5em .8em;
	}
	
div#content span.indent p.phone-number{
	text-align:center;
	}
	
.install_form{
    color:#667F92;
	font-family:Arial, sans-serif;
}	
	
strong {
	color:#3976A9;
	font-weight:bold;
	}
	
b {
	color:#666;
	font-weight:bold;
	margin:0 0 .2em 0;
	}
	
#wrapper {
	position:relative;
	width:766px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#FFF url(../images/wrapper-bgd.jpg) repeat-y top left;
	
	}
		
.wrapper_divided {
	position:relative;
	width:766px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#FFF url(../images/wrapper-bgd.jpg) repeat-y top left;
	
	}
.wrapper {
	position:relative;
	width:766px;
	margin:0 auto;
	padding:0;
	text-align:left;
	
	}

.main-column {
	width:730px;
	margin:0;
	padding:15px 15px 15px 20px;
	}
.left-column {
	width:355px;
	margin:0;
	padding:0;
	float:left;
	}
.right-column {
	width:355px;
	margin:0;
	padding:0;
	float:right;
	}
h1 {
	font-size:18px;
	color:#3976A9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 1em .8em;
	}
h2 {
	font-size:13px;
	color:#091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	border-bottom:1px dashed #091F67;
	margin:0 0 .6em 0;
	}
h3 {
	font-size:16px;
	color:#091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0 0 0 0;
	}
/* ======committees title======*/
h4 {
	font-size:16px;
	color:#091F67;
	border-top:1px solid #091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 0 1em 0;
	padding:.5em 0 0 0;
	}	
	

a {
	text-decoration:underline;
	color:#3976A9;
	}
a:hover {
	text-decoration:none;
	color:#333;
	}

#clear {
	clear:both;
	background:url(../images/content-bottom.jpg) no-repeat top right;
	}
.break {
	line-height:20px;
	}
.clear {
	clear:both;
	height:0;
	}

ul {
	margin:.6em 0 1em 1em;
	padding:0;
	color:red;
	line-height:1.6em;
	}
		
li a {
	color:red;
	}
li a:hover {
	color:black;
	}
	
li {
	margin:0 0 0 1em;
	padding:0;
	}
	
img, a img, div.seal a img, div.seal a  {
	border:none;
	text-decoration:none;
	}
	
/*-----------------------POSITIONING---------------------------*/

#flashcontent {
	position:relative;
	margin:0 0 0 0;
	padding:0;	
	top:0;
	left:0;
	width:766px;
	height:279px;
	background: url(../images/top_header_bg.jpg) no-repeat left top;
	}
	
#flashcontent p {
	padding:20px;
	text-align:center;
	}

#flashcontent .header_top {
	width: 766px;
	height: 102px;
}	

#flashcontent .header_top span {
	float: right;
	padding-right: 76px;
	padding-top: 52px;
	font-size: 12px;
}

#flashcontent .header_top span a {
	color: #000;
	text-decoration: none;
}

#flashcontent .header_menu {
	width: 666px;
	height: 137px;
	padding: 40px 50px 0 50px;
}

#flashcontent .header_menu a {
	float: left;
	width: 105px;
	margin-right: 35px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	padding-top: 90px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#flashcontent .header_menu a:hover {
	text-decoration: none;
	color: #900;
}

#flashcontent .header_menu a.active {
	color: #900;
}

#flashcontent .header_menu a.last {
	margin-right: 0;
}

#header {
	margin:0 0 1em 0;
	position:relative;
	background:#CCCCCC url(../images/nav-bgd.jpg) repeat-x top left;
	height:30px;
	}
#header h1 {
	margin-left: -9000px;
}

	
/*----STATIC NAVIGATION STYLE----*/	

#header ul {
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:.5em;
	width:766px;
	/*width:97%;*/
	list-style:none;
	}

#header ul li {
	float:left;
	}

#header ul a {
	padding:0 .3em 0 2em;
	font-size:.6em;
	line-height:1.4em;
	text-decoration:none;
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	display:block;
	/*background:url(../images/menu-sep.png) no-repeat top left;*/
	text-transform:uppercase;
	}
#header ul a:hover {
	color:#666;
	}	

#header ul a.first {
	background:none;
	}

/*==============================================TWO COLUMN WRAPPER==================*/

.content-wrapper {
	margin:0 auto;
	background:url(../images/wrapper-bgd.jpg) top center repeat-y;
	}

/*==============================================CONTENT=============================*/

#content {
	position:relative;
	float:right;
	padding:0 0 .6em 0;
	width:480px;
	}
#content h1 {
	font-size:18px;
	color:#3976A9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 .4em 1em;
	}
#content h2 {
	margin:0 0 0 2em;
	}
#content p {
	margin:0 .8em;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	
	}
#content img {
	border:none;
	margin:0 1em 0 0;
	top:0;
	right:0;
	}
#content img.rightImage {
	border:none;
	margin:0 0 0 1em;
	width:275px;
	}
#content strong {
	font-weight:bold;
	margin:0 0 0 2em;
	}
#content .line {
	border-bottom:1px dotted #666;
	margin:0 0 1em 2em;
	}
#content .testimonials {
	font-style:italic;
	}

/*=============================================SIDEBAR=======================================*/
#sidebar {
	float:left;
	width:264px;
	padding:.3em 0 .6em;
	margin:0;
	}
#sidebar h1 {
	font-family: Arial, sans-serif;
	/*background:#C8E1DF;*/
	background:#C8E1DF url(../images/menu-bg.jpg) repeat-x left;
	border:1px dotted #666;
	padding:.4em;
	color:#;
	text-transform:uppercase;
	text-align:center;	
	font-size:1.4em;
	}
#sidebar h2 {
	color:#3F841C;
	border-bottom:1px dotted #AECA4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	font-style:normal;
	width:95%;
	margin:.3em 0 .8em 1.2em;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:0 0 .5em 0;
	}
#sidebar p {
	font-size:.9em;
	color:#333;
	padding:.8em 0 0;
	margin:0 0 0 1em;	
	}
#sidebar p.sidebar-documents {
	padding:0 0 0 1em;
	}
	
#sidebar img {
	border:none;
	margin:0 0 1em;
	/*width:240px;*/
	}
div.comfort-club {
	text-align:center;
	margin:1emr auto;
}
/*==================================================BOXES============================*/

p.justify {
	text-align:justify;
	}

.box1 {
	width:250px;
	float:left;
	margin:0 1em 0 0;
	
	}

.box2 {
	width:250px;
	float:left;
	margin:0 .5em 0 0;
	}

.box3 {
	width:240px;
	float:right;
	}

/*==================================================FOOTER============================*/
#footer {
	text-align:center;
	color:#000;
	background:#e1e1e1 url(../images/footer-bgd.jpg) repeat-x top left;
	border-top:1px dotted #333;
	margin:0 0 0 0;
	padding:1.3em 0 0 0;
	height:100px;
	}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:13px;
	color:#666;
	}
	
#footer a {
	font-size:13px;
	padding:.2em;
	line-height:2em;
	text-decoration:none;
	color:#666;
	/*border:1px dotted #8D4477;*/
	}
#footer a:hover {
	background:#e6e6e6;
	color:#3976A9;
	}

/*------------------------FORM STYLES-------------------------*/
/*#regForm {
	border-top:1px solid #00CCFF;
	border-right:none;
	border-bottom:1px solid #00CCFF;
	border-left:1px solid #00CCFF;
	margin:10px 5px 0 24px;
	}*/

/*
input {
	width:200px;
	}*/
/* -----reset for non-text inputs -----*/
input.radio, input.checkbox, input.submit {
	width:auto;
	}
/* display labels next to form elements, add a class for when you want them to stack----*/
/*
label {
	 float:left;
	margin:0 2em 0 0; 
	}
label.top {
	display:block;
	float:none;
	}
	*/
#informationType {
	margin:20px 0;
	}
/* ---display labels inline with textboxes----*/
#informationType label, #artistinfo label {
	float:none;
	display:inline;
	padding:0 0 0 5px;
	}
/*----align columns of checkboxes or radio buttons----*/
div.group1, div.group2, div.group3 {
	float:left;
	width:15em;
	padding:0 0 0 10px;
	}
/*----feedback messages----*/
label .feedback {
	position:absolute;
	margin:1.3em 0 0 9em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}
	
div.feedback {
	position:absolute;
	margin:1.4em 0 0 12em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}
label .feedbackWide {
	position:absolute;
	margin:1.4em 0 0 -1.3em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}

fieldset {
	margin:1.4em 20px 5px 20px;
	display:block;
	padding:0 0 0 15px;
	}
legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-transform:lowercase;
	padding:2px 5px;
	color:#666666;
	margin:-2px 0 20px -16px;
	display:inline;
	}
/*---these styles use attribute selectors in the focus pseudo-class selector to style form elements in DOM-compliant browsers. Other browsers will ignore these styles and render the default ---*/
fieldset[id=personalinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top center;
	border:1px solid #3F841C;
	}
fieldset[id=chaperoneinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top left;
	border:1px solid #3F841C;
	}
fieldset[id=resortinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top left;
	border:1px solid #3F841C;
	}
legend[class=personallegend], legend[class=chaperonelegend], legend[class=resortlegend] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat bottom right;
	border-top:1px solid #3F841C;
	border-right:1px solid #3F841C;
	border-left:1px solid #3F841C;
	}
input:focus, textarea:focus {
	border:2px solid #3F841C;
	}
/*---SUBMIT BUTTON---*/
#submit {
	margin:.3em 0 1em .5em;
	width:124px;
	height:36px;
	background:url(../images/submit-form-button.jpg) no-repeat top left;
	border:none;
	color: #ffffff;
	padding: .5em;
	text-indent: -9000em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#submit:hover {
	background:url(../images/submit-form-button-hover.jpg) no-repeat top left;
	}
	

/*-------------------------------------TXTLIST STYLES----------------------------*/
#txtlistBox {
	margin:1em 0 1em 2em;
	padding:.5em;
	width:350px;
	background:#FFF url(../images/ad-bgd.jpg);
	border:#0A2167 1px solid;
	}
#txtlistBox h1 {
	color:#0A2167;
	
	/*border-bottom:1px dotted #0A2167;*/
	border-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	
	margin:.5em 0 0 .5em;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
#txtlistBox p {
	margin:.2em 0 .5em .5em;
	}
#txtlistBox input {
	display:block;
	width:330px;
	margin:0 0 .5em .5em;
	}
/*=============================================FORM STYLES===========================================*/
#content input.appointment-button {
	width:150px;
	height:50px;
	margin:1em 0;
	padding:.1em;
	color:#FFF;
	border:1px solid #000;
	background:#333;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#content input.appointment-button:hover {
	color:#000;
	background:#666;
	}
#signup {
	margin:1em 0 1em 1.3em;
	padding:.5em;
	width:420px;
	height:300px;
	background:#FFF url(../images/signup-bgd.jpg);
	border:#3F841C 1px solid;
	}
	
#signup label {
	color:#3F841C;
	font-weight:bold;
	margin:0 0 0 1em;
	}
#signup h1 {
	color:#0A2167;
	
	/*border-bottom:1px dotted #0A2167;*/
	border-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	
	margin:.5em 0 0 .5em;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
#signup p {
	margin:.2em 0 .5em .5em;
	}
#signup input {
	display:block;
	width:180px;
	margin:0 0 .5em .5em;
	}
#signupLeftBox {
	width:200px;
	float:left;
	}
#signupRightBox {
	width:200px;
	float:right;
	}
/*===============================================LOGIN===========================================*/

#login {
	height:250px;
	padding:1em 2em 0 2em;
	}

/*==============================================HOME===========================================*/

.growingpains {
	width: auto;
	float: left;
	height: auto;
	border: none;
	padding:0 0 0 6em;
	text-align:center;
	}
.seal {
	width: 325px;
	float: left;
	height: auto;
	border: none;
	margin:0 0 0 -6em;
	text-align:center;
	}
	
.homeleft {
	width: 350px;
	float: left;
	height: auto;
	border: none;
	text-align:center;
	}

div.homeleft {
	border:none;
	}

.homeright {
	float:right;
	width:400px;
	padding:.4em;
	}
.homeimage {
	padding:0 0 0 .6em;
	}

p.phone-number, .phone-number {
	letter-spacing:0px;
	margin:0 0 0 .5em;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3976A9;
	}

/*==============================================INDOOR AIR QUALITY===============================*/

ul.indoor-air-quality {
	margin:0 0 0 .2em;
	padding:0 0 0 0;
	list-style:none;
	}

li.iaqpdf {
	font-size:85%;
	padding:0 0 0 9px;
	line-height:1.8em;
	margin:0 0 0 .8em;
	color:#333333;
	}

li.iaq a {
	font-size:85%;
	background:url(../images/arr.gif) 0 7px no-repeat;
	padding:0 0 0 9px;
	line-height:1.8em;
	margin:0;
	}
ul.trackpollution {
	font-size:80%;
	color:#1a1a1a;
	margin:0 1em 1em 2em;
	padding:0 0 1em 0;
	border-bottom:1px solid #000;
	}
/*==============================================FAQ==============================================*/

li.faqlist {
	font-size:85%;
	list-style:disc;
	padding:0 0 0 9px;
	line-height:1.8em;
	margin:0 1em 0 1.5em;
	color:#333333;
	}

/*==============================================TWEEKS===========================================*/

a img.more {
	float:right;
	}
	
.line {
	border-bottom:1px dotted #666;
	margin:1em 3em 1em;
	}
img.micron-graph {
	
	border:0;
	padding:0 0 0 1em;
	}

div#content p img.duct-cleaning-img {
	border:2px solid #3976A9;
	}
div#content p.supersmall {
	font-size:.7em;
	}

div#iDemo {
	width:180px;
	height:150px;
	border:3px solid #FF0000;
	}
	
ul.categories {
	margin:0 0 0 .2em;
	padding:0 0 0 0;
	list-style:none;
	}

li.category a {
	font-size:85%;
	background:url(../images/arr.gif) 0 7px no-repeat;
	padding:0 0 0 9px;
	line-height:1.8em;
	margin:0;
	}	
	
.duct-cleaning-procedures{
    font-size:95%;
	padding:0 9px 0 9px;
	line-height:1.8em;
	margin:0 0 0 .8em;
	color:#667F92;
}
.red {
	color:#FF0000;
	}

span.clickseal {
	font-size:12px;
}