@charset "utf-8";
/* CSS Document */

img{max-width:100%;}

.top-bg{background:url(../images/top-bg.jpg) left top repeat-x #fff;}

.logo{float:left; margin-top:10px; margin-bottom:10px;}

.call{width:25%; float:right; border-left:2px solid #e2e2e2; padding:0px 0px 0px 30px; margin-top:18px;}

.call span{margin:0px; padding:0px;}

.call h1{margin:0px; padding:0px; color:#002f77;}

.social{width:42.5%; float:right; margin-top:32px;}

.social li{list-style:none; float:left; margin:0px 5px;}

.social h3{margin:0px; padding:0px; color:#002f77; font-size:20px;}

.social h3 span{margin:0px; padding:0px; color:#da0000;}

.social-icon{float:left; margin-right:15px;}

.licensed{float:right;}

.menu-bg{background:url(../images/menu-bg.jpg) left top repeat-x; height:59px;}

.left-panel{width:72%; float:left;}

.left-panel h1{margin:0px; padding:0px;}

.service-area{background:#e8e6e7; color:#000; padding:15px; overflow:hidden;}

.service-area h3{margin:0px 0 0px; padding:0px;}

.service-area ul{margin:0px; padding:0px; float:left; width:33%;}

.service-area li{list-style:none; margin:5px 0px 0px;}

.service-area a{color:#000; text-decoration:none; font-size:14px;}

.service-area a:hover{color:#002f77; text-decoration:none;}

.right-panel{width:25%; float:right; margin-top:25px;}

.request-quote{background:#e3e1e2; padding:15px;}

.request-quote h3{background:#002f77; color:#fff; margin-left:-15px; margin-right:-15px; margin-top:-15px; padding:10px 15px;}

.request-quote li{list-style:none; margin:10px 0px 0px;}

.request-quote input[type=text]{background:#fff; border-radius:0.3em; border:1px solid #d6d2d4; color:#333; margin:0px; padding:8px 10px; width:100%;}

.request-quote input[type=button]{background:#da0000; border-radius:0.3em; border:1px solid #c20202; color:#fff; margin:0px; padding:8px 10px;}

.request-quote input[type=button]:hover{background:#002f77; color:#fff; border:1px solid #022a68;}

.request-quote textarea{background:#fff; border-radius:0.3em; border:1px solid #d6d2d4; color:#333; margin:0px; padding:8px 10px; width:100%; height:150px;}

.facebook-fan{margin:0px; padding:10px; background:#e3e1e2; margin-top:30px;}

.footer-bg{background:#333232; color:#fff; overflow:hidden; padding:20px 0px; margin-top:30px;}

.footer-bg a{text-decoration:none; color:#fff; font-size:14px;}

.footer-bg a:hover{text-decoration:none; color:#f5bd1d;}

.footer-left{width:80%; float:left; line-height:24px;}

.we-accept{width:20%; float:right; margin-top:10px;}

.shadow{background:url(../images/left-shadow.png) left top no-repeat, url(../images/right-shadow.png) right top no-repeat; margin-top:-20px; z-index:99999999999;}

.shadow-inner{background:#002f77; width:98.5%; margin:0px auto; padding:0px 0px 30px; overflow:hidden; color:#fff; border:6px solid rgba(255,255,255,0.9);}

.residential{width:23%; float:left; margin-left:15px; margin-top:15px;}

.residential h4{margin:10px 0px 5px; padding:0px; color:#fff; font-size:20px;}

.residential h4 a{margin:0px; padding:0px; color:#fff; text-decoration:none; font-size:20px;}

.residential h4 a:hover{color:#f1b612; text-decoration:none;}

.commercial{width:23%; float:left; margin-left:20px; margin-top:15px;}

.commercial h4{margin:10px 0px 5px; padding:0px; color:#fff; font-size:20px;}

.commercial h4 a{margin:0px; padding:0px; color:#fff; text-decoration:none; font-size:20px;}

.commercial h4 a:hover{color:#f1b612; text-decoration:none;}

.automotive{width:23%; float:left; margin-left:20px; margin-top:15px;}

.automotive h4{margin:10px 0px 5px; padding:0px; color:#fff; font-size:20px;}

.automotive h4 a{margin:0px; padding:0px; color:#fff; text-decoration:none; font-size:20px;}

.automotive h4 a:hover{color:#f1b612; text-decoration:none;}

.installation{width:23%; float:right; margin-right:15px; margin-top:15px;}

.installation h4{margin:10px 0px 5px; padding:0px; color:#fff; font-size:20px;}

.installation h4 a{margin:0px; padding:0px; color:#fff; text-decoration:none; font-size:20px;}

.installation h4 a:hover{color:#f1b612; text-decoration:none;}

.banner-bg{background:#e8e8e8; overflow:hidden; padding:-1px 0px 0px; z-index:-1;}

.gallery1{width:23.5%; float:left; margin-right:15px; margin-bottom:15px;}

.modal-dialog {max-width:600px; width:100%;}

.thumbnail {margin-bottom:6px;}

.left-sec{width:50%; float:left; margin-left:15px; margin-top:15px;}

.left-sec h2{margin:0px; padding:0px;}

.right-sec{width:42%; float:right; margin-left:15px; margin-top:15px;}

.right-sec h2{margin:0px; padding:0px;}

.read-more{margin:20px 0 0; padding:0px;}

.read-more a{background:#f1b612; border-radius:0.3em; color:#000; margin:0px; padding:8px 10px; text-decoration:none;}

.read-more a:hover{background:#fac01f; color:#000; text-decoration:none;}

.iframe-video{width:100%; height:400px; margin:30px auto;}

/************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen and (max-width: 1100px) {

img{max-width:100%;}

}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

img{max-width:100%;}

.logo{float:left; margin-top:10px; margin-bottom:10px; width:70%;}

.call{display:none;}

.menu-bg{background:none; height:0px;}

.social{width:38%; float:right; margin-top:32px; display:none;}

.shadow-inner{background:#fff; width:98.5%; margin:0px auto; padding:0px 0px 0px; overflow:hidden;}

.residential{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.residential h4 a{color:#000;}

.commercial{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.commercial h4 a{color:#000;}

.installation{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.installation h4 a{color:#000;}

.automotive{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.automotive h4 a{color:#000;}

.left-panel{width:100%; float:none;}

.right-panel{width:100%; float:none; margin-top:25px;}

.footer-left{width:100%; float:none; line-height:24px;}

.we-accept{width:100%; float:none; margin-top:10px;}

.gallery1{width:100%; float:none; margin-right:0px; margin-bottom:15px;}

.left-sec{width:96%; float:none; margin-left:auto; margin-right:auto; margin-top:7px;}

.right-sec{width:100%; float:none; margin-left:0px; margin-top:15px;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

img{max-width:100%;}

.logo{float:left; margin-top:10px; margin-bottom:10px; width:70%;}

.call{display:none;}

.menu-bg{background:none; height:0px;}

.social{width:38%; float:right; margin-top:32px; display:none;}

.shadow-inner{background:#fff; width:98.5%; margin:0px auto; padding:0px 0px 0px; overflow:hidden;}

.residential{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.residential h4 a{color:#000;}

.commercial{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.commercial h4 a{color:#000;}

.installation{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.installation h4 a{color:#000;}

.automotive{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.automotive h4 a{color:#000;}

.left-panel{width:100%; float:none;}

.right-panel{width:100%; float:none; margin-top:25px;}

.footer-left{width:100%; float:none; line-height:24px;}

.we-accept{width:100%; float:none; margin-top:10px;}

.gallery1{width:100%; float:none; margin-right:0px; margin-bottom:15px;}

.left-sec{width:96%; float:none; margin-left:auto; margin-right:auto; margin-top:7px;}

.right-sec{width:100%; float:none; margin-left:0px; margin-top:15px;}

.iframe-video{height:auto;}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

img{max-width:100%;}

.logo{float:left; margin-top:10px; margin-bottom:10px; width:70%;}

.call{display:none;}

.menu-bg{background:none; height:0px;}

.social{width:38%; float:right; margin-top:32px; display:none;}

.shadow-inner{background:#fff; width:98.5%; margin:0px auto; padding:0px 0px 0px; overflow:hidden;}

.residential{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.residential h4 a{color:#000;}

.commercial{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.commercial h4 a{color:#000;}

.installation{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.installation h4 a{color:#000;}

.automotive{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.automotive h4 a{color:#000;}

.left-panel{width:100%; float:none;}

.right-panel{width:100%; float:none; margin-top:25px;}

.footer-left{width:100%; float:none; line-height:24px;}

.we-accept{width:100%; float:none; margin-top:10px;}

.gallery1{width:100%; float:none; margin-right:0px; margin-bottom:15px;}

.left-sec{width:96%; float:none; margin-left:auto; margin-right:auto; margin-top:7px;}

.right-sec{width:100%; float:none; margin-left:0px; margin-top:15px;}

.iframe-video{height:auto;}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 320px) {

img{max-width:100%;}

.logo{float:left; margin-top:10px; margin-bottom:10px; width:70%;}

.call{display:none;}

.menu-bg{background:none; height:0px;}

.social{width:38%; float:right; margin-top:32px; display:none;}

.shadow-inner{background:#fff; width:98.5%; margin:0px auto; padding:0px 0px 0px; overflow:hidden;}

.residential{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.residential h4 a{color:#000;}

.commercial{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.commercial h4 a{color:#000;}

.installation{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.installation h4 a{color:#000;}

.automotive{width:91%; float:none; margin-left:auto; margin-right:auto; margin-top:15px; color:#333;}

.automotive h4 a{color:#000;}

.left-panel{width:100%; float:none;}

.right-panel{width:100%; float:none; margin-top:25px;}

.footer-left{width:100%; float:none; line-height:24px;}

.we-accept{width:100%; float:none; margin-top:10px;}

.gallery1{width:100%; float:none; margin-right:0px; margin-bottom:15px;}

.left-sec{width:96%; float:none; margin-left:auto; margin-right:auto; margin-top:7px;}

.right-sec{width:100%; float:none; margin-left:0px; margin-top:15px;}

.iframe-video{height:auto;}

}