@charset "utf-8";



/* CSS Document */



body {



	background-color: #FFF;



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



	background-repeat: repeat-x;



}

#buynow {

	position: absolute;

	right: 20px;

	top: 40px;

	width: 150px;

	text-align: center;

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

	border: 1px solid #69bef1;

	padding: 15px 0px 0px 0px;

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

	color: #FFF;

	z-index: 1000;	

}







#buynow a {



     color: #fff;



}







#buynow p {



     font-size: 12px;





}



#topright {



	float: right;



	width: 20%;



	text-align: right;



}



#topleft {



	width: 70%;



	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;

    line-height: 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: 80px;



	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: 60px;



	font-weight: bolder;



}







#subcompanyname {



	float: right;



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



	width: 25%;



	padding-top: 23px;



	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;



}

.main-nav {width: 860px; height: 55px;  margin-top: 3px; padding: 0; font-family:Arial, Helvetica, sans-serif;  font-size: 16px; color: #f0f0f0; background:url(images/bg_menu.png) no-repeat; text-decoration: none}
.main-nav ul {width: 860px; height: 38px; position: relative; right: 10px; padding-top: 17px; margin: 0 auto; text-decoration: none}
.main-nav ul li {display: inline; padding-right: 12px; text-decoration: none}
.main-nav ul li a {color: #fff; padding: 7px 10px 13px 10px; text-decoration: none}
.main-nav ul li a:hover {background: #09F; padding: 18px 10px 18px 10px; text-decoration: none;  -moz-box-shadow:inset 0 0 10px #000000;    -webkit-box-shadow:inset 0 0 10px #000000;    box-shadow:inset 0 0 10px #000000;}
.main-nav ul li.selected a{background: #09F; padding: 18px 10px 18px 10px; text-decoration: none;  -moz-box-shadow:inset 0 0 10px #000000;    -webkit-box-shadow:inset 0 0 10px #000000;    box-shadow:inset 0 0 10px #000000;}

#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 {



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



	background-repeat: repeat-x;



}







.slideshow img {



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



	background-repeat: repeat-x;



	padding-top: 10px;



	}



#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;



}