body {font-family:"open sans","Helvetica Neue",Helvetica,Arial,sans-serif; padding:0; margin:0; background:url('../img/grad-shim.png') repeat-x top left;}

header {text-align:center; margin-left:auto; margin-right:auto; width:80%;}

h1 {margin:20px 0 0 0; font-size:2em;}
h1 strong {font-size:2em;}
.tagline {margin-top:5px; color:#aaa; font-style:italic;}

nav {margin-top:25px;}
nav ul.navigation {margin:0; padding:0; list-style:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#089de3; width:100%; border-radius:10px 10px 0 0;}
nav ul.navigation li {display:inline-block; position:relative; margin:10px 0 10px 0;}
nav ul.navigation li.mini-nav {display:none;}
nav ul.navigation li a {margin:10px 25px 0; text-decoration:none; font-weight:bold; color:#eee; border-bottom:2px solid #089de3; cursor:pointer;}
nav ul.navigation li a:hover {border-bottom-color:#fff; color:#fff;}
nav ul.navigation li ul {display:none; z-index:1000; background-color:#089de3; text-align:left; padding-top:10px; width:250px;}
nav ul.navigation li:hover ul {display:block; position:absolute;}
nav ul.navigation li ul li {text-align:left; width:100%; margin:10px 0 10px 0;}

.sub-menu-symbol {line-height:1.0em; font-size:0.7em; vertical-align:25%;}

.image-banner {clear:left; margin-left:auto; margin-right:auto; width:80%;}

.image-banner-kitchen {width:100%; height:300px; background-image:url('../img/kitchen.jpg');}
.image-banner-kitchen h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-kitchen h2.no-link {color:#fff;}
.image-banner-kitchen h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-kitchen h2 a:hover {border-bottom-color:#fff;}

.image-banner-bathroom {width:100%; height:300px; background-image:url('../img/bathroom.jpg');}
.image-banner-bathroom h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-bathroom h2.no-link {color:#fff;}
.image-banner-bathroom h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-bathroom h2 a:hover {border-bottom-color:#fff;}

.image-banner-driveway {width:100%; height:300px; background-image:url('../img/driveway.jpg');}
.image-banner-driveway h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-driveway h2.no-link {color:#fff;}
.image-banner-driveway h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-driveway h2 a:hover {border-bottom-color:#fff;}

.image-banner-joinery {width:100%; height:300px; background-image:url('../img/joinery.jpg');}
.image-banner-joinery h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-joinery h2.no-link {color:#fff;}
.image-banner-joinery h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-joinery h2 a:hover {border-bottom-color:#fff;}

.image-banner-landscaping {width:100%; height:300px; background-image:url('../img/landscaping.jpg');}
.image-banner-landscaping h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-landscaping h2.no-link {color:#fff;}
.image-banner-landscaping h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-landscaping h2 a:hover {border-bottom-color:#fff;}

.image-banner-home-improvements {width:100%; height:300px; background-image:url('../img/home-improvements.jpg');}
.image-banner-home-improvements h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-home-improvements h2.no-link {color:#fff;}
.image-banner-home-improvements h2 a {color:#fff; border-bottom:2px solid #089de3; text-decoration:none;}
.image-banner-home-improvements h2 a:hover {border-bottom-color:#fff;}

.image-banner-gallery {width:100%; height:300px; background-image:url('../img/gallery.jpg');}
.image-banner-gallery h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-gallery h2.no-link {color:#fff;}

.image-banner-contact {width:100%; height:300px; background-image:url('../img/contact.jpg');}
.image-banner-contact h2 {font-size:1.5em; float:left; background-color:#089de3; width:auto; margin-top:120px; margin-bottom:0; padding:12px 30px 13px 30px;}
.image-banner-contact h2.no-link {color:#fff;}

.section-group {margin-left:auto; margin-right:auto; margin-bottom:25px; width:80%;}
.section-group:after {content:''; display:block; clear:both;}

.full-section {margin-left:auto; margin-right:auto; margin-bottom:25px; width:70%;}
.full-section:after {content:''; display:block; clear:both;}

.section {margin-top:20px;}
.section h2 {margin-top:0; margin-bottom:5px; color:#089de3;}
.section h3 {margin-top:15px; margin-bottom:15px; color:#089de3; line-height:1;}
.section p {line-height:1;}

.section-left {float:left; width:31%; padding-right:1%; margin-right:1%; background-color:#eee; text-align:center; line-height:200px; height:200px; border-radius:20px;}
.section-middle {float:left; width:31%; padding-right:1%; margin-right:1%; background-color:#eee; text-align:center; line-height:200px; height:200px; border-radius:20px;}
.section-right {float:left; width:33%;text-align:center; background-color:#eee; line-height:200px; height:200px; border-radius:20px;}

.email-image, .phone-image, .facebook-image {width:75px; height:75px;}
.facebook-image {padding-top:5px;}

.section-text {font-size:1em; margin-top:0; margin-bottom:0;}
.section-list {margin:15px 0 15px 30px; list-style-type:inside;}

.section-image-group {float:right; clear:right;}
.section-image {display:block; height:150px; width:150px; margin:0 10px 15px 10px; border:1px solid #ddd; box-shadow:3px 3px 3px #333;}

.image-gallery {}
.thumbnail-image-link {}
.thumbnail-image {display:inline-block; height:150px; width:150px; margin:10px 10px 10px 10px; border:1px solid #ddd; box-shadow:3px 3px 3px #333;}

.contact-link {color:#666; margin-bottom:15px;}
.contact-link img {padding-bottom:20px;}
.contact-link svg {padding-bottom:20px;}

.email-image:hover path {fill:#000000;}
.phone-image:hover path {fill:#000000;}
.facebook-image:hover path {fill:#3b5998;}

footer {box-sizing:border-box; clear:left; font-size:0.8em; margin-left:auto; margin-right:auto; width:80%; padding:10px 10px 10px 10px; color:#fff; background-color:#089de3; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;}
footer:after {content:''; display:block; clear:both;}
footer .contect-tel {float:left; margin-left:10px;}
footer .contect-email {float:right; margin-right:10px;}
footer a {color:#fff; text-decoration:none;}

.copyright {margin: 10px auto 10px auto; width:80%; color:#bbb; font-size:0.7em; text-align:right;}