@charset "utf-8";

/* CSS Document */

body {

	background-color: #FFF;

	background-image: url(images/bg4.jpg);

	background-repeat: repeat-x;

}

#topright {

	float: right;

	width: 50%;

	text-align: right;

}

#topleft {

	width: 50%;

	float: left;

	line-height: 24px;

}



#drivethruimage {

}





a:link {

	color: #FFF;

	font-weight: bold;

}

a:visited {

	color: #FFF;

	font-weight: bold;

}

a:hover {

	color: #ff1;

	font-weight: bold;

}

a:active {

	color: #F00;

	font-weight: bold;

}

.styleone:link {

	text-decoration: underline;

	color: #F00;

}

.styleone:visited {

	text-decoration: none;

	color: #999;

}

.styleone:hover {

	text-decoration: none;

	color: #666;

}

.styleone:focus {

	text-decoration: none;

	color: #FC0;

}

.styleone:active {

	text-decoration: underline;

	color: #FC0;

}

.styletwo:link {



}

.styletwo:visited {





}

.styletwo:hover {





}

.styletwo:focus {





}

.styletwo:active {

	color: #D6D6D6;





}

h1 {

	margin:0;

	padding:0;

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

}

#tag {

	text-align: center;

}

#lowercontentcontainer {

	width: 860px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

}

#lowercontentleft {

	float: left;

	width: 48%;

	color: #000;

	padding: 5px;

}

#lowercontentright {

	float: right;

	color: #000;

	overflow: hidden;

	font-size: 12px;

	width: 48%;

	padding: 5px;

}

#list {

	padding-left: 20px;

}

#about {

	color: #FFF;

}



#drivethruimage {

	background-image: url(images/air_conditioner_sm.png);

	background-repeat: no-repeat;

	height: 100px;

	width: 50px;

	float: left;

	padding: 5px;

}



#intercomimage {

	background-image: url(images/heatingicon.jpg);

	background-repeat: no-repeat;

	float: left;

	height: 60px;

	width: 50px;

	padding: 5px;

}

#surveillanceimage {

	background-image: url(images/heatpump_sm.png);

	background-repeat: no-repeat;

	float: left;

	height: 60px;

	width: 50px;

	padding: 5px;

}

#soundimage {

	background-image: url(images/packaged_sm.png);

	background-repeat: no-repeat;

	float: left;

	height: 60px;

	width: 50px;

	padding: 5px;

}

#menuboardsimage {

	background-image: url(images/coolingicon.jpg);

	background-repeat: no-repeat;

	float: left;

	height: 100px;

	width: 50px;

	padding: 5px;

}



h2 {

	font-size: 18px;

	color: #000;

	font-weight: bold;

	font-family: Verdana, Geneva, sans-serif;

}



h3 {

	margin:0;

	padding:0;

	font-size: 14px;

	color: #00F;

	font-weight: bold;

	height: 20px;

}

#formcontainer {

	width: 530px;

	color: #FFF;

}



h4 {

	font-size: 14px;

	color: #FFF;

	font-weight: bold;

	height: 20px;

	margin:0;

	padding:0;



}

h5 {

	font-size: 10px;

	color: #333;

	padding-left: 5px;

	border-bottom-width: thin;

	border-bottom-style: solid;

}









#container {

	width: 860px;

	height: auto;

	margin-top: 0;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	overflow: hidden;

	top: -8px;

	left: auto;

	right: auto;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

}

#topcontainer {

	color: #FFF;

	font-size: 10px;

	background-image: url(images/bg3.jpg);

	height: 30px;

}







#header {

	width: 860px;

	top: 0px;

	clear: none;

	float: none;

	height: 120px;

	background-image: url(images/hvaclogo.png);

	background-repeat: no-repeat;

	background-position: 0px;

}

#companyname {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	float: left;

	overflow: hidden;

	width: 68%;

	font-size: 24px;

	padding-top: 25px;

	padding-left: 80px;

	font-weight: bolder;

}



#subcompanyname {

	float: right;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	width: 25%;

	padding-top: 30px;

	font-size: 12px;

	text-align: right;

}

#logo {

	background-image: url(images/logo.png);

	background-repeat: no-repeat;

	height: 61px;

	width: 80px;

	float: left;

	top: 25px;

	position: relative;

	left: 5px;

}



#companycontainer {

	float: right;

	width: 340px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFF;

	position: relative;

}



#companyaddress {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left;

}

#companyphone {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: right;

	padding-right: 50px;

}

#nav {

	height: 60px;

	width: 860px;

	background-image: url(images/nav.png);

}



#column_container {

	float: right;

	width: 572px;

}







#drivethru {

	padding-top: 40px;

	padding-bottom: 10px;

	color: #000;

}

#intercom {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #000;

}

#surveillance {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #000;

}

#soundimage {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #000;

}

#menuboards {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #000;

}

#sitesidebarcontainer {

	float: left;

	width: 280px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	line-height: 18px;

	background-color: #000;

	padding-right: 5px;

	padding-left: 5px;

}

#mainsidebarcontainer {

	float: right;

	width: 290px;

	padding-bottom: 10px;

}



#sidebartop {

	background-image: url(images/sidebar_r1_c1.png);

	height: 12px;

	width: 290px;

	float: left;

	margin-top: 10px;

}



#sitebodycontainer {

	float: left;

	width: 530px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#contactinfo {

	padding: 5px;

	float: left;

	width: 245px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

}

#googlemapping {

	float: right;

	width: 245px;

	height: 318px;

	padding: 5px;

}

#formcontainer {

	float: left;

	width: 520px;

	margin-top: 10px;

	padding-right: 5px;

	padding-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

}

.slideshow {

     margin-bottom: 10px;


}



.slideshow img {

	margin-top: 10px;

     background: url('./images/slideshowbg.png');

	}

#productbodycontainer {

	background-color: #FFF;

	float: left;

	width: 860px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

}

.price{

	color: green;

	font-weight:bold;



}

#footercontainer	{

	float: left;

	width: 860px;

	background-image: url(images/footer.png);

	background-repeat: no-repeat;

	height: 70px;

}

#footer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFF;

	width: 430px;

	float: left;

	height: 70px;

	text-align: center;

	padding-top: 10px;

}

#footerright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFF;

	height: 70px;

	float: right;

	width: 430px;

	text-align: center;

	padding-top: 10px;

}

#servicelistcontainer {

	background-color: #CCC;

	border: thin solid #666;

	float: left;

	width: 550px;

}



#serviceslist {

	width: 255px;

	float: left;

	line-height: 15px;

	padding-right: 5px;

	padding-left: 10px;

}

#serviceslistright {

	width: 255px;

	float: right;

	line-height: 15px;

	padding-right: 10px;

	padding-left: 5px;

}



#sitebodycontainer2 {

	background-color: #FFF;

	float: left;

	width: 860px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

}

.bl {background: url(images/bl.png) 0 100% no-repeat #000; width: 20em}

.br {background: url(images/br.png) 100% 100% no-repeat}

.tl {background: url(images/tl.png) 0 0 no-repeat}

.tr {background: url(images/tr.png) 100% 0 no-repeat; padding:10px}

.clear {font-size: 1px; height: 1px} 

#sidebarbottom {

	background-image: url(images/sidebar_r3_c1.png);

	height: 15px;

	width: 290px;

	float: left;

}

#sitesidebarcontainerwhite {

	float: left;

	width: 280px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	line-height: 18px;

	background-color: #FFF;

	padding-right: 5px;

	padding-left: 5px;

}

#sidebarbottomwhite {

	background-image: url(images/sidebarwhite_r3_c1.png);

	height: 15px;

	width: 290px;

	float: left;

}

#sidebartopwhite {

	background-image: url(images/sidebarwhite_r1_c1.png);

	height: 12px;

	width: 290px;

	float: left;

	margin-top: 10px;

}

h6 {

	font-size: 14px;

	color: #000;

	font-weight: bold;

	height: 20px;

	margin:0;

	padding:0;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #000;

}

input {width: 400px;}
textarea {width: 400px;}
.submit {width: 150px;}