@charset "utf-8";







/* CSS Document */







body {







	background-color: #FFF;







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







	background-repeat: repeat-x;







}



#buynow {



	position: absolute;



	right: 0px;



	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: 2000;	



}















#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: 200px;







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







	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 0px 13px 0px; text-decoration: none}

.main-nav ul li a:hover {background: #09F; padding: 18px 0px 18px 0px; 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 0px 18px 0px; 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: 125px;







}







#footer {







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







	font-size: 10px;







	color: #FFF;







	width: 430px;







	float: left;







	height: 125px;







	text-align: center;







	padding-top: 10px;

margin-left:200px;





}







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







}