﻿@import url('nav.css');


body { 
	behavior: url('csshover.htc'); 
	color:#333333; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #7f7f7f url(../images/bg.jpg) repeat-x; 
	margin: 0; 
	padding: 0; 
}

#all { 
	width: 1000px; 
	margin: 0 auto;
}
#home #header { 
	background: url(../images/header-home.jpg) no-repeat 0 bottom; 
	height: 150px; 
}
#header { 
	background: url(../images/header.jpg) no-repeat 0 bottom; 
	height: 150px; 
}
#header .phone { 
	color: #5991ce; 
	font-size: 26px; 
	line-height: 24px; 
	text-align: right; 
	width: 280px; 
	height: 50px; 
	float: right; 
	margin-top: 10px; 
}
#header .phone p { 
	font-size: 12px; 
	margin: 0; 
	padding: 0; 
}

#chat {
	float:right;
	width:130px;
	padding:3px 0 0 0;
}
#header .logo a { 
	width: 223px; 
	height: 60px; 
	float: left; 
	margin: 62px 9px 0 6px; 
	display: block;  
}
#container-home { 
	background: url(../images/container-home-rpt.gif) repeat-y; 
}
#container { 
	background: url(../images/container-rpt-white.gif) repeat-y;
}
#main .mainpad { 
	padding: 15px 25px 20px 20px; 
}
#main { 
	background: #fff; 
	width: 747px; 
	float: left; 
}
#container-home #main { 
	background: transparent; 
	width: 747px; 
	float: left; 
}
#main h1 { 
	color: #5991ce; 
	font-size: 18px; 
	margin: 0 0 10px; 
	padding: 0 0 4px; 
	border-bottom: 1px solid #c7c7c7; 
}
#banner { 
	background: url(../images/banner.jpg) no-repeat; 
	height: 184px; 
	border-bottom: 1px solid #000; 
}
#banner2 { 
	background: url(../images/banner.jpg) no-repeat; 
	height: 184px; 
	border-bottom: 1px solid #000; 
}
#main .column-left { 
	color: #dcdcdc; 
	width: 311px; 
	float: left; 
}
#main .column-left ul { 
	line-height: 18px; 
	margin: 0 0 0 8px; 
	padding: 14px 8px 0 0; 
	list-style-type: none; 
}
#main .column-left ul li { 
	background: url(../images/bullet-lock.gif) no-repeat 0 3px; 
	margin: 0; 
	padding: 0 0 12px 16px;
}
#main .column-intro { 
	width: 436px; 
	float: left; 
}
#main .column-intro .pad { 
	padding: 4px 15px 10px; 
}
#right-column { 
	width: 253px; 
	float: left; 
}
#right-column .top { 
	background: url(../images/column-nav-top.jpg) no-repeat; 
	height: 9px; 
	overflow: hidden; 
}
#right-nav ul { 
	background: url(../images/column-nav-end.jpg) no-repeat 0 bottom; 
	margin: 0; 
	padding: 0 0 32px; 
	border-bottom: 1px solid #000; 
	list-style-type: none; 
}
#right-nav li a { 
	width: 253px; 
	height: 48px;  
	display: block; 
	background-position: 0 0;
}
#right-nav li a:hover { 
	background-position: -253px 0; 
}
#right-nav li.residential a { 
	background-image: url(../images/btn-residential.jpg); 
	background-repeat: no-repeat; 
}
#right-nav li.commercial a { 
	background-image: url(../images/btn-commercial.jpg); 
	background-repeat: no-repeat; 
}
#right-nav li.home-tech a { 
	background-image: url(../images/btn-home-tech.jpg); 
	background-repeat: no-repeat; 
}
#clearbox { 
	line-height: 14px; 
	background: #f9f9f9; 
	width: 260px; 
	float: right; 
	clear: right; 
	margin: 15px 0 10px 25px; 
	padding: 8px; 
	border: solid 1px #c6db7c; 
}
#clearbox ul { 
	line-height: 16px; 
	margin: 0 0 10px 30px; 
	padding: 10px 0 0; 
}
#footer { 
	color: #afafaf; 
	line-height: 34px; 
	background: url(../images/footer-rpt.gif) repeat-x;
	text-align: center; 
	height: 34px; 
	border-top: 1px solid #5991ce; 
	border-bottom: 1px solid #5991ce; 
}
#footer .lftside{float:left; padding-left:20px;}
#footer .rghtside{float:right; padding-right:20px;}
#footer a { 
	color: #afafaf; 
	text-decoration: none; 
}
#footer a:hover { 
	text-decoration: underline; 
}
.clearboth { 
	clear: both; 
}
a { 
	color: #5991ce; 
	outline-width: 0; 
}
a:hover { 
	text-decoration: none; 
}
h2 {
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
	font-size:18px; 
	font-weight:bold;
}
h3 {
	margin: 0px 0px 5px 0px; 
	padding: 0px; 
	font-size:14px; 
	font-weight:bold;
}
p {
	font-size: 12px; 
	line-height: 20px; 
	margin: 0px 0px 15px 0px; 
	padding: 0px;
}
.smfont { 
	font-size: 10px; 
	text-align: center; 
	display: block; 
}
.redfont { 
	color: #900; 
	font-style: italic; 
}
img.right { 
	float: right; 
	margin-left: 12px; 
	padding-bottom: 2px; 
}
ul.bullets { 
	line-height: 22px; 
	margin: 0 0 12px; 
	padding: 0 0 0 10px; 
	list-style-type: none; 
}
ul.bullets li { 
	background: url(../images/bluearrow.gif) no-repeat 0 4px; 
	padding-left: 40px; 
}
table.bullets {
	font-size: 12px; 
	margin: 0px; 
	padding: 0px; 
	font-weight:bold;
}
table.specials { 
	color: #32597e; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 26px; 
	margin-top: 5px; 
}
#form-wrapper { 
	width:270px; 
	border:solid 1px #e2e2e2; 
	background:#f1f1f1; 
	float: left; 
	padding: 10px 20px; 
	margin: 10px auto; 
} 
#form-wrapper div {  
     clear:both;  
     margin:1em 0;  
}
#form-wrapper div.cell { 
	width: 130px; 
	float: left; 
	clear: none; 
	margin: 0; 
}
#form-wrapper label {  
     display:block;  
     float:none;  
     width:auto; 
}
#form-wrapper div.left label { 
	width: auto; 
	float: left; 
}
form#contactform input, form#contactform select {  
     border-color:#b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7;  
     border-style:solid;  
     border-width:1px;  
     padding:3px;  
     font-size:14px;  
     color:#333;  
}  
form#contactform textarea {
  	 font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:100%;  
     padding:0.6em 0.5em 0.7em;  
     border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;  
     border-style:solid;  
     border-width:1px;  
}
form#contactform .submit { background-image: url(../images/btn-submit.gif); background-repeat: no-repeat; width: 91px; height: 22px; border-width: 0; cursor: pointer; }
#contact-column { width: 340px; float: left; margin-top: 10px; margin-left: 40px; }
#form-column { font-size: 11px; background-image: url(../images/form-column-bg-rpt.gif); background-repeat: repeat-y; width: 241px; margin-bottom: 4px; margin-left: 12px; }
#form-column table { margin-top: 5px; margin-left: 16px; }
#form-column .top { background-image: url(../images/form-column-bg-header.gif); background-repeat: no-repeat; height: 71px; }
#form-column .top.home { background-image: url(../images/form-column-bg-header-home.gif); background-repeat: no-repeat; height: 71px; }
#form-column .bot { background-image: url(../images/form-column-bg-bot.gif); background-repeat: no-repeat; height: 18px; }
#form-column select { font-size: 11px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; }
#form-column .submit { background-image: url(../images/btn-submit-home.gif); background-repeat: no-repeat; cursor: pointer; margin-top: 3px; padding: 0; width: 74px; height: 18px; border-width: 0; }
#form-column input { font-size: 11px; line-height: 13px; margin: 0; padding: 0; height: 13px; }
#logos { padding: 0 14px 0 26px; }
#bbb-logo { height: 68px; width: 42px; margin:20px auto 0 auto; }
.btm{color:#000000; font-size:11px; font-family:Arial; text-align:center; line-height:15px; padding:10px 0px 0px 0px;}
p.error { color: #d82916; font-weight: bold; line-height: 14px; }
tr.comments { display: none; }
div.comments { display: none; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */