@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 #7374ac; font-family: Arial, Tahoma, verdana; }
.contact-info h5 { margin:0px; padding:10px 0; font-size:17px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper { margin: 0px auto; width: 1040px; float: none; padding:0 15px; background:#fff; overflow:hidden;}
#maindiv { width: 100%; float: left; padding:0; }
/*=========================Header Section Classes====================================*/

#header { width: 100%; float: left; padding: 10px 0px 10px 0px; text-align:center;}
.logo { width: 35%; float: left; padding: 10px 0px 0px 0px; }
.header_right { float:right; width:42%;}
.header_right ul { margin:0px; padding:0px;}
.header_right li { list-style:none; float:left; width:45%; margin:0 15px 0 0;}
.header_right li:last-child { float:right; margin:0px;}

.social { width: 230px; float: right; padding: 0px 0px 0px 0px; }
.phone { width: 250px; float: right; padding: 10px 10px 10px 0px; color: #6d6f72; font-size: 20px; text-align: right; }
.phone span { color: #1c307e; font-size: 26px; font-weight: bold; }
.phone p { color: #6d6f72; font-size: 14px; }
.address { width: 150px; float: left; font: 16px Arial, Verdana, Tahoma; line-height: 16px; color: #0b448f; margin: 0px; padding: 0px 0px 5px 0px; }

.strip { width: 100%; float: left; padding: 0px 0px 10px 0px; }
.strip img { width:100%;}

.banner { width:80%; float: right; font-size: 12px; color: #006bb9; line-height: 18px; padding: 0px 0px 0px 0px; }
.bx-viewport .bxslider { float: left; width: 100%; padding: 0px; margin: 0px; }
.maincontentRow { width: 100%; float: left; padding: 0px 0px 5px 0px; }
/*=========================Content Section Classes====================================*/
.mainContent { width:  100%; float: left; padding: 15px 0px 0px 0px; }
.contentLeft { width: 16%; background: #f1f0f7; float: left; margin: 0px 0 20px 0px; text-align:center; border-radius: 8px; padding:10px 0 10px 0; min-height:1000px;}
.contentLeft ul { margin:0px; padding:0px;}
.contentLeft li { list-style:none; display:inline-block;}
.contentLeft img { width:  100%;}


.contentRow { width: 82%; float: right; padding: 0px 0px 20px 0px; }
.mainContentLeft { width: 55%; float: left; padding: 0px 10px 0px 0px; }
.row { width: 100%; float: left; padding: 0px 0px 0px 0px; }
.rowcol { width:  100%; float: left; padding: 0px 0px 0px 0px; }

.mainContentRight { width: 40%; float: right; text-align:center; }
.picblock { width:100%; float: left; padding: 0px 0px 15px 0px; }
.picblock img { width:100%;}
.picblockbg { background: url('../images/contact_van_170.jpg') no-repeat right; }
.picsplit { width: 180px; float: left; padding: 0px 0px 0px 2px; }

.contact-form, .formrow, .label, .field { float: left; text-align: left; width: 100%; margin:2px 0;}
.field input { float: left; width: 95%; line-height:25px;}
.field textarea {  float: left; width: 95%;}


.contact-info { width: 100%; float: left; padding: 5px 0px 5px 0px; clear: both; line-height: 21px; font-size: 13pt; text-align:left;}
.contact-info h2 { color: #464749 !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: #1c307e !important; font-weight: bold!important; }
.contact-info p { color: #464749!important; font-weight: normal; font-size: 14pt !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: 100%;  float: left; border-top: 6px solid #00438c; font-size: 12px; color: #000; padding: 5px 0px 10px 0px;  }
.copyright { width: 30%; 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; }
.f_contact { width: 60%; 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: #1c307e; margin: 0px; padding: 5px 0px 5px 0px; line-height: 1.3em; }
.mainContent h3 { font-size: 15px; font-weight: normal; color: #1c307e; margin: 0px; padding: 5px 0px 5px 0px; line-height: 1.3em; }
.mainContent h1 span { color: #ed2625; }
.mainContent h2 { font-size: 16px; font-weight: normal; color: #1c307e; margin: 0px; padding: 10px 0px 5px 0px; line-height: 1.3em; }
.mainContent h2 a { color: #1c307e; text-decoration: underline; }
.mainContent p { font-size: 14px; color: #464749; line-height: 1.3em; margin: 0px; padding: 5px 0px 5px 0px; }
.mainContent p span { color: #1c307e; }
.mainContent p a { color: #1c307e; font-weight: normal; text-decoration: none; }
.mainContent p.small { font-size: 12px; color: #464749; 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: #1c307e; 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: #464749; 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: #464749; line-height: 1.3em; }

.half { width: 195px; float: left; }
ul.half { margin: 0px; padding: 10px 0px; }
.half 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: #464749; 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: #1c307e; margin: 0px; padding: 2px 0px 1px 0px; line-height: 1.3em; }
.testi h3 { font-size: 13px; font-weight: bold; color: #464749; 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: 100%; float: left; padding: 15px 0px 0px 0px; text-align:center;}
.boxPan ul { margin:0px; padding:0px;}
.boxPan li { list-style:none; width:24%; float:left; margin:0 12px 0 0;}
.boxPan li:last-child { float:right; margin:0px;}
.boxPan li img { width:100%;}

.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; }

.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; }


.leftnav nav .menu_expand{text-decoration:none;display:none;padding:15px 0 15px 20px;color:#333;font-size:15px;text-transform:uppercase}
.leftnav nav .menu_expand span{float:right;height:17px;width:30px;display:block;background:url(../images/icon_plus.png) no-repeat;padding:0}
.leftnav nav .menu_expand.active span{background:url(../images/icon_minus.png) no-repeat}
.leftnav nav ul.nav-main{margin:0;padding:0}
.leftnav nav ul li ul {display: none;}

@media only screen and ( max-width:1070px) {
#wrapper { width:94%; margin:0 2%; padding:0 10px;}
.logo,.header_right { float:none; display:inline-block; width:auto;}
.boxPan li { margin:0 8px 0 0;}
.leftnav { float:none; display:inline-block; width:100%;}
.banner {float:none; display:inline-block; width:100%;}
.leftnav ul li a:hover, .leftnav ul li a.on { width:auto; padding:6px 38px;}
.leftnav ul li a { width:auto;padding:6px 38px; }
.leftnav li { width:auto;margin:0 3px 5px 3px;}
}

@media only screen and ( max-width:768px) {
#wrapper { width:96%; margin:00 2%; padding:0px; float:none; display:inline-block;}
#maindiv { float:none; display:inline-block; width:auto; padding:0 10px;}
.leftnav nav .menu_expand {display:block;color:#fff;padding:12px; background:#274090 ; text-align:left;}
.leftnav nav ul.nav-main {display:none}
.leftnav nav ul.nav-main li { list-style:none; padding:0px; text-align:left; float:left; width:100%; overflow: hidden; border-radius:0px; margin:0px;} 
.leftnav nav ul.nav-main li a { background:#274090; text-decoration:none; color:#fff;padding: 10px; float: left; width: 100%; border-bottom:1px solid #e0e0e0;}
.leftnav nav ul.nav-main li a.on {background:#10236c;border-radius:0px;}
.leftnav nav ul.nav-main li a:hover { background:#10236c; color:#fff;width: 100%;border-radius:0px; }

.leftnav,.banner,.contentLeft,.contentRow,#footer,.mainContentLeft,.mainContentRight,.copyright,.f_contact { float:none; display:inline-block; width:100%;min-height: auto;}
.f_contact { text-align:left;}
.picblock img { width:auto;}
.boxPan li,.boxPan li:last-child { float:none; display:inline-block; width:40%; margin:0px; padding:0px;}
.contact-info  { text-align:center;}

.picblock iframe,.picblock object {
    display: inline-block;
    float: none;
    width: 55%;
}
}

@media only screen and ( max-width:420px) {
.logo img,.header_right li img,.picblock img { width:100%;}
.header_right li,.header_right li:last-child { float:none; display:inline-block; width:auto; text-align: center;}
}