/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  background-color: #d4e2e8;
  color: #000000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 14px;
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
}


h1 {
  color: #00449f;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
}

h2 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}


h3 {
  color: #00449f;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

img {
	border: none;
}

form {
	z-index: 50;
}

a, a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #ff00ff;
  text-decoration: none;
}

a:hover {
  color: #0000ff;
  text-decoration: underline;
}

a:active {
  color: #0000ff
}

.allWebMenu {
	width: 880px;
	height: 29px;
	margin: 10px 0 0 5px;
	position: relative;
	z-index: 4;
}

.footer_text {
	color: #666666;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}

.footer_text a, a:link {
	color: #666666;
  	text-decoration: none;
}

.footer_text a:visited {
  	text-decoration: none;
}

.footer_text a:hover {
  	text-decoration: underline;
}


.footer_text a:focus {
	text-decoration: none;
}


.footer_text a:active {
	text-decoration: none;
}

.colLeft_top {
 	width: 200px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/top_200.png);
	background-repeat: no-repeat;
	z-index: 3;
 }
 
.colLeft_ctr {
 	width: 200px;
	height: 570px;
	display: block;
 	background-image: url(http://www.acrepair.net/images/ctr_200.png);
	background-repeat: repeat-y;
	z-index: 3;
	overflow: auto;
 }
 
.colLeft_btm {
 	width: 200px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/btm_200.png);
	background-repeat: no-repeat;
	z-index: 3;
 }
 .colRight_top {
 	width: 700px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/top_700.png);
	background-repeat: no-repeat;
	z-index: 3;
 }
 
.colRight_ctr {
 	width: 700px;
	height: 570px;
 	background-image: url(http://www.acrepair.net/images/ctr_700.png);
	background-repeat: repeat-y;
	z-index: 3;
	overflow: auto;
 }
 
.colRight_btm {
 	width: 700px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/btm_700.png);
	background-repeat: no-repeat;
	z-index: 3;
 }

.colPage_top {
 	width: 900px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/top_900.png);
	background-repeat: no-repeat;
	z-index: 3;
 }
 
.colPage_ctr {
 	width: 900px;
	height: 600px;
 	background-image: url(http://www.acrepair.net/images/ctr_900.png);
	background-repeat: repeat-y;
	z-index: 3;
 }
 
.colPage_btm {
 	width: 900px;
	height: 15px;
 	background-image: url(http://www.acrepair.net/images/btm_900.png);
	background-repeat: no-repeat;
	z-index: 3;
 }

.title_boxLeft {
	margin: 0 10px 10px 10px;
	z-index: 5;
}
.text_boxLeft {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0 10px 10px 10px;
	z-index: 5;
}

.title_boxRight {
	margin: 0 10px 10px 15px;
	z-index: 5;
}

.title_boxPage {
	margin: 0 10px 10px 15px;
	z-index: 5;
}

.text_boxRight {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0 10px 10px 5px;
	z-index: 5;
}

.text_boxVideo {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0 20px 10px 20px;
	z-index: 5;
}

.text_boxRight, .text_boxLeft, .text_boxVideo a, a:link {
  color: #000000;
  text-decoration: none;
}

.text_boxRight, .text_boxLeft a:visited {
  color: #000000;
  text-decoration: none;
}

.text_boxRight, .text_boxLeft a:hover {
  color: #000000;
  text-decoration: underline;
}

.text_boxRight, .text_boxLeft a:active {
  color: #000000;
  text-decoration: none;
}

.text_box_link {
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.text_box_link a,  a:link {
  color: #000000;
  text-decoration: none;
}

.text_box_link a:visited {
  color: #000000;
  text-decoration: none;
}

.text_box_link a:hover {
  color: #00449f;
  text-decoration: underline;
}

.text_box_link a:focus {
  color: #000000;
}

.text_box_link a:active {
  color: #000000;
  text-decoration: none;
}

.logo_proaire {
	clear: both;
	width: 165px;
	height: 165px;
	margin: 5px 0 0 50px;
	float: left;
	position: relative;
	z-index: 6;
}

.logo_custer {
	width: 600px;
	height: 175px;
	margin: 0 50px 0 0;
	float: right;
	position: relative;
	z-index: 7;
}

.header_images {
	width: 900px;
	height: 200px;
	margin: 5px 0 0 0;
	position: relative;
	z-index: 6;
}

.text_column {
	width: 470px;
	height:825px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 4;
}

.text_column_ssp {
	width: 180px;
	height:440px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 4;
}

.page_content_wrapper {
	width: 675px;
	margin: 5px 0 0 15px;
	padding: 0 0 0 0;
	position: relative;
	z-index: 4;
}

#object-layer {
	width:900px; 
	height:200px; 
}	

.image_container1 {
	width: 470px;
	height: 150px;
	display: block;
	position: relative;
	z-index: 1000;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
}

.image_container2 {
	width: 460px;
	height: 170px;
	display: block;
	position: relative;
	z-index: 1000;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}
.thermostat_box {
	width: 460px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
.click_details {
	width: 94px;
	height: 15px;
	float: right;
}