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

* {
    margin: 0 auto;
    padding: 0;
}


img {
    border: 0 none;
}
a {
    outline: medium none;
}
h1, h2, h3, h4, h5, h6, h7 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h3 {
    margin-bottom: 10px;
}


p {
    margin: 0;
    padding: 0;
}

body{ margin:0px; padding:0px; background:url(../images/bg.jpg) center top no-repeat; font-size:14px;}



.top-sec{ width:980px; margin:auto}


.logo{  position:absolute; margin:25px 0 0 0; z-index:1000}

.call-top{  background:url(../images/top-call.png) no-repeat; width:343px; height:102px; position:absolute; margin:10px 0 0 638px; z-index:1000}

.call-top p{ font-family: 'Roboto', sans-serif; font-size:28px; color:#FFF; margin:45px 0 0 110px}

.banner{ width:980px;}

.top-shadow{ background:url(../images/banner-shadow.png) no-repeat center 145px;}

.nav{ background:url(../images/nav-bg.jpg) repeat-x; height:46px; width:980px;}
.nav li{ display:block; float:left;  font-family: 'Roboto', sans-serif; background:url(../images/nav-stroke.jpg) right 3px no-repeat; height:46px; font-size:13.7px;}

.nav li a {
    text-decoration: none;
    color: #FFF;
    padding: 10px 19px;
    line-height: 46px;
}

.nav li a:hover {
    background: url(../images/hover.jpg) center center no-repeat #1a8bc8;
    background-size: 100%;
}
.nav li:last-child{ background:none; padding-right:0px;}

.wood-box{
    clear: both;

    overflow: auto;
    width: 100%;}

.box-shadow{    background: url("../images/content-shadow.png") repeat-y scroll center top transparent;

    width: 100%;}

.home-services{ font-family: 'Roboto',sans-serif;
    margin-bottom: 20px;
    margin-top: -45px;
    overflow: hidden;
    width: 980px;}


.home-services > li{   background: url("../images/dotted-border.png") no-repeat scroll right top transparent;
    display: block;
    float: left;

    width: 325px;}

.home-services li:last-child{ background:none}

.home-services strong{   color: #1A487F;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 0 30px;
    text-align: center;
    width: 257px;}

.home-services p{    color: #4C4B4B;
    font-size: 13px;
    margin: 10px auto 0;
    width: 257px;}

.home-services b{ margin:10px 0 0 25px; float:left}

.wood{ background:url(../images/wood.png) no-repeat center top; height:113px;}

.home-txt{    float: left;
    width: 550px;  font-family: 'Roboto',sans-serif; margin-left:25px; color:#3e3c3c; position:relative;}




.inn-txt{   color: #3E3C3C;
    float: left;
    font-family: 'Roboto',sans-serif;
    margin-left: 15px;
    margin-top: -10px;
    width: 565px;}

.inn-txt h1{ color:#186c9a; line-height:50px;}

.inn-txt p{ font-size: 13px;
    margin-bottom: 15px; line-height:22px; text-align:justify;}




.home-txt h1{ color:#186c9a; line-height:50px; font-size:21px;}

.home-txt p{ font-size: 13px;
    margin-bottom: 15px; line-height:22px;

    width: 380px;}

.box-1{ width:980px; overflow:hidden; margin-top:-35px;}

.box-home{ width:980px; overflow:hidden; }

.instant-quote{   background: url("../images/quote-bg.png") no-repeat scroll right 65px; transparent;
    float: right;

    width: 400px; font-family: 'Roboto',sans-serif; }

.instant-quote form{ margin:60px 0 0 77px}

.instant-quote input{ background:url(../images/input-bg.png) no-repeat; width:302px; height:40px; margin-bottom:3px; border:none; text-indent:20px; color:#6d6a67}

.instant-quote textarea{ width:302px; height:99px; background:url(../images/comnet.png) no-repeat; border:none; font-family: 'Roboto',sans-serif;; font-size:14px; color:#6d6a67; text-indent:20px; padding-top:10px;}

.inst-top{ position:absolute; margin:0 0 0 31px;}

.instant-quote h3{ color: #3E3C3B;
    font-size: 25px;
   }

.quote-btn{ margin:10px 0 0 80px}




.footer{ width:100%; background:url(../images/bottom-home.png) center top no-repeat; overflow:hidden}
.footer-inner{ width:100%; background:url(../images/bottom-home-inner.png) center top no-repeat; overflow:hidden}

.foot-inn{ width:980px; margin:20px auto 30px auto; font-family: 'Roboto',sans-serif; font-size:11px; color:#828282}
.foot-left{ float:left; margin:20px 0 30px 10px;}
.foot-left p{ margin:0 0 0 20px;}
.foot-nav{ margin:10px 0 0 20px; font-size:9px; float:left}
.foot-nav li{ display:block; float:left; margin-right:5px;}
.foot-nav li a{ color:#828282; text-decoration:none}

.ext{ float:right; margin:20px 30px 0 0}
.ext li{ display:block; float:left; margin-left:10px;}


.pics{ }
.pics li{ display:block; float:left; margin-right:7px; border:solid 4px #e8e3e3; width:126px; height:105px; margin-bottom:7px;}


.address{ margin:20px 0 0 0; padding:0px; }
.address p{ margin-bottom:15px;}

.map{ margin:30px 0 0 0; background:#e8e3e3; padding:5px; width:400px;}

.banner-tag{  background: url("../images/header-tag.png") no-repeat scroll 0 0 transparent;
    height: 46px;
    margin-top: 350px;
    position: absolute;
    width: 355px;
    z-index: 1000; font-family:'Roboto',sans-serif; font-size:18px; line-height:46px; text-indent:20px; color:#126fa1}


.inp-2{ width:120px !important; margin-right:10px; background:url(../images/inp-2-bg.png) no-repeat !important; height:45px !important;}

.serv-list h5{   color: #FFFFFF;
    font-size: 20px;
    line-height: 42px;
    margin-bottom: 10px;
    margin-left: -15px; }

.serv-list{ margin:10px 0 20px 15px;}
.serv-list li{ display:list-item; margin-bottom:5px; list-style-image:url(../images/li-bg.png)}

.serv-list p{ margin-left:-15px;}

.serv-list b{ clear:both;    margin-left: -15px; color:#186c9a}
.serv-list strong{ display:block;    margin-left: -15px;}

.inn-txt table{ margin:0px; padding:0px; line-height:30px; text-indent:10px;}

.head-bg{background:url(../images/head-bg.png) no-repeat left center; width:469px; height:42px; text-indent:15px;}

.post-list{ width: 560px;
display: block;
font-size: 12px;
margin-left: 15px;
margin-top: 1px;
margin-bottom:10px;}
.post-list li{ display:list-item; list-style-position:inside;  line-height: 25px;}

ul.home-services img {
border-radius: 10px;
}


.projects{}
.box-p{float: left;
    width: 100%;}

.l-con{
	float:left;
	width:250px;
	}

.l-con div {
	 border: 4px solid rgb(232, 227, 227);
    float: left;
	}

.l-con div img{ width:100%;
	height:auto;}

a.view-btn {
    background: rgba(0, 0, 0, 0) url("../images/view-btn.png") no-repeat scroll 0 0;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 15px 60px 0;
    text-indent: -1000000px;
    width: 135px;
}

.d-none	{ display:none;}

.border{border-bottom: 1px solid rgb(220, 218, 217);
    float: left;
    margin: 15px 0;
    width: 100%;}


.pro-des{float: right;
    width: 285px;}

.pro-des h2{}
.pro-des p{ width:auto;}


.home-services li > ul {
    box-sizing: border-box;
    padding: 10px 0px;
    width: 225px;
    font-size: 13px;
    color: #525151;
}

.home-txt ol {
    list-style-position: inside;
    line-height: 25px;
}

.home-txt ol li {
    margin-bottom: 25px;
}

video {
    background: #E8E3E3;
    padding: 5px;
    border-radius: 6px;
    width: 99%;
    box-sizing: border-box;
    height: 100%;
}

ul.list {
    list-style-position: inside;
    padding: 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
}

#circle-img {
    position: absolute;
    right: 0;
    border-radius: 199px;
    width: 190px;
    box-shadow: 3px 3px 5px #909090;
    border: 2px solid #FFFAFA;
}