@import url('topNav.css');
@import url('leftNav.css');
html {overflow-y:scroll; min-height:100%;}
body {margin:0px; padding:0px;  font-family:Arial, Tahoma, verdana; background:#232160 url(../images/page-bk.jpg);
 -webkit-background-size: cover;
     -moz-background-size: cover;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
    } 
* { box-sizing:border-box;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
.wrapper { margin:10px auto 0; width: 1000px; padding:0 20px; background:#fff; overflow:hidden; border-radius:60px 20px 0 0; /*box-shadow:0px 10px 8px 0px #404040;*/}

/*=========================Header Section Classes====================================*/
.header{width:100%; float:left; padding:10px 0px;}
.logo { float: left; width:36%; margin-top:15px;}
.header-mid { float:left; width:23%;}
.header-right { float:right; width:36%; margin-top:15px;}
.phone { float:left; width:60%;}
.phone h2 { color:#58595b; margin:0px; padding:0px;  font-weight: normal; font-size:19px;}
.phone h2 span { color:#232160; font-weight:bold; width:50px; float:left;}
.phone h2 a { text-decoration:none;color:#58595b;}

.top-text { width:40%; float:right; }
.top-text p {margin:0px; padding:0px; color:#58595b; font-size:14px; line-height:19px;}

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

.box-pan { width:  100%; float: left; padding: 0px; margin:15px 0 0; text-align:center;}
.box-pan ul { margin:0px; padding:0px;}
.box-pan li { list-style:none; display:inline-block; margin:0 10px 0 0;}
.box-pan li:last-child { float:right; margin:0px;}

/*=========================Content Section Classes====================================*/
.content{width:100%; float:left; background:url(../images/contentbg.jpg) repeat-y 25px 20px; padding:0px; margin:20px 0px;}
.contentLeft { width: 16%; float: left; padding:0px; text-align:center;}
.contentLeft ul { margin:0px; padding:0px;}
.contentLeft li { list-style:none;}

.contentRight{width:82%; float: right; padding:0px;}

.mainContent{width:100%; float:left; background:url(../images/rightcontent-bg.jpg) no-repeat top left;	padding:0px 0px 0px 15px;}
.maincontentRow{width:100%; float:left; padding:0px;}
.contentRow{width:100%; float:left;}
.mainContentLeft{width:60%; float:left; padding:0px 18px 0px 0px;}
.row{width:100%; float:left; padding:0px 0px 0px 0px;}
.rowcol{width:100%; float:left; padding:0px 0px 0px 0px;}
.mainContentRight{width:38%; float: right; padding:0px 0px 0px 0px;}

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

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

.contact-info{width:100%; float:left; padding:5px 0px 5px 0px; clear:both; color:#555555!important; line-height:26px; font-size:16pt;}
.contact-info h2{color:#2B522C; font-weight:bold; font-size:22pt !important; padding:0px 0px 10px 0px !important; margin:0px;	line-height:1.3em;}
.contact-info h2 span{color:#555;}

/*=========================Footer Section Classes====================================*/
.footer{width:100%;float:left; border-top:6px solid #505154; font-size:12px; color:#000; padding:10px 0; margin:20px 0px;}
.copyright{width:28%; float:left; font-size:12px; padding:5px 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:70%; float:right; text-align:right; padding: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;}

/*=========================Other Classes====================================*/
.right{text-align:right;}
.input{border:solid 2px #D1D1D1; width:100%;}

.mainContent h1{font-size:22px; font-weight:bold; color:#1f3b7e; margin:0px; padding:0px 0px 5px 0px; line-height:1.3em;}
.mainContent h1 span{color:#81bd26;}
.mainContent h2{font-size:15px; font-weight:normal;	color:#1f3b7e; margin:0px; padding:10px 0px 5px 0px; line-height:1.3em;}
.mainContent h2 a{color:#81bd26; 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:#1f3b7e;}
.mainContent p a{color:#1f3b7e; 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 7px ; margin:0px; padding:0px 0px 3px 15px; font-size:15px; font-weight:normal; color:#464749; 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:#1f3b7e; line-height:1.3em;}

.services2 li{list-style:none; background:url('../images/bullet2.jpg') no-repeat 0px 8px ; margin:0px; padding:0px 0px 3px 10px; font-size:13px; font-weight:normal; color:#f07f09; line-height:1.3em;}

.testi{width:570px; float:left; padding:0px 10px 10px 0px;}
.testi h2{font-size:15px; font-weight:bold; color:#81bd26; margin:0px; padding:2px 0px 1px 0px; line-height:1.3em;}
.testi h3{font-size:13px; font-weight:bold; color:#555; 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; padding-top:15px; }
.faq-row{width:580px;  float:left; padding-bottom:10px;}
.faq_right{width:170px; float:right; padding-top:15px;}
.boiler-img{width:170px; padding-bottom:10px; float:left;}

.orange{color:#f07f09!important;}
.orange a{color:#f07f09!important;}

.blue{color:#2c9adc!important;}
.blue a{color:#2c9adc!important;}
.footerLogo{background:#f4f5f5; padding: 19px 0 19px 10px; width: 976px; margin:0px auto;}
.footerLogo img{margin-right:5px;}
.footBtm{padding:5px 0 6px 15px; width: 971px; margin:0px auto; color:#fff; font-size:9px; line-height:10px;}

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


@media only screen and ( max-width:1150px) {
#topNav { display: none;}
.wrapper { width:90%; margin:0 3%;}
.header { margin-top:50px;text-align:center;}
.logo,.header-mid,.header-right,.phone,.top-text { float:none; display:inline-block; width:auto; vertical-align: middle; margin:0px; padding:0px;}
.box-pan li,.box-pan li:last-child { float:none; display:inline-block; margin:0 0 15px;}
}


@media only screen and ( max-width:767px) {
.mainContent,.content { background:none;}

.leftnav,.banner,.contentLeft,.contentRight,.mainContentLeft,.mainContentRight,.copyright,.f_contact {float:none; display:inline-block; width:100%;}
.f_contact,.contact-info,.copyright h1 { text-align: center;}
.contentLeft li { float:none; display:inline-block; vertical-align:top;}
.footer p { margin-top:5px; text-align:center;} 
}

@media only screen and ( max-width:620px) {
}


@media only screen and ( max-width:520px) {
.logo img { width:100%;}
}

@media only screen and ( max-width:420px) {

}