﻿

@import url('topNav.css');
@import url('leftNav.css');
html {
	overflow-y:	scroll;
	min-height:	100%;
}
body {
	width:982px;
	margin:0px auto;
	padding:0px 0;
	background:url('../images/page-bk.jpg') repeat-x fixed top #e9e9f5;
	font-family:Arial, Tahoma, verdana;
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper{
	margin:3px auto;
	width:982px;
	float:none;
}
#maindiv{
	width:982px; 
	float:left; 
	background:#FFF; 
	padding:0px 0px 0px 0px;
}

/*=========================Header Section Classes====================================*/
#header{
	width:982px; 
	float:left;
	background: url('../images/cont-top.jpg') no-repeat top left;
}
.logo{
	width:329px; 
	float:left; 
	padding:36px 0px 27px 21px;
}
.car{
	width:222px; 
	float:left;
	padding:12px 0px 0px 33px;
}
.phone{
	width:192px; 
	float:left; 
	font:bold 25px Arial, Verdana, Tahoma;
	color:#0f51aa;
	padding:0px 0px 12px 0px;
}
.phone p{
	font-size:12px; 
	color:#0f51aa;
	margin:0px; 
	font-weight:bold; 
	padding:15px 0px 10px 0px;
	line-height:1.3em;
}
.phone p a{ 
	color:#0f51aa;
	text-decoration:none;
}
.address{
	width:185px; 
	float:left; 
	font-size:12px; 
	color:#0f51aa; 
	line-height:16px; 
	padding:18px 0px 18px 0px;
}

/*=========================Content Section Classes====================================*/
#content{
	width:954px; 
	float:left; 
	background:url('../images/content-bg.jpg') repeat-y 15px 0px; 
	padding:0px 13px 0px 15px;
}
#contentLeft{
	width:163px; 
	float:left; 
	background:url('../images/lefttop.jpg') no-repeat top left #DBF1FD; 
	padding:5px 5px 0px 5px;
}

.leftImg{
	width:163px; 
	float:left; 
	padding:10px 0px 10px 0px;
	text-align:center;
}
.leftlogo{
	width:81px; 
	float:left; 
}
.leftImg_top{
	width:163px; 
	float:left; 
	padding:0px 0px 5px 0px;
	text-align:center;
}
#contentRight{
	width:760px; 
	float:left; 
	padding:0px 0px 0px 16px;
}

.mainContent{
	width:760px; 
	float:left; 
	background:url(../images/rightcontent-bg.jpg) no-repeat top left;
	padding:0px 0px 0px 0px;
}
.contentRow{
	width:760px; 
	float:left;
}

.mainContentLeft{
	width:380px; 
	float:left; 
	padding:0px 10px 0px 0px;
}
.row{
	width:380px; 
	float:left; 
	padding:0px 0px 0px 0px;
}
.rowcol{
	width:190px; 
	float:left; 
	padding:0px 0px 0px 0px;
}
.mainContentRight{
	width:370px;
	float:left;
}
.picblock{
	width:365px; 
	float:left; 
	padding:0px 0px 15px 5px;
}
.picblockbg{background:url('../images/contact_van_170.jpg') no-repeat right;}
.picsplit{
	width:180px; 
	float:left;
	padding:0px 0px 0px 2px;
}

.contact-form{
	width:380px; 
	float:left;
}
.formrow{
	width:380px; 
	float:left; 
	padding:5px 0px 5px 0px;
}
.formrow a{color:#E74E20; text-decoration:none; font-size:12px;}
.label{
	width:380px; 
	float:left; 
	font-size:12px; 
	padding:0px 0px 2px 0px;
}
.field{
	width:376px; 
	float:left;
}

.contact-info{
	width:230px; 
	float:left; 
	padding:5px 0px 5px 0px; 
	clear:both; 
	line-height:21px; 
	font-size:13pt;
}

.contact-info h2{
	color:#2B522C; 
	font-weight:bold; 
	font-size:18pt !important; 
	padding:0px 0px 10px 0px !important; 
	margin:0px;
	line-height:1.3em;
}

/*=========================Footer Section Classes====================================*/
#footer{
	width:954px; 
	float:left;
	background:#FFF;
	margin:10px 0px 0px 0px; 
	padding:10px 0px 10px 0px;
}
.footer-top{width:954px; height:7px; float:left; background:url('../images/footer-top.jpg') no-repeat top left; font-size:1px;}
.footer-bot{width:954px; height:7px; float:left; background:url('../images/footer-bot.jpg') no-repeat top left; font-size:1px;}
.footer-mid{width:954px; float:left; background:#DBF1FD;}
.footer-c2{width:914px; float:left; padding:0px 20px 0px 20px;}

#footer h2{
	font-size:15px; 
	color:#555555; 
	text-align:center; 
	margin:0px; 
	padding:0px 0px 5px 0px;
}
#footer h2 span{
	font-size:26px; 
	font-weight:bold; 
	color:#0f51aa;
	line-height:1.3em;
}
#footer h2 a{
	font-size:13px; 
	font-weight:bold;
	color:#0f51aa;
	text-decoration:none;
}
#footer h3{
	font-size:13px; 
	color:#555555; 
	font-weight:normal;
	text-align:center; 
	margin:0px; 
	padding:0px 0px 5px 0px;
}
#footer h3 span{
	font-size:13px; 
	font-weight:bold;
	color:#182F8A;
	line-height:1.3em;
	padding:0px 5px 0px 0px;
}
#footer p{
	font-size:10px; 
	color:#555555;
	line-height:1.1em; 
	margin:0px; 
	text-align:center;
	padding:2px 0px 2px 0px;
}
#footer p a{
	color:#0f51aa;
	text-decoration:none;
}
#footer p a:hover{
	color:#0f51aa; 
	text-decoration:none;
}
#footer p span{
	color:#182F8A; 
	text-decoration:none;
}

a.blue{color:#1f409b !important;}
.blue{color:#1f409b;}

a.red{color:#db4438 !important;}
.red{color:#db4438;}
/*=========================Other Classes====================================*/
.right{text-align:right;}
.input{border:solid 2px #D1D1D1;}

.mainContent h1{
	font-size:22px; 
	font-weight:bold;
	color:#0f51aa; 
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height:1.3em;
}
.mainContent h1 span{color:#0f51aa;}
.mainContent h2{
	font-size:15px; 
	font-weight:normal;
	color:#0f51aa; 
	margin:0px; 
	padding:10px 0px 5px 0px;
	line-height:1.3em;
}
.mainContent h2 a{
	color:#0f51aa;
	text-decoration:underline;
}
.mainContent p{
	font-size:14px; 
	color:#555555;
	line-height:1.3em; 
	margin:0px; 
	padding:5px 0px 5px 0px;
}
.mainContent p span{color:#0f51aa;}
.mainContent p a{
	color:#0f51aa; 
	font-weight:normal; 
	text-decoration:none;
}
.mainContent p.small{
	font-size:12px; 
	color:#555555;
	line-height:1.4em; 
	margin:0px; 
	padding:5px 0px 5px 0px;
}

ul.w-ul{width:125px; float:left;}
ul.services,
ul.services1,
ul.services2
{margin:0px; padding:10px 0px;}
.services li{list-style:none; background:url('../images/bullet.jpg') no-repeat 0px 8px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#00438c; line-height:1.3em;}
.services1 li{list-style:none; background:url('../images/bullet1.jpg') no-repeat 0px 8px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#00438c; line-height:1.3em;}
.services2 li{list-style:none; background:url('../images/bullet2.jpg') no-repeat 0px 5px ; margin:0px; padding:0px 0px 3px 10px; font-size:12px; font-weight:normal; color:#555555; line-height:1.3em;}

.testi{width:380px; float:left; padding-bottom:10px;}
.testi h2{font-size:15px; font-weight:bold; color:#305D89; margin:0px; padding:2px 0px 1px 0px; line-height:1.3em;}
.testi h3{font-size:13px; font-weight:bold; color:#0f51aa; margin:0px; font-style:italic; padding:1px 0px 1px 0px; line-height:1.3em;}
.testi p {font-size:15px; color:#555; margin:0px; padding:1px 0px 2px 0px; line-height:1.3em;}

.discount-sec{background:url(../images/discount-bk.jpg) no-repeat top left; width:200px; height:201px;padding-left:164px; float:left;}
.discount-sec a{margin-top:172px; font-size:12px; color:#ffffff; display:block; float:left;}
.discount-sec a:hover{color:#5eacdd;}

.internet-dis-sec{background:url(../images/internet-dis-bk.jpg) no-repeat top left; width:300px; height:201px; padding-left:64px; float:left;}
.internet-dis-sec  a{margin-top:171px; font-size:12px; color:#ffffff; display:block; float:left;}
.internet-dis-sec  a:hover{color:#051931;}

.fullswitch-bk{background:url(../images/fullswitch-bk.jpg) no-repeat top left; width:300px; height:201px; padding-left:64px; float:left;}
.fullswitch-bk  a{margin-top:171px; font-size:12px; color:#ffffff; display:block; float:left;}
.fullswitch-bk  a:hover{color:#051931;}

.faq_left{width:580px; float:left;}
.faq-row{width:580px;  float:left;}
.faq-row p span{display:block; padding-top:10px;}
.faq_right{width:170px; float:right;}
.boiler-img{width:170px; padding-bottom:10px; float:left;}

