body {
    padding: 0;margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}
h1 {}
h2 {text-transform: uppercase;}
h3 {
    font-size:28px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-weight: normal;
}
ul > li {
    min-height: 25px; 
    line-height:20px;
}
h4 {}
p {line-height: 22px;}
.clr {clear:both;}
.darkbg {background:url(darkbg.jpg) repeat;}
.lightbg {background:url(lightbg.jpg) repeat;}
.halfWidth {width:50% !important;float: left;}
.story {position: relative;min-height: 340px;} 
.story > img {float: left;display: block;margin: 0 20px 20px 0px;}
header {
    width: 100%;
    height: auto;
}
    .headerInner { 
        margin: 0 auto;
        width: 1170px;
        height: 130px;
        padding: 50px 0px 0px 0px;
    }
        .logoBox {float:left;width:450px;}
        .topPhone {float:right;width:450px;position:relative;left:-184px}

section.bigBox {
    position: relative;
    width: 100%;
    height: 650px;
    max-height: 650px;
    min-height: 650px;
    background: url(bigimage1.jpg) no-repeat center top;
}
section.bigBoxInner {
    position: relative;
    width: 100%;
    height: 460px;
    max-height: 460px;
    min-height: 460px;
    background: url(bigimage1.jpg) no-repeat center top;
}
    div.topNav {
        position: absolute;
        width: 1170px;
        left:0;
        right:0;
        margin-left: auto;
        margin-right: auto;
        height: 57px;
        background: url(topmenubg.png) no-repeat center center;
    }
        div.topNav > ul {
            padding: 0;
            margin: 0 auto;
            list-style: none;
            width:600px;
        }
        div.topNav > ul li {
            display: inline-block;
            float: left;
            padding: 0 20px;
            line-height: 58px;
        }
        div.topNav > ul li a {
            color:#fff;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
        }
        div.topNav > ul li a:hover {
            border-bottom: 4px solid #117133;
        }
        
    .indexForm {
        position: absolute;
        left:0;
        right:0;
        margin-left: auto;
        margin-right: auto;
        bottom:20px;
        width: 690px;
        border-radius: 10px;
        padding:0;
        box-shadow: 0 0 12px rgba(0,0,0,0.8);
    }
        .indexForm > form {
            background: url(supguy.png) no-repeat bottom right;
            min-height: 300px;
            padding:20px;
        }
            .indexForm > form > p {
                color:#fff;
                padding-left: 0px;
            }
            .indexForm > form > p.formTitle {
                font-size:38px;
                margin:0;
            }
            .indexForm > form > p.formSubTitle {
                font-size: 23px;
                width: 450px;
                line-height: 30px;
            }
            .indexForm > form > p > strong {
                font-size: 18px;
            }
            .indexForm > form > input[type="text"] {
                background: #fff;
                border-radius: 10px;
                padding-left: 10px;
                height: 55px;
                border:none;
                width: 200px;
                margin-right:10px
            }
            .indexForm > form > input[type="submit"] {
                display: block;
                background: #117133;
                color:#fff;
                text-transform: uppercase;
                width: 110px;
                height: 45px;
                border:none;
                border-radius: 10px;
                margin-top:10px;
                position: relative;
                left:327px;
                font-size:15px;
            }
.midShelf {
    padding-top:20px;
    padding-bottom: 30px;
}
    .servicesBox {
        width:1170px;
        margin: 0px auto;
        height:177px;
    }
        .servicesBox > div.item {
            float: left;
            width: 350px;
            margin: 0 30px 0 0;
        }
            .servicesBox > div.item > h2.serviceTitle {
                background: #e9d43a;
                margin:0;
                padding: 0;
                height: 50px;
                line-height: 50px;
                text-align: center;
                text-transform: uppercase;
            }
            .servicesBox > div.item > img {
                width: 100%;
            }
    section.title {
        text-transform: uppercase;
        color:#fff;
        text-align: center;
        font-size: 55px;
        width: 1170px;
        margin: 0 auto;
        font-weight: 900;
        border-bottom:1px solid #ccc;
    }
    section.roundIconsBox {
        margin: 30px auto;
        width: 1170px;
        padding-bottom:30px;
    }
        section.roundIconsBox > div.RIBitem {
            width: 250px;
            float:left;
            margin-right: 40px;
            text-align: center;
            color:#fff;
        }
            div.RIBitem > img {display: block;margin: 10px auto;}
            div.RIBitem > strong {
                display: block;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
            }

.mainContent {
    width:100%;
}
    .content {
        width:1170px;
        margin:0 auto;
    }
    .content > h2 {margin-top:0px;}
    
.servicesIconBox {
    width:550px !important;
    margin-top:20px;
}
    ul#servicesIconList {
        padding: 0;margin: 0;
        list-style: none;
    }
    ul#servicesIconList > li {
        height:142px;
        width: 142px;
        line-height: 39px;
        text-align: center;
        float:right;   
        margin:0px 20px 20px 0px;
        background: url(libg.png) no-repeat;
        
    }
    ul#servicesIconList > li > span {
        display: block;
        width: 142px;
        height: 142px;
    }
        ul#servicesIconList > li > span > a {
            display: none;
            height: 39px;
            width: 142px;
            color:#fff;
            overflow: hidden;
            text-transform: uppercase;
            text-decoration: none;
            
        }
    ul#servicesIconList > li:hover > span > a {
        background:url(maskbg.png) no-repeat;
        display: inline-block;
        color: #fff;
        position: relative;
        top: 59px;
    }
    ul#servicesIconList > li:hover a{}
    .roofing {background: url(icn_srv_roofing.png) no-repeat center center;}
    ul#servicesIconList > li > span.kitchens {background: url(icn_srv_kitchens.png) no-repeat center center;}
    ul#servicesIconList > li > span.bathrooms {background: url(icn_srv_bathrooms.png) no-repeat center center;}
    ul#servicesIconList > li > span.green {background: url(icn_srv_green.png) no-repeat center center;}
    ul#servicesIconList > li > span.concrete {background: url(icn_srv_roomaddition.png) no-repeat center center;}
    ul#servicesIconList > li > span.painting {background: url(icn_srv_painting.png) no-repeat center center;}
    
    
section.testimonialBox {
    width: 1170px;
    margin: 20px auto;
    text-align: center;
    font-family: "Times New Roman";
    font-style: italic;
    font-size: 33px;
    font-weight: normal;
    color:#757575;
}
    section.testimonialBox > p {
        line-height: 40px;
    }
    span.topShadow {
        background: url(topshadow.png) no-repeat;
        height: 12px;
        width: 1170px;
        margin: 0 auto;
        display:block;
    }
    span.bottomShadow {
        background: url(bottomshadow.png) no-repeat;
        height: 12px;
        width: 1170px;
        margin: 0 auto;
        display:block;
    }
section.lowShelf {position: relative;}
section.lowShelf  {
    width: 1170px;
    margin: 40px auto 0px;
}
    div.innerBottomShelf {
        width: 1170px;
        margin: 0 auto;
    }
    .latestArticlesBox > ul {
        padding:0;
        margin: 0;
        list-style: none;
    }
        .latestArticlesBox > ul > li {
            display: block;
            min-height: 80px;
            margin-bottom: 10px;
        }
        .latestArticlesBox > ul > li img {
            float:left;
            display: block;
            border:3px solid #fff;
            margin-right: 10px;
            width: 74px;height:74px;
        }
        .latestArticlesBox > ul > li a {}
        .latestArticlesBox > ul > li p {
            margin-top:3px;
        }
.bottomShelf {
    padding-bottom: 30px;
}
    .innerBottomShelf > .footerItem {
        float:left;
        width:300px;
        color:#fff;
    }
        .innerBottomShelf > .footerItem a {color:#fff;text-decoration: none;}
            .innerBottomShelf > .footerItem a:hover {text-decoration: underline;}
        .innerBottomShelf > .footerItem > p {line-height: 25px;font-size:15px;}
        .innerBottomShelf > .footerItem > p.title {text-transform: uppercase;margin: 20px 0 5px 0;font-size:18px;font-weight: 800;}
        .innerBottomShelf > .footerItem > img {
            float:left;
            margin-right:20px;
        }
        .innerBottomShelf > .footerItem > ul {
            padding: 0 0 0 10px;margin: 0;list-style: none;
        }
            .innerBottomShelf > .footerItem > ul > li {
                height:30px;
                line-height: 30px;
            }
        .innerBottomShelf > .footerItem:last-child {
            width: 570px !important;
        }
    .indexGallery {
        position: absolute;
        bottom: 0px;right:-10px;
        height: 160px;
        width: 430px !important;
        padding: 10px;
    } 
        .indexGalleryImageContainer { 
            position: relative;
            top: 30px;
            left: 32px;
        }
            .indexGallery > .indexGalleryImageContainer > a > img {
                border:1px solid #fff;
                float:left;
                margin: 0px 20px 20px 0px;
            }
footer {
    background: url(footerbg.png) repeat;
    color:#fff;
    text-align: center;
    height:65px;
    line-height: 65px;
    font-size:15px;
}
    footer > span {color:#1dd05d;}
.innerArticles {
    margin: 20px 0 0 40px;
}
.contactUsBox {
    width:600px;
    background: url(contact_girl_bg.png) no-repeat bottom right;
    min-height: 300px; 
    position: absolute;
    bottom: -24px;
}
    .contactUsBox  > p {margin: 0px 0px 10px 0px;}
    .contactUsBox  > p.formTitle {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 26px;
    }
    .contactUsBox  > p.formText {
        font-size: 15px;
        max-width: 480px;
    }
    .contactUsBox > form > input.shortInput, .contactUsBox > form > input.longInput {
        display: block;
        float: left;
        margin-right: 5px;
        border:1px solid #ccc;
        background: #fff;
        border-radius: 10px;
        padding-left: 20px;
        margin-bottom: 10px;
        height: 40px; 
    }
        .contactUsBox > form > input.shortInput {width: 185px;}
        .contactUsBox > form > input.longInput {width: 400px;}
        .contactUsBox > form > p > input[type="submit"] {
            display: block;
            border:none;
            background: #068142;
            color:#fff;
            text-transform: uppercase;
            width: 120px;
            height: 35px;
            border-radius: 10px;
            float: right;
        }
        .formSubmitBox {
            max-width: 422px;
        }
img.aboutImage {
    position: relative;
    top: 91px;
}
.content > div > span > p:first-child {margin-top:0;padding-top:10px;}


.servicesBoxContainer {position: relative;}
.servicesBoxContainer > div.item {
    background: #fff;
    float: left;
    width: 375px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding:0 0 10px 0;
    position: relative;
    min-height: 450px;
    
}
    .servicesBoxContainer > div.item:nth-child(3n+3) {margin-right: 0px;}
.itemTitle {
    height: 50px;
    line-height: 50px;
    background: #e9d43a;
    text-align: center;
    text-transform: uppercase;
    color:#333;
    font-size:24px;
    font-weight: 400;
    margin: 0;
}
.item > img {}
.item > p.itemText {
    padding: 10px;
    overflow: hidden;
    /*height: 80px;*/
    position: absolute;
}
.item > a {
    display: inline-block;
    float: right;
    padding: 6px 12px;
    border-radius: 7px;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size:11px;
    background: #117133;
    margin-right: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.galleryImageBox {
    
}
.galleryImageBox {
    width: 1170px;
    margin: 0 auto;
    padding-top: 10px;
}
.galleryImageBox > a {}
.galleryImageBox  > a > img {
    float: left;
    margin: 0 10px 10px 0;
}
.footerInner {
    width: 1170px;
    margin: 0 auto;
}
.footerInner > p {
    margin:0px;
    line-height: 65px;
}
.footerInner > p > a > img {
    position: relative;
    top: 13px;
}
p.left {float: left;}
p.right {float: right;}