@import url('topNav.css');
@import url('leftNav.css');
html {
	overflow-y:	scroll;
	min-height:	100%;
}
body {
	width:100%;
	margin:0px auto;
	padding:0px 0;
	background: url('../images/page-bk.jpg') repeat-x scroll top #fff;
	font-family:Arial, Tahoma, verdana;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
* { margin:0px; padding:0px;}
* { box-sizing:border-box;}

.clear {
   clear: both;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper{
	margin:0px auto;
	width:928px; 
	max-width:100%;
	 padding:0px;  
}
/*=========================Header Section Classes====================================*/
#headerTop{width:1030px; height:35px; float:left; background: url(../images/headerTop.jpg) no-repeat top left;  padding:0px 0px 0px 0px;}

#header{width:940px; float:left; padding:0px 0px 0px 0px;}
.logo{width:404px; float:left; padding:0px;}
.topImg{width:303px; float:left; padding:0px;}
.headerRight{width:218px; float:right; padding:0px;}
.social{width:230px; float:right; padding:0px 0px 0px 0px;}
.phone{width:310px;	float:right; padding:10px 20px 10px 0px; color:#6d6f72; font-size:20px; text-align:right; }
.phone span{color:#1c307e; font-size:20px; font-weight:bold;}
.phone p{color:#6d6f72; font-size:12px;}
.address{width:150px; float:left; font:14px Arial, Verdana, Tahoma; line-height:16px; color:#0b448f; margin:0px; padding:35px 0px 5px 0px;}
.banner{ width:940px; float:left; padding:0px 0px 0px 0px; margin-top:0px;}

/*=========================Content Section Classes====================================*/
.mainContent{
	width:940px; 
	float:left; 
	padding:20px 0px 0px 0px;
}
.contentLeft{
	width:187px; 
	float:left; 
	padding:0px 10px 20px 0px;
}
.contentLeftImg{
	width:187px; 
	float:left; text-align:center; 
	padding:0px 0px 10px 0px;
}
.fullrow{ width:73.8%; float:right; border-radius:10px; background:#e6e7e8; padding:10px 20px 0px 20px; margin:0px 0px 20px 0px;}
.halfrow{ width:78%; float:right; margin:0px 0px 20px 0px;}

.contentRow{
	width:656px; 
	float:left; padding:0px 0px 20px 0px;
}

.mainContentLeft{
	width:395px; border-radius:10px; background:#e6e7e8;
	float:left; 
	padding:10px 0px 20px 8px;
}
.row{
	width:100%; 
	float:left; 
	padding:0px 0px 0px 0px;
}
.rowcol{
	width:190px; 
	float:left; 
	padding:0px 0px 0px 0px;
}
.mainContentRight{
	width:326px;
	float:right;
}
.picblock{
	width:326px; 
	float:left; 
	padding:0px 0px 15px 0px;
}
.picblockbg{background:url('../images/contact_van_170.jpg') no-repeat right;}
.picsplit{
	width:180px; 
	float:left;
	padding:0px 0px 0px 2px;
}

.contact-form{
	width:500px; 
	float:left;
}
.formrow{
	width:500px; 
	float:left; 
	padding:5px 0px 5px 0px;
}
.formrow a{color:#E74E20; text-decoration:none; font-size:12px;}
.label{
	width:500px; 
	float:left; 
	font-size:12px; 
	padding:0px 0px 2px 0px;
}
.field{
	width:500px; 
	float:left;
}

.contact-info{
	width:300px; 
	float:right; 
	padding:5px 0px 5px 0px; 
	clear:both; 
	line-height:21px; 
	font-size:13pt;
}

.contact-info h2{
	color:#aa0621  !important; 
	font-weight:normal!important; 
	font-size:20pt !important; 
	padding:0px 0px 10px 0px !important; 
	margin:0px;
	line-height:1.3em;
}
.contact-info h2 span{color:#004a9e  !important; 	font-weight:bold!important; }
.contact-info p{
	color:#58595b!important; 
	font-weight:normal; 
	font-size:16pt !important; 
	padding:0px 0px 10px 0px !important; 
	margin:0px;
	line-height:1.3em;
}
.testi_txt{color:#182f8b; font-style:italic;}

/*=========================Footer Section Classes====================================*/
#footer{width:940px; float:left; border-top:7px solid #004a9e; font-size:12px; color:#000; padding:5px 0px 10px 0px;}
.copyright{width:260px; float:left; font-size:12px; padding:0px 20px 0px 0px;}
.copyright h1{font: 16px Arial, tahoma, verdana!important; color:#6d6f72!important; border-bottom:1px solid #6d6f72; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.footerLogo{ width:240px; float:left;}
.f_contact{width:420px; float:right; text-align:right; padding:5px 0px 5px 0px;}
.f_contact a{color:#fff !important; text-decoration:none;}
#footer p {font:11px  Arial, Helvetica, sans-serif; color:#6d6f72; line-height:14px; margin:0px; padding:0px 0px 0px 0px;}
#footer p a{color:#6d6f72 !important; text-decoration:none;}
#footerbg{width:100%; height:200px; float:left; background:#e2e3e4;}


a.bluetxt{color:#0094d5 !important;}
.bluetxt{color:#0094d5!important;}

a.greentxt{color:#699a43 !important;}
.greentxt{color:#699a43!important;}

a.orangetxt{color:#f47649 !important;}
.orangetxt{color:#f47649!important;}


a.red{color:#db4438 !important;}
.red{color:#db4438!important;}
.redtxt{color:#db4438!important; font-size:18px; font-style:italic;}
/*=========================Other Classes====================================*/
.right{text-align:right;}
.input{border:solid 2px #D1D1D1;}

.mainContent h1{
	font-size:24px; 
	font-weight:bold;
	color:#464749; 
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height:1.3em;
}
.mainContent h1 span{color:#aa0621;}
.mainContent h1 b{color:#004a9e; font-weight:bold;}
.mainContent h2{
	font-size:16px; 
	font-weight:normal;
	color:#004a9e; 
	margin:0px; 
	padding:10px 0px 5px 0px;
	line-height:1.3em;
}
.mainContent h2 a{
	color:#464749;
	text-decoration:underline;
}
.mainContent h3{
	font-size:18px; 
	font-weight:bold;
	color:#aa0621; 
	margin:0px;
	padding:15px 0px 0px 0px;
	line-height:1em;
}
.mainContent p{
	font-size:14px; 
	color:#555555;
	line-height:1.3em; 
	margin:0px; 
	padding:5px 0px 15px 0px;
}
.mainContent p span{color:#000;}
.mainContent p a{
	color:#aa0621; 
	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 6px ; margin:0px; padding:0px 0px 3px 15px; font-size:15px; font-weight:normal; color:#004a9e; line-height:1.3em;}
.services1 li{list-style:none; background:url('../images/bullet1.jpg') no-repeat 0px 7px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#000; 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;}

.half{ width:320px; float:left;}
ul.half{margin:0px; padding:10px 0px;}
.half li{list-style:none; margin:0px; padding:0px 0px 3px 0px; font-size:15px; font-weight:normal; color:#004a9e; line-height:1.3em;}

.half1{ width:95px; float:left; font-size:11px; color:#d2232a; line-height:1.3em;	margin:0px; padding:5px 0px 5px 0px;}
.testi{width:380px; float:left; padding:7px 0px 7px 0px;}
.testi h2{font-size:15px; font-weight:bold; color:#464749; margin:0px; padding:2px 0px 1px 0px; line-height:1.3em;}
.testi h3{font-size:13px; font-weight:bold; color:#555555; 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:570px;  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;}

.boxPan{width:953px;  float:left; padding:15px 0px 0px 18px;}
.box1{width:230px; float:left;}
.boxImg{width:230px; float:left;}
.boxBlue{width:230px; float:left; background:#1c307e;}
.boxSkyblue{width:230px; float:left; background:#6aa8dc;}
.boxRed{width:230px; float:left; background:#c0081f;}
.boxGray{width:230px; float:left; background:#818386;}
.boxPan ul{margin:0px; padding:10px 15px;}
.boxPan li{list-style:none; background:url('../images/bullet.png') no-repeat 0px 7px ; margin:0px; padding:0px 0px 3px 12px; font-size:15px; font-weight:normal; color:#fff; line-height:1.3em;}
.mar1{ margin-right:10px;}
.boxGrayTxt{ width:170px; float:left; font-size:13px; color:#fff; line-height:1.3em; margin:0px; padding:10px 10px 10px 10px;}
.boxGrayYoutube{width:32px; float:left; padding-top:30px;}



ul.bjqs{position:relative;list-style:none;padding:0;margin:0;overflow:hidden;display:none}
li.bjqs-slide{position:absolute;display:none}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;display:none}
ul.bjqs-controls.v-centered li a{position:absolute}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0}
ol.bjqs-markers{list-style:none;padding:0;margin:0;width:100%;display:none}
ol.bjqs-markers.h-centered{text-align:center}
ol.bjqs-markers li{display:inline}
ol.bjqs-markers li a{display:inline-block}
#container{max-width:620px;margin:0 auto;padding-bottom:80px}
#banner-fade,#banner-slide{margin-bottom:0}
ul.bjqs-controls.v-centered li a{display:block;padding:10px;background:#fff;color:#000;text-decoration:none}
ul.bjqs-controls.v-centered li a:hover{background:#000;color:#fff}
ol.bjqs-markers li a{padding:5px 10px;background:#000;color:#fff;margin:5px;text-decoration:none}
ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover{background:#999}
.menu_expand{text-decoration:none;display:none;padding:15px 0 15px 20px;color:#333;font-size:15px;text-transform:uppercase}
.menu_expand span{float:right;height:17px;width:17px;display:block;background:url(../images/icon_plus.png) no-repeat;padding:0}
.menu_expand.active span{background:url(../images/icon_minus.png) no-repeat}
ul.nav-main{margin:0;padding:0}

#dl-menu{ display:none;}


@media only screen and (max-width:980px) {
	
#wrapper{ width:96%;}	
#header,.banner,mainContent,.mainContent,#footer{ width:100%;}	
.halfrow{ width:75%;}
.mainContentLeft{ width:42%;}
.logo{ width:46%;}
.topImg{ width:30%;}
.headerRight{ width:23%;}
.copyright { padding: 0 10px; width: 22%;}
.footerLogo{ width:30%;}
.f_contact { padding: 5px 1% 5px 0; width: 43%;}
#topNav li a{ padding: 15px 14.8%;}
#topNav li a:hover, #topNav li a.active{ padding: 15px 14.8%;}
#topNav{ width:785px; margin:0px auto; float:none;}
.contentLeft {
    float: left;
    padding: 0 10px 20px 0;
    width: 20%;
}
.contentLeftImg,.picblock{ width: 100%;}
.thumbs3,.contentRow{ width: 100%;}
.contentLeft img {
    float: left;
    width: 100%;
}
.halfrow {
    width: 79%;
}
.mainContentLeft {
    width: 54%;
}



.mainContentRight {
    float: right;
    width: 44%;
}
.mainContentRight img {
    float: right;
    width: 100%;
}


	}
	
@media only screen and (max-width:769px) {	
.halfrow { width: 55%;}
.mainContentLeft{ width:95%; padding-left:3%;}
.mainContentRight { width:100%; padding-right:5%; padding-top:15px;}
.mainContentRight img { max-width:320px; width:100%;}
.picblock{ max-width:320px; width:100%;}
.contentLeftImg{ width:100%;}
.contentLeft {float: left;  padding: 0 2% 20px 0;width: 26%;}
.contentLeft{ width:26%;}
.halfrow{ width:74%;}
#topNav li{ font-size:15px; }

.contentLeft { width: 100%;}
.halfrow{width:100%;}
.mainContentRight{padding-right: 0%;}
.mainContentLeft{ width:90%; margin-left:5%; margin-right:5%;}
.copyright{padding:1%; width:98%; text-align:center;}
.footerLogo{ padding:1%; width:98%; text-align:center;}
.f_contact{ padding:1%; width:98%; text-align:center;}
.contentLeftImg { width:49%; padding:2%;}	
.picblock {float: none;margin-left: auto;margin-right:auto;max-width: 320px;padding: 3%; width: 99%;}
.logo{ max-width:218px; width:100%;float: none;margin-left: auto;margin-right:auto;}	
.topImg{ max-width:218px; width:100%;float: none;margin-left: auto;margin-right:auto;}
.headerRight{ max-width:218px; width:100%;float: none;margin-left: auto;margin-right:auto;}
.fullrow {margin-left: 5%;margin-right: 5%; width: 90%;}
.contact-form,.formrow,.field{ width:100%;}
.contact-form .input{ width:90%;}
.contentRow,#container,#gallery,div.slideshow a.advance-link{ width:100%;}
div.slideshow a.advance-link {   width: 58% !important;}
#topNav{ display:none;}
#dl-menu{ display: block;}
.banner{ width:90%; margin-left:5%; margin-right:5%;}	
.mainContent{ width:96%; margin-left:3%; margin-right:3%;}	
.label{ width:100%}
.contact-info{ width:90%;}

}

 @media (min-width: 580px) and (max-width: 769px) {
#header{ width:90%; margin:0px auto; float:none;}	 
.logo{ width:46%; float:left; max-width:none;}	
.topImg { width:25%; float:left;max-width:none;}
.headerRight { width:25%; float:right;max-width:none;}
ul.thumbs li.selected a.thumb,ul.thumbs li.selected a.thumb{ background:none;}
.contentLeftImg {  padding: 2%;  width: 33%;}
.picblock {
    float: left;
    height: 215px;
    margin-left: auto;
    margin-right: auto;
    max-width: 48%;
    padding: 3%;
    width: 99%;
}

.mainContentLeft {
    margin-left:0%;
    margin-right: 0%;
    width: 99%;
}
	 
	 
	 
 }