/* reset.css */
html, body, div, span, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, code, del, dfn, img, q, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot,
thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
a img { border: none; }
a { outline: none; }
body { font-size: 75%; line-height: 1.6; color: #444; background: #12180f url("../images/body-bg.png") top left repeat-x; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
body.hp { font-size: 75%; line-height: 1.6; color: #444; background: #fff url("../images/body-bg-main.png") top left repeat-x; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
/* grid */
.container { width: 950px; margin: 0 auto; position: relative; }
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5,
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11,
div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17,
div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23,
div.span-24 { float: left; margin-right: 10px; }
.last, div.last { margin-right: 0; }
.span-1 { width: 30px;}
.span-2 { width: 70px;}
.span-3 { width: 110px;}
.span-4 { width: 150px;}
.span-5 { width: 190px;}
.span-6 { width: 230px;}
.span-7 { width: 270px;}
.span-8 { width: 310px;}
.span-9 { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24, div.span-24 { width:950px; margin:0; }
div.border { border-right: 1px solid #999; }
div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }
hr { background: #c0c0c0; color: #999; float: none; height: .1em; margin: 0.5em 0; border: none; }
.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clear { clear:both; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.center { text-align: center; }
/* GENERAL LAYOUT */
.header { margin: 0 auto; height: 114px; background-color: transparent; position: relative; z-index: 0; }
.lang { position: absolute; top: 10px; right: 5px; z-index: 1000; }
.lang a { color: #6b9f46; font-size: 11px; }
.lang a:hover { color: #ffffff; }
.nav { margin-bottom: 2px; position: absolute; top: 87px; left: 4px; width: 950px; height: 25px; }
.nav a img.home { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -0px -0px; float: left; display: inline; }
.nav a img.home-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -0px -27px; float: left; display: inline; }
.nav a img.home:hover { background-position: -0px -27px; }
.nav a img.services { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -119px -0px; float: left; display: inline; }
.nav a img.services-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -119px -27px; float: left; display: inline; }
.nav a img.services:hover { background-position: -119px -27px; }
.nav a img.photos { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -238px -0px; float: left; display: inline; }
.nav a img.photos-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -238px -27px; float: left; display: inline; }
.nav a img.photos:hover { background-position: -238px -27px; }
.nav a img.strategy { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -357px -0px; float: left; display: inline; }
.nav a img.strategy-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -357px -27px; float: left; display: inline; }
.nav a img.strategy:hover { background-position: -357px -27px; }
.nav a img.testimonials { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -476px -0px; float: left; display: inline; }
.nav a img.testimonials-active { width: 118px; height: 25px;; background: transparent url("../images/sprite-nav.png") no-repeat scroll -476px -27px; float: left; display: inline; }
.nav a img.testimonials:hover { background-position: -476px -27px; }
.nav a img.territory { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -595px -0px; float: left; display: inline; }
.nav a img.territory-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -595px -27px; float: left; display: inline; }
.nav a img.territory:hover { background-position: -595px -27px; }
.nav a img.promotions { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -714px -0px; float: left; display: inline; }
.nav a img.promotions-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -714px -27px; float: left; display: inline; }
.nav a img.promotions:hover { background-position: -714px -27px; }
.nav a img.contact { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -833px -0px; float: left; display: inline; }
.nav a img.contact-active { width: 118px; height: 25px; background: transparent url("../images/sprite-nav.png") no-repeat scroll -833px -27px; float: left; display: inline; }
.nav a img.contact:hover { background-position: -833px -27px; }
.subnav { margin-top: 15px; width: 950px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -0px -0px; }
.subnav a img.lawn { margin-left: 6px; width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -6px -70px; float: left; display: inline; }
.subnav a img.lawn-active { margin-left: 6px; width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -6px -140px; float: left; display: inline; }
.subnav a img.lawn:hover { background-position: -6px -140px; }
.subnav a img.garden { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -140px -70px; float: left; display: inline; }
.subnav a img.garden-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -140px -140px; float: left; display: inline; }
.subnav a img.garden:hover { background-position: -140px -140px; }
.subnav a img.greens { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -274px -70px; float: left; display: inline; }
.subnav a img.greens-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -274px -140px; float: left; display: inline; }
.subnav a img.greens:hover { background-position: -274px -140px; }
.subnav a img.water { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -408px -70px; float: left; display: inline; }
.subnav a img.water-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -408px -140px; float: left; display: inline; }
.subnav a img.water:hover { background-position: -408px -140px; }
.subnav a img.fences { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -542px -70px; float: left; display: inline; }
.subnav a img.fences-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -542px -140px; float: left; display: inline; }
.subnav a img.fences:hover { background-position: -542px -140px; }
.subnav a img.unistone { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -675px -70px; float: left; display: inline; }
.subnav a img.unistone-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -675px -140px; float: left; display: inline; }
.subnav a img.unistone:hover { background-position: -675px -140px; }
.subnav a img.fert { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -810px -70px; float: left; display: inline; }
.subnav a img.fert-active { width: 134px; height: 60px; background: transparent url("../images/sprite-subnav.png") no-repeat scroll -810px -140px; float: left; display: inline; }
.subnav a img.fert:hover { background-position: -810px -140px; }
.hp-thumbs-wrap { margin: 30px 0 0 0; }
a img.hp-thumb-001 { margin: 0 15px 0 0; background: transparent url("../images/sprite-hp-thumbs.jpg") no-repeat scroll -0px -0px; float: left; display: inline; }
a img.hp-thumb-001:hover { background-position: -0px -130px; }
a img.hp-thumb-002 { margin: 0 15px 0 0; background: transparent url("../images/sprite-hp-thumbs.jpg") no-repeat scroll -186px -0px; float: left; display: inline; }
a img.hp-thumb-002:hover { background-position: -186px -130px; }
a img.hp-thumb-003 { margin: 0 15px 0 0; background: transparent url("../images/sprite-hp-thumbs.jpg") no-repeat scroll -373px -0px; float: left; display: inline; }
a img.hp-thumb-003:hover { background-position: -373px -130px; }
.bottom-box, .bottom-box-right { margin: 0; background: transparent url("../images/divider.png") top left no-repeat; height: 344px; }
.div-right { margin: 0; background: transparent url("../images/divider.png") top right no-repeat; height: 344px; }
.div-left { margin: 0; background: transparent url("../images/divider.png") top left no-repeat; height: 344px; }
.title-img { margin: 0 0 0 60px; }
.top-img { margin: 0 0 25px 30px; }
.photo { margin: 15px 10px 15px 68px; padding: 0; float: left; display: inline; }
.hp-right-bg { background: transparent url("../images/hp-right-bg.jpg") top left no-repeat; position: absolute; top: 134px; right: 0px; width: 277px; height: 382px; z-index: -999; }
.article-wrap { position: absolute; top: 240px; right: 30px; width: 213px; height: 20px; text-align: center; }
.article-wrap a { color: #61963b; font-weight: bold; font-size: 13px; }
.article-wrap a:hover { color: #fff; }
.schedule-wrap { position: absolute; top: 282px; right: 30px; width: 213px; height: 91px; }
a img.schedule { background: transparent url("../images/sprite-schedule.png") no-repeat scroll -13px -4px; float: left; display: inline; z-index: 999; }
a img.schedule:hover { background-position: -13px -116px; }
.promo-wrap { position: absolute; top: 378px; right: 30px; width: 213px; height: 91px; }
a img.promo { background: transparent url("../images/button-promo.png") no-repeat scroll -13px -4px; float: left; display: inline; z-index: 999; }
a img.promo:hover { background-position: -13px -116px; }
.box { margin: 15px 0 0; padding: 0; position: relative; }
.box .bt { margin: 0; height: 5px; background: transparent url("../images/sprite-corners.png") no-repeat scroll 100% 0; }
.box .bt .tl { position:relative; width: 5px; height: 5px; font-size: 0; line-height: 0; background: transparent url("../images/sprite-corners.png") no-repeat scroll 0 0; }
.box-inner { margin: 0; padding: 0; background-color: #d0cbbf; }
.box .bb { margin: 0; height: 5px; background: transparent url("../images/sprite-corners.png") no-repeat scroll 100% -6px; }
.box .bb .bl { position: relative; width: 5px; height: 5px; font-size: 0; line-height: 0; background: transparent url("../images/sprite-corners.png") no-repeat scroll 0 -6px; }
.imgbox { margin: 0 5px 35px 30px; padding: 4px; text-align: center; float: left; display: inline; border: 1px solid #666; background-color: #e9e5db; }
.imgbox img { border: 1px solid #aca596; }
.blue-buttons-wrap { margin-left: 40px; }
a img.freequote { width: 187px; height: 79px; background: transparent url("../images/button-freequote.png") no-repeat scroll -8px -5px; }
a img.freequote:hover { background-position: -8px -95px; }
a img.cs { margin: 20px 0 0 0; width: 185px; height: 56px; background: transparent url("../images/buttons-blue.png") no-repeat scroll -0px -0px; }
a img.cs:hover { background-position: -0px -70px; }
a img.admin { margin: 20px 0 0 0; width: 185px; height: 56px; background: transparent url("../images/buttons-blue.png") no-repeat scroll -190px -0px; }
a img.admin:hover { background-position: -190px -70px; }
.lawn-photos { margin: 0 20px 0 30px; float: left; display: inline; height: 630px; }
.caa { margin: 30px 0 0 0; width: 950px; height: 180px; background: transparent url("../images/caa-bg.png") top left no-repeat; }
.caa h1 { margin: 0 0 0 30px; padding: 10px 0 0 0; font-size: 22px; line-height: 2.5em; }
.caa-icon { float: left; display: inline; margin: 20px; }
.error { margin-top: 30px; padding: 10px; border: 1px solid #990000; background-color: #ffdbdb; }
.success { margin-top: 30px; padding: 10px; border: 1px solid #5d8d00; background-color: #f3ffdb; }
/* contact form */
#contact-wrapper { margin: 0; padding: 0; }
.footer { margin: 30px 0; height: 30px; border-top: 1px solid #ddd; }
.footer-dark { margin: 30px 0; height: 30px; border-top: 1px solid #2d322a; color: #41463e; }
.footer p, .footer-dark p { margin: 10px 0 0 0; }
.footer-dark a { color: #39710c; }
.footer-dark a:hover { color: #5fba16; }
.button-blue,.button-blue-big,.button-blue-big-flow,.button-blue-sm,.button-blue-sm-profile,.button-green-big,.button-limegreen-z,.button-limegreen-z-active, .button-orange-big,.button-red,.button-grey-post,.button-grey-light,.button-grey-light-sm,.button-add-photo,.button-get-adv { margin:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;text-align:center;}
a.button-blue {padding:10px 15px 8px !important;display:inline-block;height:32px;font-size:18px;font-weight:bold;color:#fff;background:#6A8FB2;background: -moz-linear-gradient(top, #6A8FB2 0%, #33485C 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A8FB2), color-stop(100%,#33485C)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A8FB2', endColorstr='#33485C',GradientType=0); width:auto !important;}
a.button-blue:hover {background:#33485C;color:#fff;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33485C', endColorstr='#33485C',GradientType=0); width:auto !important;}
/* typography */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; }
h1 { margin: 0 0 0 30px; padding: 0; font-size: 22px; line-height: 2.5em; }
h2 { margin: 0 0 0 30px; padding: 0; font-size: 15px; line-height: 1.5em; }
h3 { margin: 30px 0 5px; padding: 0 0 4px; font-size: 1.4em; line-height: 1; border-bottom: 1px solid #bbb; color: #333; font-weight: bold; }
h4 { margin: 0.6em 0 0.4em 1.4em; font-size: 1.7em; line-height: 1.25; font-weight: normal; font-family: georgia,sans-serif; font-style: italic; color: #666; }
h5 { font-size: 1.2em; font-weight: normal; font-style: italic; color: #666; border-bottom: 2px dotted #b0b0b0; margin: 0.8em; }
h6 { margin: 0.4em 0 0.4em 0.8em; font-size: 1em; font-weight: bold; color: #444; }
p { margin: 0 30px 20px; }
.middle { height: 450px; }
.middle p { margin: 20px 0 0; color: #f1f1f1; line-height: 22px; }
.bottom-box p { margin: 10px 0 0 60px; }
a:focus, a:hover { color: #000; }
a { color: #39710c; text-decoration: none; }
.big { font-size: 17px; font-weight: bold; }
/* lists */
ul { list-style-type: none; }
ul.bottom-box-list { margin: 10px 0 0 60px; }
ul.bottom-box-list li { margin-bottom: 5px; }
ul.contact-list { margin: 0 0 0 30px; font-size: 11px; }
ul.contact-list li { margin: 0 25px 0 0; float: left; display: inline; }
/* tables */
table { margin-bottom: 1.4em; width: 100%; border: 1px solid #d1d1d1; }
th { font-weight: bold; background-color: #ddd; border-bottom: 1px solid #d1d1d1; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
/* forms.css */
label { margin: 0 5px 0 0; padding: 4px; float: left; text-align: right; width: 100px; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input.text, input.title,
textarea, select { margin: 0; border: 1px solid #bbb; }
input.text:focus,
input.title:focus,
textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { padding: 4px; }
input.title { font-size: 1.5em; }
textarea { padding: 5px; }
#contactform { margin-top: 30px; }
/* misc */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.red { color: #ff0000; }
.green { color: #43850d; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #777; }
.loud { color: #000; }
.highlight { background: #444; color: #fff; margin-right: 2px; padding: 0 2px; font-weight: bold; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; margin-bottom: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.cursor { cursor: pointer; }
.hidden { display:none; visibility: hidden; }