/* heating-air-conditioning-service.css */

/******************/
/* general styles */
/******************/
html, body {
 margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #000000;
	background: #869FBD;
	}

h1 {
 display: inline;
 font-size: 20px;
	font-weight: bold;
 }

/*******/
/* all */
/*******/
.title {
 text-align: center;
	padding: 10px;
 }

.topbar {
	background-color: #333333;
	width: 800px;
	text-align: center;
 }

.topcontainer {
 width: 38em;
 margin-left: auto;
	margin-right: auto;
	/* background-color: #99FF00; */
 }
	
.topitems {
 float: left;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	/* background-color: #FFFF33; */
	font-size: 20px;
 }

#listing-container {
 }
	
.listing {
 float: left;
 width: 150px;
	margin: 10px;
	padding: 5px;
	border: solid 1px #000000;
 }

#footer {
 height: 10px;
 width: 100%;
 }
					
/*******************/
/* contact section */
/*******************/
div.con {
 padding: 5px;
	text-align: left;
 }

#contact {
 width: 200px;
	height: 100%;
	background-color: #333333;
	color: #CCCCCC;
 }
	
a.con {
 color: #CCCCCC;
	font-weight: bold;
 }
	
a.con:hover {
 color: #FFFFFF;
 }
			
/*******************/
/* content section */
/*******************/
#content { 
 background-color: #FFFFFF;
	color: #333333;
	width: 600px;
	vertical-align: top;
 }
	
/*******************/
/* center the body */	
/*******************/
#body-center {
 text-align: center;
	/* min-width: 1000px; */
	/* width: 83.35em; */
	/* border: 1px solid #000000; */
	}

/**********/
/* status */
/**********/
div.status {
 text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #EE0000;
 }
	
/*****************************/
/* position the major blocks */
/*****************************/
#header {
 position: relative;
	top: 0px;
	left: 0px;
	/* min-width: 1000px; */
	/* width: 83.35em; */
	height: 197px;
	margin: 0px;
	padding: 0px;
	text-align: center;
 }

#top-bar {
 position: relative;
	/* min-width: 1000px; */
	/* width: 83.35em; */
	padding: 0px;
	padding-top: 5px; 
	padding-bottom: 5px;
	margin: 0px;
	color: #FFFFFF;
	background-color: #0E0E7F;
	font-size: 24px;
	font-style: italic;
	text-align: center;
 }

#middle-home, #middle-free-estimate, #middle-air-conditioning, #middle-heating, 
#middle-humidification, #middle-air-cleaners, #middle-hot-water-heaters, #middle-employment,
#middle-about-us, #middle-our-people {
 position: relative;
	/* min-width: 1000px; */
	/* width: 83.35em; */
 /* background-color: #FFFF99; */
 }

#contact-info {
 position: relative;
	/* min-width: 1000px; */ 
	/* width: 83.35em; */
	/* height: 40px; */
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #0E0E7F;
 }

#icons {
 position: relative;
	/* min-width: 1000px; */
	/* width: 83.35em; */
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #0E0E7F;
	background-color: #FFFFFF;
 }			

/**************************/
/* navigation bar details */
/**************************/
#navbar {
 position: relative;
	left: 0px;
	top: 0px;
	min-width: 170px;
	width: 11em;
	padding: 1em;
	font-size: 14px;
	font: bold 13px Arial, Helvetica, sans-serif;
	/* border: #000000 1px solid; */
	/* background-color: #CCCCCC; */
 }
	
#navbar a {
	display: block;
	text-align: left;
	/* line-height: 23px; */
	line-height: 40px;
	vertical-align: 50%;
	padding-left: 28px;
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/common/navbar-bgnd-off.gif) no-repeat 0px 0px;
	background-position: center;
	color: #FFFFFF;
 }

#navbar a:hover {
	background: url(images/common/navbar-bgnd-over.gif) no-repeat 0px 0px;
	background-position: left center;
	margin-bottom: 1px;
	color: #FFFFFF;
 }

.navbar-spacer { 
 width: 176px;
	height: 1px;
 text-align: center; 
	}

/***********************/
/* contact bar details */
/***********************/
#contact-info a {
 color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
 }

#contact-info a:hover {
	text-decoration: underline;
 }
		
div.contact-info-items {
 margin-bottom: 10px;
 }
	
span.contact-info-item {
 position: relative;
	margin: 20px;
	padding-bottom: 10px;
 }

/********************/
/* icon bar details */
/********************/
span.icon-item {
 position: relative;
	margin: 30px;
	/* background-color: #000000; */
 }

/********************/		
/* all page details */
/********************/		
#all { 
 position: relative;
	min-width: 1000px;
	width: 71.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	}

#middle-bgnd {
 position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(images/common/middle-bgnd.gif) repeat-y 0px 0px;
 }
	
#middle-img-top {
 position: absolute;
	top: 0px;
	left: 0px;
 }

#middle-img-bottom {
 position: absolute;
	bottom: -5px;
	left: 0px;
 }

#left-channel {
 position: relative;
	float: left;
	/* background-color: #33FF99; */
 }
	
#content {
 position: relative;
	float: left;
	/* width: 800px; */
	/* width: 54em; */
	min-width: 800px;
	width: 57em;
	height: 100%;
	/*background-color: #999999; */
 }

.text {
 position: relative;
 }
	
#schedule-appointment {
 position: relative;
	width: 500px;
 text-align: center;
 }
	
/*************/
/* home page */
/*************/
#middle-home {
	/* height: 475px; */
	/* min-height: 542px; */
	min-height: 475px; 
	/* height: 33.9em; */
	height: 40em;
	/* background-color: #CC9900; */
 }

#home-main {
	position: relative;
	top: 0px;
	left: 3em;
 float: left;
	/* width: 520px; */
	/* width: 100%; */
	min-width: 520px;
	width: 37em;
	height: 100%;
	/* padding: 10px; */
	/* padding-bottom: 1em; */
	/* background-color: #00CCCC; */
 }

#home-right {
 float: right;
	padding: 10px;
	/* background-color: #006600; */
 }

#button-estimate {
 /*
 position: absolute;
	top: 230px;
	left: 230px;
	width: 191px; 
	height: 108px;
	*/	
	position: relative;
	min-width: 435px;
	width: 37em;
 text-align: center;
	margin: 2em;
 }
	
#home-text {
 /*
 position: absolute;
	top: 80px;
	left: 50px;
	width: 400px;
	*/
	position: relative;
	top: 0px;
	left: 0px;
	min-width: 435px;
	width: 31em;
	height: 15em;
	padding: 3em;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #CCCCCC; */
 }

#home-note {
 position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
 text-align: center;
 }
			
#home-text-2 {
 position: relative;
	width: 170px;
	color: #FFFFFF;
	background-color: #EE0000;
	border: 1px solid #660000;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
 }

#home-text-3 {
 position: relative;
	width: 170px;
	color: #FFFFFF;
	background-color: #0E0E7F;
	border: 1px solid #660000;
	padding: 10px;
	padding-left: 10px;
	text-align: left;
 }	

/**************************/
/* free-estimate.php page */
/**************************/
#middle-free-estimate {
	min-height: 830px;
	height: 60em;
 }
	
#estimate {
 height: 1000px;
 }
	
#free-estimate {
 position: absolute;
	top: 20px;
	left: 100px;
	min-width: 600px; 
	width: 45em;
	/* background-color: #999999;*/
 }
	
/******************************/	
/* air-conditioning.html page */
/******************************/	
#middle-air-conditioning {
	min-height: 475px;
	height: 40em;
 }
	
#air-conditioning {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/*********************/	
/* heating.html page */
/*********************/	
#middle-heating {
	min-height: 475px;
	height: 40em;
 }
	
#heating {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/*******************************/
/* hot-water-heaters.html page */
/*******************************/
#middle-hot-water-heaters {
	min-height: 475px;
	height: 40em;
 }

#hot-water-heaters {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/****************************/
/* humidification.html page */
/****************************/
#middle-humidification {
	min-height: 475px;
	height: 40em;
 }

#humidification {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/**************************/
/* air-cleaners.html page */
/**************************/
#middle-air-cleaners {
	min-height: 475px;
	height: 40em;
 }

#air-cleaners {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/************************/
/* employment.html page */
/************************/
#middle-employment {
	min-height: 475px;
	height: 40em;
 }

#employment {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/************************/
/* about-us.html page */
/************************/
#middle-about-us {
	min-height: 475px;
	height: 40em;
 }

#about-us {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }

/************************/
/* about-us.html page */
/************************/
#middle-our-people {
	min-height: 475px;
	height: 40em;
 }

#our-people {
 position: absolute;
	top: 20px;
	left: 100px;
	width: 600px; 
 }