@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: 30%;

	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;

}

h7 {

	margin:0;

	padding:0;

	font-size: 28px;

	color: #DE2A15;

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

	background-image: none;

	height: 30px;

}







#header {

	width: 860px;

	top: 0px;

	clear: none;

	float: none;

	height: 150px;

	background-image: url(images/logo.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;

}

#nav {

	height: 60px;

	width: 860px;

	background: url(images/nav.png);
	
	margin-top: 5px

}



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

}

#footer a:hover {color: #df7948;}

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

}