body {
padding:0px;
margin:0px;
text-align:center;
background:#FFFFFF;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

form { margin:0px; padding:0px}
a:hover{text-decoration:none;}

img { border:0px;}

.dt { display:table; width:100%; height:100% }

.dr { display:table-row;  height:100%; width:100%}

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

div, input, textarea, body, font, select
	{
		font-family: tahoma; 
		font-size:11px;
		line-height:14px;
		color:#82898C;
		vertical-align:top
	}
	
.maincopy {
		font-family: tahoma; 
		font-size:11px;
		line-height:14px;
		color:#82898C;
		vertical-align:top;
		}

ul{margin:0px; padding:0px; list-style:none; line-height:18px}
ul li { background:url(../images/list_marker.gif) no-repeat left top; background-position:0 5px; padding-left:16px}
ul li a{ color:#82898C;  text-decoration: none}
ul li a:hover{ text-decoration: none}

.main { width:770px; height:782px;   margin:auto}

.header{ height:318px}
.header .left{ width:48px}
.header .center{ width:676px; background:url(../images/head_bg.jpg) no-repeat left top; background-position: 0 21px}
.header .right{ width:42px}

/* This was created for individual pages to have a different main image usingthe ID tag - BlueOrb Design Studio */
#home {
	width:676px;
	background:url(../images/home_main.jpg) no-repeat left top;
	background-position: 0 21px;
}
#about { width:676px; background:url(../images/about_main.jpg) no-repeat left top; background-position: 0 21px; }
#ac { width:676px; background:url(../images/ac_main.jpg) no-repeat left top; background-position: 0 21px; }
#contact { width:676px; background:url(../images/contact_main.jpg) no-repeat left top; background-position: 0 21px; }
#service { width:676px; background:url(../images/service_main.jpg) no-repeat left top; background-position: 0 21px; }
#commercial { width:676px; background:url(../images/commercial_main.jpg) no-repeat left top; background-position: 0 21px; }
#emergency { width:676px; background:url(../images/emergency_main.jpg) no-repeat left top; background-position: 0 21px; }
#emergency { width:676px; background:url(../images/emergency_main.jpg) no-repeat left top; background-position: 0 21px; }
#schedule { width:676px; background:url(../images/schedule_main.jpg) no-repeat left top; background-position: 0 21px; }
#heating { width:676px; background:url(../images/heating_main.jpg) no-repeat left top; background-position: 0 21px; }


.content{ height:386px}
.content .left{ width:48px}
.content .center{ width:676px}
.content .right{ width:42px}

.footer { height:78px}
.footer .left{ width:48px}
.footer .center{ width:676px; background:url(../images/foot_bg.gif) repeat-x; text-align:center; color:#2A4B5D}
.footer .center a{ color:#2A4B5D; text-decoration:none}
.footer .center a:hover{ text-decoration:underline}
.footer .center span{ color:#A11E1E}
.footer .center span a{ text-decoration:underline; font-size:11px; background:none; padding:0}
.footer .center span a:hover{ text-decoration:none}
.footer .right{ width:42px}

a{ color:#06458b; text-decoration:underline}
a:hover{ text-decoration:none} 

strong{ color:#06458b}

span a{ color:#9FA2A5; text-decoration:underline; font-size:10px; background:url(../images/marker.gif) no-repeat left top; padding-left:12px; background-position: 0 6px}
span a:hover{ text-decoration:none}

strong a{ color:#82898C; text-decoration:underline; font-weight:normal}
strong a:hover{ text-decoration:none}

.form input{
	width:170px;
	height:21px;
	color: #82898C;
	padding:0 0 0 7px;
	background-color:#FFFFFF;
}


.form3 input{
	width:180px;
	height:21px;
	color: #82898C;
	font-size:10px;
	padding:2px 0 0 7px;
	background-color:#FFFFFF;
}

.form3 textarea {
	width:180px;
	height:111px;
	color: #82898C;
	overflow: auto;
	font-size:10px;
	padding:2px 0 0 7px;
	background-color:#FFFFFF
}
h3 { font-size: 17px; line-height: 20px; font-weight: bold; font-color: #06458b; }
.subheader { color:#06458b; font-size: 12.5px; font-weight: bold; }
.hr {
	color: #3A6681;
}