* {margin:0;padding:0;} 
html, body {height: 100%; min-width: 990px;}
body {background: url(../images/body-bg.jpg) center top repeat-x #2B3922; margin:0; padding:0;}
body#inside {background: url(../images/body-bg.jpg) center -75px repeat-x #2B3922; margin:0; padding:0;}
.container {width:990px; margin: auto;}

h1 {font-family: 'Arvo', serif; font-weight:normal; color: #fff; font-size:3.0em; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45); line-height: 1.25em; margin: 20px 0;}
h1.inside {font-size:2.75em; margin: 30px 0 10px;}
h2 {font-family: 'Open Sans', Arial, sans-serif; font-size: 1.4em; color: #cae6b9; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45); background: url(../images/h2-bg.png) repeat; padding: 10px 20px 15px; line-height: 1.4em; border-radius: 3px;}
h3 {font-family: 'Open Sans', Arial, sans-serif; font-size: 1.0em; color: #fff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45); line-height: 1.75em; margin: 15px;}
h4 {padding: 0 0 10px; font-family: 'Arvo', serif; font-weight:bold; color: #527c38; text-transform: uppercase; font-size: 1.45em; line-height: 1.2em;}
h4.contact {font-size: 1.45em; padding: 0 0 5px;}
h5 {padding: 0 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight:600; font-style: italic; color: #527c38; font-size: 1.45em; line-height: 1.2em;}
h6 {padding: 10px 0; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.85em; color: #96a090; text-transform: uppercase;}
h6.contact {text-transform: none; font-style: italic; font-size: 1.1em; padding: 0;}
p {font-family: 'Open Sans', Arial, sans-serif; font-size: 0.95em; color: #334c24; line-height: 1.4em;}
ul {list-style: none; margin: 15px 0 15px 5px; float: left;}
ul li {font-family: 'Open Sans', Arial, sans-serif; font-size: 1.0em; color: #334c24; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: 0.75em; float: left; width: 44%; background:url(../images/bullet.png) left center no-repeat; text-indent: 8px; padding: 5px 6% 5px 0;}

#locations {width: 100%; min-width: 990px; padding: 10px 0; text-align: center; background: #3c7a17; font-family: 'Open Sans', Arial, sans-serif; color: #89bc6a; text-transform: uppercase; font-size: 0.65em; box-shadow: 0px 5px 0px rgba(44, 57, 35, 0.2);}

#main {width: 100%;}
#main .welcome-block {float: left; width: 100%;}
#main .logo {float: left; width: 392px; height: 81px; margin: 25px 0 0;}
#main .welcome-block .cta-area {float:left; margin: 40px 0 0 120px; text-align: center;}
#main .welcome-block .cta-title {font-family: 'Open Sans', Arial, sans-serif; font-size: 1.2em; font-weight: 600; font-style: italic; color: #2c3923;}
#main .welcome-block .cta-items {float: left; width: 100%; margin: 20px 0 0;}
#main .welcome-block .cta-items .phone {float: left; margin: 0; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.95em; text-transform: uppercase; color: #2c3923; letter-spacing: 0.25em; font-weight: 600;}
#main .welcome-block .cta-items .phone strong {display: block; margin: 7px 0 0; font-family: 'Arvo', serif; font-weight: bold; color: #fff; font-size: 1.6em; letter-spacing: 0.1em; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);}
#main .welcome-block .cta-items .or {float: left; margin: 30px 15px; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; color: #606a62;}
#main .welcome-block .cta-items .cta-btn {float: right; margin: 5px 0 0;}
#main .welcome-block .cta-items .cta-btn a {display: block; padding: 17px 20px 15px; background: #e97916; border-radius: 3px; box-shadow: 0 3px 0 #bf5805; font-family: 'Arvo', serif; color: #fff; font-size: 1.0em; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s;}
#main .welcome-block .cta-items .cta-btn a:hover {background: #f8ad13; color: #bf5805;}

#main .welcome-block .intro-text {float: left; margin: 25px 0 0; width: 55%; min-width: 530px;}

#content {float: left; margin: 35px 0; width: 100%;  background: #fff; border-radius: 3px; box-shadow: inset 0 3px 0 #b35400, 0 2px 6px rgba(0, 0, 0, 0.65); min-height: 500px; border-top: solid 12px #e97916; background: url(../images/content-bg.jpg) no-repeat right bottom #fff;}
#content .right-col {float: right; width: 300px; margin: 30px 25px 0 0;}
#content .right-col .locations {width: 100%; float: right; padding: 0 0 35px 0; background: url(../images/locations-bg.gif) repeat-x center bottom #fff; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65); }
#content .right-col .locations .map {position: absolute; margin: -138px 11px 0;}
#content .right-col .locations .text {margin: 55px 25px 25px;}
#content .right-col .locations .text p {font-size: 0.9em; line-height: 1.5em;}
#content .right-col .locations .text em {font-weight: bold; font-style: italic;}
#content .right-col .locations .cta-area {text-align: center; margin: 0 25px;}
#content .right-col .locations .cta-area .contact {display: block; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.95em; text-transform: uppercase; color: #2c3923; font-weight: 600;}
#content .right-col .locations .cta-area .contact strong {font-weight: bold; color: #e97916;}
#content .right-col .locations .cta-area .phone strong {display: block; margin: 7px 0; font-family: 'Arvo', serif; font-weight: bold; color: #e97916; font-size: 1.75em; letter-spacing: 0.05em;}
#content .right-col .locations .cta-area .phone em {font-family: 'Arvo', serif; color: #527c38; display: inline;}
#content .right-col .locations .cta-area .phone .or {display: inline; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; color: #606a62;}
#content .right-col .locations .cta-area .cta-btn {position: absolute; margin: 10px 7px 0;}
#content .right-col .locations .cta-area .cta-btn a {display: block; min-width: 197px; padding: 17px 20px 15px; background: #e97916; border-radius: 3px; box-shadow: 0 3px 0 #bf5805; font-family: 'Arvo', serif; color: #fff; font-size: 1.0em; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s;}
#content .right-col .locations .cta-area .cta-btn a:hover {background: #f8ad13; color: #bf5805;}
#content .right-col .lawncare {float: left; margin: 65px 20px 0;}
#content .right-col .lawncare p {font-size: 0.85em; line-height: 1.5em;}
#content .right-col .lawncare .caption {padding: 10px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.8em; color: #96a090; font-style: italic;}
#content .right-col .lawncare a {display: inline-block; font-family: 'Open Sans', Arial, sans-serif; font-weight: bold; font-style: italic; color: #e97916; text-decoration: none; padding: 1px 20px 0 0; background: url(../images/more-link-bg.png) no-repeat right center;}
#content .right-col .lawncare a:hover {text-decoration: underline;}

#content .left-col {float: left; width: 615px;}
#content .left-col .feature {float: left; background: url(../images/feature-btm-bg.jpg) no-repeat bottom left; padding: 0 0 1px 0; margin: 10px 0 0;}
#content .left-col .feature .content {margin: 25px 0 0; padding: 15px 0 25px 285px;}
#content .left-col .feature .surface {background: url(../images/feature-surface-bg.jpg) no-repeat bottom left;}
#content .left-col .feature .outdoors {background: url(../images/feature-outdoors-bg.jpg) no-repeat bottom left;}
#content .left-col .feature .construction {background: url(../images/feature-construction-bg.jpg) no-repeat bottom left;}
#content .left-col .feature .content a {display: inline-block; font-family: 'Open Sans', Arial, sans-serif; font-weight: bold; font-style: italic; color: #e97916; text-decoration: none; margin: 15px 0 0; padding: 1px 20px 0 0; background: url(../images/more-link-bg.png) no-repeat right center;}
#content .left-col .feature .content a:hover {text-decoration: underline;}

#content .brands {float: left; width: 100%; padding: 30px; margin: 15px 0 10px;}
#content .brands .title {float: left; margin: 15px 0 0; width: 220px; text-align: right; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.1em; line-height: 1.4em; color: #b1a9a0; text-transform: uppercase;}
#content .brands ul {float: left; list-style: none; margin: 0;}
#content .brands ul li {float: left; background: none; width: auto; text-indent: 0; padding: 0; margin: 0 20px;}
#content .brands ul li.weathermatic {margin: 0 15px 0 35px;}
#content .brands ul li.hunter {margin: 15px 15px 0;}
#content .brands ul li.rainbird {margin: 15px 0 0 15px;}

#content .form-content {float: left; width: 100%; margin: 30px 40px;}
#content .form-area {float: left; width: 80%; padding: 25px 35px; margin: 0 40px 20px; background: url(../images/locations-bg.gif) repeat-x center top #E5E5E5; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);}
#content .form-item {float: left; width: 100%; margin: 15px 0;}
#content .form-item label {display:inline-block; width: 28%; text-align: right; margin: 0 15px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight:600; color: #527c38; font-size: 1.0em; line-height: 1.2em;}
#content .form-item label.details {display: table-cell; float:left; margin: 5px 18px 0 0;}
#content .form-item input, #content .form-item textarea {width: 280px; padding: 10px 15px; font-family: 'Open Sans', Arial, sans-serif;  color: #666; font-size: 1.1em; border-radius: 4px; background: #fafafa; box-shadow: inset 0 3px 6px #efefef; border: solid 1px #aeaeae;}
#content .form-item textarea {font-size: 0.85em; resize: vertical;}
#content .form-item .styled-select {display: inline; width: 280px; padding: 15px 15px; border-radius: 3px; border: solid 1px #aeaeae; background: url(../images/dropdown-arrow.png) no-repeat 271px center #fafafa; box-shadow: inset 0 3px 6px #efefef; cursor: pointer;}
#content .form-item .styled-select select {width: 280px; font-family: 'Open Sans', Arial, sans-serif;  color: #666; font-size: 0.9em; line-height: 1.5em; border-radius: 3px; border: none; box-shadow: none; background: transparent; -webkit-appearance: none; cursor: pointer;}
#content form input[type="submit"] {display: block; float: left; width: 100%; margin: 10px 0 20px; padding: 17px 20px 15px; background: #e97916; border-radius: 3px; box-shadow: 0 3px 0 #bf5805; font-family: 'Arvo', serif; color: #fff; font-size: 1.0em; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; border: none; cursor: pointer;}

#footer {float: left; width: 100%; padding: 0 0 45px 0;}
#footer .credits {float: left; width: 300px; margin: 0 0 0 15px; color: #617851; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.75em; line-height: 1.6em;}
#footer .credits strong {font-weight: bold; color: #789166;}
#footer .credits a {color: #789166; text-decoration: none;}
#footer .credits a:hover {text-decoration: underline;}
#footer .cta-area {float:right; margin: 0 25px 0 0; text-align: center;}
#footer .cta-items {float: left; width: 100%; margin: 10px 0 0;}
#footer .cta-items .phone {float: left; margin:0; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.95em; text-transform: uppercase; color: #fff; letter-spacing: 0.25em; font-weight: 600;}
#footer .cta-items .phone strong {display: block; margin: 7px 0 0; font-family: 'Arvo', serif; font-weight: bold; font-size: 1.6em; letter-spacing: 0.1em; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);}
#footer .cta-items .or {float: left; margin: 30px 15px; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; color: #606a62;}
#footer .cta-items .cta-btn {float: right; margin: 10px 0 0;}
#footer .cta-items .cta-btn a {display: block; padding: 17px 20px 15px; background: #e97916; border-radius: 3px; box-shadow: 0 3px 0 #bf5805; font-family: 'Arvo', serif; color: #fff; font-size: 1.0em; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s;}
#footer .cta-items .cta-btn a:hover {background: #f8ad13; color: #bf5805;}

@media all and (max-width: 1280px) {
	body {background: url(../images/body-bg_1280.jpg) center top repeat-x #2B3922; margin:0; padding:0;}
	body#inside {background: url(../images/body-bg_1280.jpg) center -75px repeat-x #2B3922; margin:0; padding:0;}
	}
	
@media all and (max-width: 800px) {
	.container {width:90%; margin: auto;}
	#locations {width: 100%; min-width: auto; padding: 5px 0; color: #3c7a17; font-size: 0.65em;}
	#main .welcome-block .cta-area {float:left; clear:left; margin: 40px 0 0 0;}
	}