/* CSS Document */
/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:"futura-pt", Arial, sans-serif; border:none; font-weight:500;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
body {background-color:#FFFFFF; font-size:0.625em; margin: 0px; padding: 0px 0 0px 0; text-align:center; color:#000000;}
p {color:#8C8C8C; font-size:15px; line-height:20px; margin-bottom:19px;}
p a {color:#333333; font-weight:bold;}
p a:hover {text-decoration:underline;}
li a {color:#333333;}
li a {text-decoration:underline;}
.copyContent li {color:#8C8C8C; font-size:14px; line-height:19px; margin-bottom:19px; list-style-type:disc; margin-left:20px;}
h1 {color:#8BC53F; font-size:21px; line-height:25px; margin-bottom:25px;}
h2 {color:#8BC53F; font-size:21px; line-height:25px; margin-bottom:25px;}
h3 {color:#FFFFFF; font-size:21px; line-height:25px; margin-bottom:25px;}
h4 {color:#4D4D4D; font-size:18px; line-height:23px; margin-bottom:23px;}
h4 a {font-weight:700; color:#004731;}
h4 a:hover {color:#8BC53F;}
/* ---- Container ---- */
#container {position:relative; max-width:100%; width:100%; margin:0px auto; text-align:left;}
.menuNav {float:left; width:100%; position:relative; height:130px; padding-top:40px;}
.wrapper {margin:0 auto; width:980px; position:relative;}
.content {float:left; width:960px; margin:0px 10px; position:relative;}
.leftCol {float:left; width:440px; position:relative; padding-bottom:40px;}
.rightCol {float:right; width:440px; position:relative; color:#FFFFFF; padding-bottom:40px;}
/* ---- Menu ---- */
p.phone {color:#8BC53F; font-size:24px; position:absolute; top :15px; right:0px;}
p.phoneLarge {color:#004731; font-size:48px;}
ul#menu-mainnav {position:absolute; right:0px; top:51px;}
ul#menu-mainnav li {float:left; padding-left:20px;}
ul#menu-mainnav li a {color:#8B8B8B; font-size:14px; text-transform:uppercase; font-weight:700;}
ul#menu-mainnav li.current-menu-item a {color:#004731;}
ul#menu-mainnav li a:hover {color:#004731;}
/* ---- Home ---- */
.homeHeader {float:left; min-width:100%; position:relative; background-image:url(/wp-content/themes/hub/assets/background-home.jpg); background-repeat:repeat-x;
background-position:bottom;}
.homeHeader .content { height:350px;}
.homeHeader h1 {width:350px; padding-top:50px; text-transform:uppercase;}
.homeHeader img {position:absolute; right:0px; bottom:0px;}
.homeUsps {float:left; width:100%; position:relative; background-color:#284731; padding:80px 0; text-align:center;}
.homeUsps h2 {text-transform:uppercase; padding-bottom:60px; color:#FFFFFF; font-size:25px;}
.homeUsps a {display:inline-block; color:#9FC586; font-size:14px; padding:70px 0px 0px 0px; margin:0 40px;}
.homeUsps a.precisionLink {background-image:url(/wp-content/themes/hub/assets/icon-precision.png); background-position:top center; background-repeat:no-repeat;}
.homeUsps a.trackingLink {background-image:url(/wp-content/themes/hub/assets/icon-tracking.png); background-position:top center; background-repeat:no-repeat;}
.homeUsps a.checkingLink {background-image:url(/wp-content/themes/hub/assets/icon-checking.png); background-position:top center; background-repeat:no-repeat;}
.homeUsps a.staffLink {background-image:url(/wp-content/themes/hub/assets/icon-staff.png); background-position:top center; background-repeat:no-repeat;}
.homeUsps a.precisionLink:hover {background-image:url(/wp-content/themes/hub/assets/icon-precision-hover.png); text-decoration:none; color:#FFFFFF;}
.homeUsps a.trackingLink:hover {background-image:url(/wp-content/themes/hub/assets/icon-tracking-hover.png); text-decoration:none; color:#FFFFFF;}
.homeUsps a.checkingLink:hover {background-image:url(/wp-content/themes/hub/assets/icon-checking-hover.png); text-decoration:none; color:#FFFFFF;}
.homeUsps a.staffLink:hover {background-image:url(/wp-content/themes/hub/assets/icon-staff-hover.png); text-decoration:none; color:#FFFFFF;}
.homeServices {float:left; min-width:100%; position:relative; background-color:#808080; background-image:url(/wp-content/themes/hub/assets/background-services.jpg); background-repeat:no-repeat;
min-height:60px; height:auto !important; height:60px; background-position:top center;}
.homeServices .leftCol p {color:#FFFFFF;}
.homeServices .rightCol p {color:#FFFFFF;}
/* ---- Services ---- */
#servicesImage {float:left; position:relative; width:960px; height:480px;}
.serviceSpinner {width:216px; height:216px; background-image:url(/wp-content/themes/hub/assets/service.png); background-repeat:no-repeat; position:absolute; left:372px; top:140px;
display:table;}
.serviceSpinner p {color:#009E65; font-size:20px; font-weight:700; display: table-cell; padding:0 40px; vertical-align: middle; text-transform:uppercase; text-align: center;}
#servicesImage a {display:block; width:14px; height:14px; background-image:url(/wp-content/themes/hub/assets/button.png); background-repeat:no-repeat;}
#servicesImage a.serviceLight {position:absolute; top:94px; left:192px;}
#servicesImage a.serviceWall {position:absolute; top:170px; left:192px;}
#servicesImage a.serviceMousehole {position:absolute; top:240px; left:192px;}
#servicesImage a.serviceMat {position:absolute; top:370px; left:200px;}
#servicesImage a.serviceGlass {position:absolute; top:115px; left:350px;}
#servicesImage a.serviceFloor {position:absolute; top:410px; left:330px;}
#servicesImage a.serviceElectric {position:absolute; top:350px; left:400px;}
#servicesImage a.serviceCommunal {position:absolute; top:410px; left:450px;}
#servicesImage a.servicePath {position:absolute; top:370px; left:700px;}
#servicesImage a.serviceGarden{position:absolute; top:240px; left:650px;}
#servicesImage a.serviceTree {position:absolute; top:115px; left:600px;}
#servicesImage a.serviceBush {position:absolute; top:115px; left:750px;}
#servicesImage a.serviceRubbish {position:absolute; top:260px; left:845px;}
#servicesImage a.serviceGraffiti {position:absolute; top:310px; left:890px;}
/* ---- Testimonial ---- */
.testimonial {float:left; width:100%; position:relative; padding:140px 0; text-align:center; }
p.quote {text-transform:uppercase; color:#8BC53F; font-size:21px; line-height:25px; width:800px; text-align:center; display:inline-block; }
p.client {font-weight:700; margin:0px; width:800px; text-align:center; display:inline-block; }
/* ---- Map ---- */
.map {float:left; min-width:100%; position:relative; background-color:#6BB43F; background-image:url(/wp-content/themes/hub/assets/map.jpg); background-repeat:no-repeat; background-position:top center; height:360px;}
/* ---- Header ---- */
.header {float:left; width:100%; position:relative; }
.header img {float:right; margin-right:0px; padding-bottom:30px; max-width:500px;}
.header .leftCol {float:left; width:440px; position:relative; margin-top:70px;}
/* ---- Copy Panels ---- */
.infoGrey {float:left; width:100%; position:relative; background-color:#A5A7AA; padding:100px 0;}
.infoGrey img {float:left; padding:30px 0 0 40px;}
.infoGrey .rightWide {float:right; width:625px; position:relative;}
.infoGrey .rightWide p {color:#333333;}
.infoGrey h2 {color:#FFFFFF;}
.infoGreen {float:left; width:100%; position:relative; background-color:#004731; padding:100px 0;}
.infoGreen img {float:left; padding:40px 0 0 40px;}
.infoGreen .rightWide {float:right; width:625px; position:relative;}
.infoGreen .rightWide h2 {color:#8AC43F;}
.infoGreen .rightWide p {color:#FFFFFF;}
.infoGreen h2 {color:#FFFFFF;}
/* ---- Services ---- */
.services {float:left; width:100%; position:relative; background-color:#004731; padding:80px 0;}
.services img {float:right;}
.ui-tabs-panel {min-height:500px; height:auto !important; height:500px;}
.ui-tabs-panel p {color:#FFFFFF;}
.ui-tabs-panel img {margin:0 0 20px 20px;}
/* ---- Footer ---- */
.footer {float:left; width:100%; position:relative; padding:70px 0 0px 0; height:45px; background-color:#333333; text-align:center;
background-image:url(/wp-content/themes/hub/assets/Safe-Contractor.png); background-repeat:no-repeat; background-position:center 25px;}
ul#menu-footernav {position:absolute; left:0px; bottom:0px;}
ul#menu-footernav li {float:left; padding-right:10px; margin-right:10px; border-right:1px solid #FFFFFF;}
ul#menu-footernav li:last-child {border:0;}
ul#menu-footernav li a {color:#FFFFFF; font-size:14px;}
.footer a.ie {color:#FFFFFF; font-size:14px; position:absolute; right:0px; bottom:0px;}
.footer a:hover {text-decoration:underline;}
@media screen and (max-width: 980px) {
.homeServices {background-position:-110px 0px;}
}