@charset "utf-8";
/* 	

BioAir Main Web Site	 
Dynamic Style Sheet
Nick Poulos Jan 2009

----------------------------------------------------------------------------------------------------------------------------------------
			css reset
----------------------------------------------------------------------------------------------------------------------------------------	*/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {
	line-height: 1;
	color: black;
	background: white;}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;}
caption, th, td {
	text-align: left;
	font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {}
blockquote, q {}
/*
----------------------------------------------------------------------------------------------------------------------------------------
			styles for all pages
----------------------------------------------------------------------------------------------------------------------------------------	*/


html {
	height: 100%;
}

body {
	height: 100%;
	background: url(../img/background-top.jpg) top left repeat-x;
	background-color: #fdfeff;
	font-family: Verdana, Geneva, sans-serif;
}

#container {
	min-height: 100%;
	width: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	margin: 0 auto -338px; 
}

#container-push {
	height: 338px;	
}

#header-wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 372px;
	position: relative;
	background: url(../img/header-bg.png) top left no-repeat;
	background-position: -140px 0%;
	margin-bottom: -200px;
    z-index:1;
}

#logo-clicker {
	position: absolute;
    cursor: pointer;
    width: 250px;
    height: 100px;
    left:25px;
    top:25px;
    z-index: 3;
}

#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 125px;
}
#logo {
	position: absolute;
	left: 50px;
	top: 32px;
}
#navigation {
	position: absolute;
	right: 35px;
	top: 70px;
	z-index: 4;
}

#navigation ul {
	list-style: none;
	display: inline;
}

#navigation li {
	display: inline;
	margin-right: 15px;
	margin-left: 15px;
}


#content-wrapper {
	position: relative;
	height: auto;
	width: 1000px;
	margin: 0 auto;
	z-index: 3;	
}

#content {
	width: 900px;
	margin: 0 auto;
	height: auto;
	z-index: 4;
	position: relative;
	float:left;
}

#content li {
	margin-bottom: 10px;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	list-style-position: inside;
	list-style-image: url(/img/bullet-blue.png);
}

#content ul {
	margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

#content-left a:link, #content-left a:visited {
	color: #13b5ea;
	text-decoration: none;
}
#content-left a:hover, #content-left a:active {
	color: #13b5ea;
	text-decoration: underline;
}

a.bio-link:link, a.bio-link:visited {
	color: #13b5ea;
	text-decoration: none;
}
a.bio-link:hover, a.bio-link:active {
	color: #13b5ea;
	text-decoration: underline;
}
a.category-link, a.category-link:link, a.category-link:visited {
	color: #13b5ea;
	text-decoration: none;
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
}
a.category-link:hover, a.category-link:active {
	color: #13b5ea;
	text-decoration: underline;
	display: block;
	font-size: 16px;
	margin-bottomn: 8px;
}

p {
	margin-bottom: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
}

h4.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #0079c1;
	font-weight: bolder;
	margin-top: 0px;
	line-height: 30px;
	margin-right: 15px;
	display: inline;
}

#installations h4.page-title,#terms h4.page-title {	display: block;	}

h5.page-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	font-size: 24px;
	font-weight: bold;
	color: #999999; 
	display: inline;
	padding-bottom: 15px;
}

#content-right {
	width: 350px;
	display: inline;
	float:right;
}

#content-left {
	width: 475px;
	display: inline;
	float: left;
	padding-left: 25px;
}

#footer-image{
	width: 100%;
	height: 338px;
	background: url(../img/bottom_w_gradient.jpg) no-repeat center bottom;
	background-position: 50% 100%;
	z-index: 2;
	overflow: hidden;
	padding-top: 0px;
	clear: both;
	display: block;
	position: relative;
	bottom:0;
}

#footer-imagetext{
	width: 100%;
	z-index: 1;
	overflow: hidden;
	padding-top: 290px;
	clear: both;
	display: block;
	vertical-align: bottom;
	text-align: center;
}

#footer-imagetext p{
	font-weight: normal;
	color: white;
}

#footer-imagetext a{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#footer-imagetext a:hover{
	font-weight: bold;
	color: blue;
}

.check-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0079c1;
	background: url(../img/check-box.png) no-repeat;
	height: 25px;
	padding-left: 35px;
	padding-top: 13px;
}

.check-box-checked {
	background-position: left -38px;
}

.check-box-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0079c1;
	background: url(../img/check-box-small.png) no-repeat;
	height: 19px;
	padding-left: 30px;
	padding-top: 10px;
	display: inline;
	margin-right: 10px;
}

.check-box-small-checked {
	background-position: left -25px;
}

.check-box-hidden {
	visibility: hidden;
}

.img-button	{	cursor: pointer;		}

.txt-box {	
	background-color: #f2fdfe;
	background: url(../img/textbox-bg.png) no-repeat;
	background-position: -5px -5px;
	padding-top: 8px;
	padding-left: 10px;
	border: 0;
	margin: 0px;
	margin-bottom: 8px;
	height: 28px;
	width: 279px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
    font-weight: bold;
	color: #13b5ea; 
}

.txt-area {	
	background-color: #f2fdfe;
	background: url(../img/textarea-bg.png) no-repeat;
	background-position: -5px -5px;
	padding-top: 11px;
	padding-left: 10px;
	border: 0;
	margin: 0px;
	margin-bottom: 8px;
	height: 190px;
	width: 279px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #13b5ea; 
}

#subnavigation {
	height: 56px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	right: 50px;
	top: 110px;
}
#subnavigation-content {
	height: 56px;
	width: auto;
	display: inline-block;
	padding-top: 15px;
	margin: 0;
	background: url(../img/subnav-bg-middle.png) repeat-x;
}	

#subnavigation-left {
	height: 56px;
	width: 22px;
	display: inline-block;
	margin-right: -5px;
	padding-top: 15px;
	background: url(../img/subnav-bg-left.png) no-repeat;
}
#subnavigation-right {
	height: 56px;
	width: 22px;
	display: inline-block;
	margin-left: -4px;
	padding-top: 15px;
	background: url(../img/subnav-bg-right.png) no-repeat;
}

#subnavigation-links {
	list-style: none;
	display: inline;
}

#subnavigation-links li.first {
	margin-right: 7px;
	display: inline;
}

#subnavigation-links li {
	margin-left: 7px;
	margin-right: 7px;
	display: inline;
}

#subnavigation a, #subnavigation a:link, #subnavigation a:visited, #subnavigation a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .25px;
	color: #03b0e9;
	text-decoration: none;
}

#subnavigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .25px;
	color: #0079c1;
	text-decoration: none;
}

#tertiary-navigation {
	width: 25%;
	position: absolute;
	right: -15px;
	top: 25px;
	z-index: 5;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #13b5ea; 
}

#tertiary-navigation a:link, #tertiary-navigation a:visited {
	color: #13b5ea;
	text-decoration: none;
}
#tertiary-navigation a:hover, #tertiary-navigation a:active {
	color: #13b5ea;
	text-decoration: underline;
}

.window {
	margin: 0;
	width: 341px;
	border: none;
}

.window .window-left {
	width: 18px;
	background: url(../img/window-left.png) repeat-y;
}

.window .window-right {
	width: 17px;
	background: url(../img/window-right.png) repeat-y;
}

.window .window-middle {
	width: 281px;
	padding-left: 15px;
	padding-right: 10px;
	background-image: url(../img/window-middle.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f5fcff;
	
}

.window .window-content {
	width: 275px;
	min-height: 285px;
	margin: 0 auto;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #0079c1;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}


strong {
	font-weight: bold;
}

#page-title {	
	margin-bottom: 30px;
	position: relative;
	width: 95%;	
}

/**********************************************************************************************************/
/*		home page styles																 					*/
/**********************************************************************************************************/

#home h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #808080;
	line-height: 24px;
}

#home h5#find-out-more {
	margin-top: 15px;	
}

#home .side-window {
	width: 280px;
	height: 144px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
}

#home .side-window h4.window-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #0079c1;
	margin: 3px;
	position: absolute;
	top: 15px;
	left: 45px;
}

#home #window-top-next {
	position: absolute;
	bottom: 30px;
	left: 80px;
	z-index:4;
}

#home #window-top-prev {
	position: absolute;
	bottom: 30px;
	left: 65px;
	z-index:4;
}

#home #window-bottom-next {
	position: absolute;
	bottom: 30px;
	left: 80px;
	z-index:4;
}

#home #window-bottom-prev {
	position: absolute;
	bottom: 30px;
	left: 65px;
	z-index:4;
}

#home .side-window p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	width: 150px;
	margin-left: 20px;
	padding-top: 20px;
	line-height: 14px;
}

#home a.read-more {
	font-size: 12px;
}

#home #need-help {
	width: 392px;
	height: 89px;
	background: url(../img/home-window-bottom.png) no-repeat;
	padding: 5px;
	margin-top: 20px;
	padding-left: 20px;
}

#home #need-help #phone-number {
	margin-top: -10px;
}

#home #need-help #need-help-title {
	color:	#0079c1;
	margin-top: 5px;
}
.side-window a,.side-window a:link, .side-window a:visited {
	display: block;
	color:#13b5ea;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.side-window-wrapper {
    position: relative;
    width: 280px;
    height: 144px;
    padding: 30px;
    background: url(../img/home-windows-background.png) no-repeat;
    z-index:1;
}

#window-cycler-top {
    width: 296px;
    height: 160px;
    position: absolute;
    left: 22px;
    top: 21px;
}
#window-cycler-bottom{
    width: 296px;
    height: 160px;
    position: absolute;
    left: 22px;
    top: 21px;
}

/**********************************************************************************************************/
/*		municipal / engineers page styles													     				  */
/**********************************************************************************************************/

#municipal #sidebar-buttons, #consulting #sidebar-buttons {
    width:100%;
    margin-top: 45px;
    margin-bottom: 15px;
    border: 0;
	text-align: center;
}

#installations #sidebar-buttons {
    width:100%;
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
	text-align: center;
}




/**********************************************************************************************************/
/*		product page styles															      				  */
/**********************************************************************************************************/

#products #content {
	min-height: 300px;
}
#products #content-left {
	padding-right: 30px;
	width: 575px;
}

#products #content-right {
	width: 250px;
	padding-top: 30px;
}

#products p {
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
}

#products p.footer {
	color: white;
}

#products h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0079c1;
	line-height: 24px;
}



#products #product-image-info {
    width: 200px;
    padding-top: 20px;
    margin: 0 auto;
}

#products #product-windows {
	margin-top: 35px;
    margin-left: -15px;
}

#products #product-window-diagram {
	width: 250px;
	height: 188px;
	float: left;
	display: inline;
    position: relative;
	margin-right: 50px;
}

#products #product-window-label-diagram {
	float: left;
	display: inline;
    position: absolute;
    top: -5px;
    left: 20px;
}

#products #product-window-image-diagram {
	width: 240px;
    margin:0 auto;
}

#products #product-window-controls-diagram {
	width: 100%;
	margin: 0 auto;
    position: relative;
}


#products #product-window-zoom-diagram {
	display: inline;
    position: absolute;
    right: 20px;
    top: 0;
}

#products #product-window-download-diagram {
	display: inline;
    position: absolute;
    left: 20px;
    top: 0;
}

#products #product-window-specsheet {
	width: 250px;
	height: 188px;
	float: left;
	display: inline;
    position: relative;
}

#products #product-window-label-specsheet {
	float: left;
	display: inline;
    position: absolute;
    top: -5px;
    left: 20px;
}

#products #product-window-image-specsheet {
	width: 240px;
    margin:0 auto;
}

#products #product-window-controls-specsheet {
	width: 100%;
	margin: 0 auto;
    position: relative;
}


#products #product-window-zoom-specsheet {
	display: inline;
    position: absolute;
    right: 20px;
    top: 0;
}

#products #product-window-download-specsheet {
	display: inline;
    position: absolute;
    left: 20px;
    top: 0;
}

#products #product-buttons {
    margin-left: 50px;
    margin-top: 45px;
    margin-bottom: 15px;
    border: 0;
}


/**********************************************************************************************************/
/*		installations page styles													     				  */
/**********************************************************************************************************/


#installations #content-right img.installation-photo {	margin-bottom: 15px;	}

#installations .installation-window {
	width: 250px;
	height: 188px;
	position: relative;
	margin-top: 60px;
	margin-left: 25px;
}

#installations .installation-window-label {
	display: inline;
    position: absolute;
    top: -20px;
    left: 20px;
}

#installations .installation-window-image {
	width: 240px;
    margin:0 auto;
}

#installations .installation-window-controls {
	width: 100%;
	margin: 0 auto;
    position: relative;
}


#installations .installation-window-zoom {
	display: inline;
    position: absolute;
    right: 20px;
    top: 0;
}







/**********************************************************************************************************/
/*		support page styles													     						  */
/**********************************************************************************************************/


#support h4.support-type-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0079c1;
	line-height: 24px;
	margin-top: 20px;
}

#support h5.support-type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #808080;
	line-height: 24px;
	display: inline;
}

#support p.support-description {
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	display: inline;
}

#support .check-box {
	height: 30px;
	padding-top: 7px;
	padding-left: 45px;
	margin-bottom: -5px;
	line-height: 12px;
    color: #808080;
}



#support .support-form-item {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	padding-left: 45px;
	padding-top: 13px;
	font-size: 12px;
	color: #808080;
}

#support #support-parts, #support #support-faq {	position: relative;		}

#support #img-parts {
	position: absolute;
	left: 0;
	top: 10px;
	border: 0;
}

#support #img-faq {
	position: absolute;
	left: 0;
	top: 7px;
	border: 0;
}

#support #support-faq {	margin-top: 10px;	}

#support #support-window {
	width: 350px;
	height: 558px;
	background: url(../img/support-sidewindow.png) no-repeat;
	position: relative;
}
#support #support-address {
	margin-top: 10px;
}

#support .window h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #0079c1;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0;
}

#support #lst_contact, #support #lst_state {
	width: 260px;
	height: 30px;
	padding-top: 5px;
	background-color: #F2FDFE;
	border: 2px solid #CCE1ED;
	font-size: 14px;
	margin-bottom: 8px;
	margin-left: 5px;
}


#support #support-contact-content {
	width: 100%;
	height: 265px;
	height: auto;
	margin: 0 auto;
	margin-top: 0;
}

#support #button-submit {
	width: 100px;
	margin: 0 auto;
	margin-top: 15px;
}

#support .check-box-options {
	margin-left: 35px;
	margin-bottom: 30px;
}

#support #window-content {	
	position: relative;	
}

#support #window-content #required-notice {

	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: 	#0079c1;/*#13b5ea*/; 
}


/**********************************************************************************************************/
/*		faq page styles													     						  */
/**********************************************************************************************************/

#faq .category-title {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 16px;
	font-weight: bolder;
	color: #0079C1;
	margin-top: 25px;
}

#faq #categories {
	margin-top: 20px;
}

#faq .faq-question {
	font-weight: bold;
	color: #13b5ea;
	margin-bottom: 0px;
	margin-top: 15px;
	padding-bottom: 0;
	padding-top:0;
}

#faq .first {
	margin-top: 0px;
}

#faq .faq-answer {
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top:0;
}

#faq-link {
	font-size: 8px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #13b5ea; 
}

#faq-link a:link, #tertiary-navigation a:visited {
	color: #13b5ea;
	text-decoration: none;
}
#faq-link a:hover, #tertiary-navigation a:active {
	color: #13b5ea;
	text-decoration: underline;
}

/**********************************************************************************************************/
/*		contact page styles													     						  */
/**********************************************************************************************************/

#contact .txt-box {	
	background-color: #f2fdfe;
	background: url(../img/textbox-bg.png) no-repeat;
	background-position: -5px -5px;
	padding-top: 8px;
	padding-left: 10px;
	border: 0;
	margin: 0px;
	margin-bottom: 8px;
	height: 28px;
	width: 279px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
    font-weight: bold;
	color: #13b5ea; 
}

#contact #lst_contact, #contact #lst_state {
	width: 260px;
	height: 30px;
	padding-top: 5px;
	background-color: #F2FDFE;
	border: 2px solid #CCE1ED;
	font-size: 14px;
	margin-bottom: 8px;
	margin-left: 5px;
}

#contact #contact-form {
	width: 280px;
	margin-top: 20px;
}

#contact .contact-item {
	margin-top: 10px;
	margin-bottom: 20px;
}

#contact .contact-item p {
	font-size: 14px;
}

#contact #button-submit {
	width: 96px;
	margin: 0 auto;
	margin-top: 15px;
}

#contact h5.contact-form-label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #0079c1;
	line-height: 24px;
	display: inline;
    padding-bottom: 5px;
    position: absolute;
    left:35px;
    bottom:2px;
}

#contact #checkbox-quote {
    position:relative;
    margin-left:-7px;
    margin-bottom: 15px;
}

#contact #contact-form {	
	position: relative;	
}

#contact #contact-form #required-notice {

	position: absolute;
	top: 7px;
	right: -10px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: 	#0079c1;/*#13b5ea*/; 
}


/**********************************************************************************************************/
/*		about us page styles													     						  */
/**********************************************************************************************************/

#about li {
	margin-bottom: 4px;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	list-style-position: inside;
	list-style-image: none;
}

#about ul {
	margin-bottom: 10px;
	margin-top: 20px;
}

#about h6 {

	font-size: 12px;
	font-weight: bold;
	color: #13b5ea;

}

#about #about-employee-bio {
	margin-top: 20px;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
}

/******************************************************************************************************

		terms page

*******************************************************************************************************/

#terms #content-left {	width: 100%;	}

#terms li.terms {
	font-size: 12px;
	color: #808080;
	list-style: none;
	list-style-position: outside;
	text-decoration:none;
	background-image: none;
	margin:0;
	padding-left: 50px;
	padding-right: 50px;
	text-align: justify;
}

#terms ul.terms {margin:0;padding:0;}

/******************************************************************************************************

		styles used in the admin content XML

*******************************************************************************************************/

.page-section {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 16px;
	font-weight: bolder;
	color: #0079C1;
}

#products a.product-link, a.product-link:link, a.product-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 16px;
	font-weight: bolder;
	color: #0079c1;
	font-size: 18px;
	text-decoration: none;
}

#products a.product-link:hover, a.product-link:active {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 16px;
	font-weight: bolder;
	color: #0079c1;
	font-size: 18px;	
	text-decoration: none;
}

.product-link-1st {	
	color: #0079c1;
	font-weight: bold;	
}

.product-link-2nd {	
	color: #13b5ea;	
	font-weight: bold;		
}