@charset "utf-8";

/* CSS Document */

body {
	
	margin: 0; padding: 0;

	background: #000059 url(images/bg4.jpg) no-repeat center top;

	width: 100%;  display: table;


}


#nav {height: 80px; width: 883px;background-image: url(images/nav.png); margin-top: -23px;}

#nav ul {padding-top: 30px; font-size: large; color: #fff; white-space: nowrap; }
#nav ul li {display: inline; width: 400px;  margin-left: 50px; text-decoration: none}
#nav ul li a {color: #f0f0f0; text-decoration: none; padding: 20px 15px 20px 15px}
#nav ul li a:hover {color: #f0f0f0; background: #222; padding: 20px 15px 20px 15px}

#topright {

	float: right;

	width: 50%;

	text-align: right;

}

li {color: #e03c34; font-size: small}

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

}

#tag {

	text-align: center;

}

#lowercontentcontainer {

	 
	
	width: 820px;

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

	font-size: 14px;
	
	line-height: 18px;

	color: #f0f0f0;
	
	background:url(images/transp.png) repeat;
	
	padding: 20px

}

#lowercontentleft {

	float: left;

	width: 44.5%;

	color: #f0f0f0;
	
	font-size: 14px;
	
	line-height: 18px;

	padding: 20px;
	
	background:url(images/transp.png) repeat;

}

#lowercontentright {

	float: right;

	color: #f0f0f0;

	overflow: hidden;

	font-size: 14px;
	
	line-height: 18px;

	width: 44.5%;

	padding: 20px;
	
	background:url(images/transp.png) repeat;

}

#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: x-large;

	color: #e03c34;

	font-weight: bold;

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

}



h3 {

	margin:0;

	padding:0;

	font-size: 16px;

	color: #e03c34;

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

	height: 30px;
	padding-top: 9px;

}







#header {

	width: 860px;

	top: 0px;

	margin-top: -3px;
	
	height: 90px;

	background-image: none;

	background-repeat: no-repeat;

	background-position: 0px;

}

#companyname {

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

	float: left;

	overflow: hidden;

	width: 68%;
	
	margin: 0;

	font-size: 24px;

	padding-left: 60px;

	font-weight: bolder;

}



#subcompanyname {

	float: right;

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

	width: 25%;

	font-size: 12px;

	text-align: right;
	
	background: #222;
	
	border: 1px solid #ccc;
	
		
	padding: 10px

}

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

}





#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;
	
	background: url(images/transp.png);

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

	font-size: 12px;
	
	line-height: 16px;
	
	color: #f0f0f0;
	
	margin-left: 10px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#contactinfo {

	padding: 5px;

	float: left;

	width: 245px;

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

	font-size: 12px;

	color: #f0f0f0;

}

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

	

}



.slideshow img {

	

	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;
	
	margin-top: -5px

}

#footer {

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

	font-size: 10px;

	color: #FFF;

	width: 430px;

	float: left;

	height: 70px;

	text-align: center;

	padding-top: 10px;

}

#footercontainer a:hover {color:#e03c34;}

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

}

label {color: #f0f0f0}

h6 {

	font-size: 14px;

	color: #e03c34;

	font-weight: bold;

	height: 20px;

	margin:0;

	padding:0;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #000;

}