@import"/css/prettyPhoto.css";@import"/css/galleryfic.css";@import"/css/skin.css";
/* Default Styles */
body { background:#4d2700; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0 }

h1, h2, h3, h4 { font-family: 'Coustard', serif; color:#333; font-weight:normal; line-height:auto; padding:0; margin:0 }

h1 { font-size:26pt; padding:0 0 15px 0; margin:0 }

h2 {}

h3 { font-size:18pt; color:#ffb227; padding:30px 0 10px 0 }

p, li { color:#666666; font-size:11pt; line-height:18pt; padding:0 0 15px 0; margin:0 }

a { color:#5bb52a; text-decoration:none; }
a:hover { text-decoration:none }





/* Structure Styles */
.main-position { display:block; width:960px; position:relative; padding:60px 0 0 0; margin:0 auto 0 auto }

.border { display:block; width:auto; background:url('../images/white_30.png'); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:5px; margin:0 }

.page { display:block; min-height:500px; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:0; margin:0 }

.body { display:block; padding:0; margin:0 }

.body-col { width:560px; float:left; padding:20px 30px; margin:0 }

.side-col { width:280px; float:right; padding:20px 30px 20px 0; margin:0 }

.body-col-wide { width:900px; float:left; padding: 0 30px 20px 30px; margin:0 }

.clear { clear:both }

img.border {padding: 1px; border: solid 1px #ccc;}

ul.alerts {list-style-type: none; margin: 0; padding: 0; width: 360px;}
ul.alerts li {font-size: 85%; line-height: 1.3em; padding: 0 0 16px 0; margin: 0;}
ul.alerts li.seasonalHeader, ul.alerts li.seasonalOLC {line-height: 1.2em; border-bottom: solid 1px #eee; padding-left: 42px; padding-top: 7px; margin-bottom: 10px; font-size: 1em; font-weight: 700;}
ul.alerts li.autumn {background-image: url("/images/autumnIcon.png"); background-repeat: no-repeat; color: #f59408;}
ul.alerts li.winter {background-image: url("/images/winterIcon.png"); background-repeat: no-repeat; color: rgb(51, 102, 255);}
ul.alerts li.spring {background-image: url("/images/springIcon.png"); background-repeat: no-repeat; color: #47b747;}
ul.alerts li.summer {background-image: url("/images/summerIcon.png"); background-repeat: no-repeat; color: #f59408;}
ul.alerts li.seasonalOLC {background-image: url("/images/olcIcon.png"); background-repeat: no-repeat; color: #76961a;}
ul.alerts li.seasonalSpacer {margin-bottom: 1em;}
ul.alerts img {border-radius: 25px; padding: 3px 10px 10px 0;}

/* Header Styles */
.main-phone, .main-social { font-size:11pt; line-height:54px; font-family: 'Coustard', serif; text-shadow:0 0 3px #000; color:#99ccff; position:absolute; top:5px;  }
.main-phone { right:220px }
.main-phone strong { font-size:20pt; font-weight:normal; color:#fff; padding-left:5px }

.main-social { right:0; background:url('../images/sprite_social.png') left top no-repeat;  width: 44px; } /*padding:0 95px 0 0;*/
.main-social a { display:block; width:35px; height:35px; position:absolute; top:7px; padding:0; margin:0 }
.main-social .facebook { right:48px }
.main-social .linkedin { right:7px }

.header { display:block; position:relative; height:90px; border-bottom:4px solid #fff; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; padding:0; margin:0 }
.header { background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ }

.logo { position:absolute; left:-20px; top:-15px; z-index:1000 }
.logo a { display:block; width:253px; height:200px; background:url('../images/org_logo.png') 0 0 no-repeat } 

.navigation { float:right }
.navigation ul { list-style:none; float:right; padding:0; margin:0 5px 0 0 }
.navigation li { display:block; float:left; position:relative; font-family: 'Coustard', serif; line-height:130px; border-left:1px solid #ccc; text-align:center; font-size:0.8em; text-transform:uppercase; text-shadow:1px 1px 1px #fff; padding:0; margin:0 }
.navigation a { color:#333; display:block; float:left; text-align:center; height:80px; border-left:1px solid #fff; text-decoration:none; padding:5px 7px 6px 7px } /* padding:5px 12px 6px 12px */
.navigation span { display:block; height:45px; width:50px; position:absolute; top:10px; left:50%; background:url('../images/sprite_navigation2.png') no-repeat; padding:0; margin:0 0 0 -25px }

.navigation .current { background:#fff }

.navigation .about span { background-position:0 -3px }
.navigation .organics span { background-position:0 -68px }
.navigation .services span { background-position:0 -134px }
.navigation .shrub span { background-position:0 -198px }
.navigation .gallery span { background-position:0 -269px }
.navigation .testimonies span { background-position:0 -401px }
.navigation .faq span { background-position:0 -335px }
.navigation .pay-now span {background:url('/images/Bill-and-Pay-Logo.png'); background-repeat: no-repeat;}
.navigation .pay-now-sa span {background:url('/images/service-autopilot-50x45.png'); background-repeat: no-repeat;}


.navigation .about a:hover span { background-position:-73px -3px }
.navigation .organics a:hover span { background-position:-73px -68px }
.navigation .services a:hover span { background-position:-73px -134px }
.navigation .shrub a:hover span { background-position:-73px -198px }
.navigation .gallery a:hover span { background-position:-73px -269px }
.navigation .testimonies a:hover span { background-position:-73px -401px }
.navigation .faq a:hover span { background-position:-73px -335px }
.navigation .pay-now a:hover span { }


/* Form Styles */
.form-box { position:absolute; top:10px; right:50px; width:300px; border:1px solid #8ca0a6; background:url('../images/form_screen.png'); -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); padding:8px 30px; margin:0; z-index:1000 }

.form-header { color:#fff; font-size:14pt; font-family: 'Coustard', serif; padding:0 0 5px 0; margin:0 }

.form-row { display:block; min-height:39px; padding:0; margin:0 }
.form-field { display:block; padding:0; margin:0 }
.form-field input { width:100%; height:28px; text-indent:10px; color:#333; font-size:10pt; border:solid #fff 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0; margin:0 }
/*.form-field.city { width:210px; float:left; }*/
.form-field.state { width:80px; float:left }
.form-field.zip { width:90px; float:left; padding-right: 10px;}
.form-field.phone { width:120px; float:right }
.form-button { padding:10px 0 0 0; float:left; height:40px }
.form-button a { background:#ff5c00; color:#fff; font-weight:bold; font-size:12pt; padding:10px 20px; text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.80); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.80); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.80); margin:10px 0 0 0 }

.form-number { float:left; color:#8ca0a6; font-size:9pt; width:130px; margin:2px 0 0 10px }
.form-number strong { display:block; font-size:14pt }

/* Bullseye Styles */
.bullseye { display:block; overflow:hidden; position:relative; height:390px; background:#0f0; padding:0; margin:0; z-index:0 }
.bullseye.short { height:115px }

.bullseye .blurb { width:440px; position:absolute; top: auto; bottom: 100px; left:20px; color:#fff; padding:0; margin:0; z-index:1000 }
.bullseye .blurb .headline { font-size: 3.4em; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow:2px 1px 8px #000;  }
.bullseye .blurb ul { padding:0; margin:18px 0 0 30px }
.bullseye .blurb li { font-family: 'Coustard', serif; color:#fff; font-size:18pt; text-shadow:2px 1px 4px #000; padding:0 0 14px 8px; margin:0 }

/* Promo Row Styles */
.promo { display:block; padding:15px 0 0 0; margin:0; min-height: 0; } /* min-height:240px; */
.promo a { display:block; position:relative}
/*
.promo-box { width: 220px; min-height:190px; display:block; float:left; padding:0; margin:0 8px; text-align: center; }
.promo-box h2 { font-size: .9em; padding: 140px 0 10px 0; margin: 0 auto; }
.promo-box p { font-size:10pt; line-height:16pt; color:#666666; padding:7px 25px 25px 25px; margin:0 }
.promo-box a { text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  }
*/
.promo-box { width: 174px; min-height:210px; display:block; float:left; padding:0; margin:0 8px; text-align: center; } /* min-height:300px */
.promo-box h2 { font-size: .9em; padding: 140px 0 10px 0; margin: 0 auto; }
.promo-box p { font-size:10pt; line-height:16pt; color:#666666; padding:7px 25px 25px 25px; margin:0 }
.promo-box a { text-decoration:none; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;  }

/*
.promo-box.lawn a { background:#eee url('../images/icon_grass.png') center 24px no-repeat }
.promo-box.shrub a { background:#eee url('../images/icon_tree.png') center 24px no-repeat }
.promo-box.testimonial a { background:#eee url('../images/icon_photos.png') center 24px no-repeat }

.promo-box.lawn a:hover { background:#e1e1e1 url('../images/icon_grass_over.png') center 24px no-repeat }
.promo-box.shrub a:hover { background:#e1e1e1 url('../images/icon_tree_over.png') center 24px no-repeat }
.promo-box.testimonial a:hover { background:#e1e1e1 url('../images/icon_photos_over.png') center 24px no-repeat }
*/

/*
.promo-box.box1 a { background:#eee url('/images/icon_program.png') center 24px no-repeat }
.promo-box.box2 a { background:#eee url('/images/icon_aeration.png') center 24px no-repeat }
.promo-box.box3 a { background:#eee url('/images/icon_treeandshrub.png') center 24px no-repeat }
.promo-box.box4 a { background:#eee url('/images/icon_restoration.png') center 24px no-repeat }

.promo-box.box1 a:hover { background:#e1e1e1 url('/images/icon_program_over.png') center 24px no-repeat }
.promo-box.box2 a:hover { background:#e1e1e1 url('/images/icon_aeration_over.png') center 24px no-repeat }
.promo-box.box3 a:hover { background:#e1e1e1 url('/images/icon_treeandshrub_over.png') center 24px no-repeat }
.promo-box.box4 a:hover { background:#e1e1e1 url('/images/icon_restoration_over.png') center 24px no-repeat }
*/

.promo-box.box1 a { background:#eee url('/images/icon_program.png') center 24px no-repeat }
.promo-box.box2 a { background:#eee url('/images/icon_aeration.png') center 24px no-repeat }
.promo-box.box3 a { background:#eee url('/images/icon_treeandshrub.png') center 24px no-repeat }
.promo-box.box4 a { background:#eee url('/images/icon_restoration.png') center 24px no-repeat }
.promo-box.box5 a { background:#eee url('/images/icon_mosquito.png') center 24px no-repeat }

.promo-box.box1 a:hover { background:#e1e1e1 url('/images/icon_program_over.png') center 24px no-repeat }
.promo-box.box2 a:hover { background:#e1e1e1 url('/images/icon_aeration_over.png') center 24px no-repeat }
.promo-box.box3 a:hover { background:#e1e1e1 url('/images/icon_treeandshrub_over.png') center 24px no-repeat }
.promo-box.box4 a:hover { background:#e1e1e1 url('/images/icon_restoration_over.png') center 24px no-repeat }
.promo-box.box5 a:hover { background:#e1e1e1 url('/images/icon_mosquito_over.png') center 24px no-repeat }

.welcome-box { width: 840px; border:1px solid #8ca0a6; background:url('/images/form_screen.png'); -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; padding:20px 30px;} /* box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); -moz-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); -webkit-box-shadow:0px 0px 14px rgba(0, 0, 0, 0.80); */
.welcome-box h2 {color: #fff;}
.welcome-box p {color: #fff;}

/* Side Column Styles */
.icon-list { display:block }
.icon-list ul { list-style:none; padding:0; margin:5px 0 0 0 }
/*.icon-list li { font-size:12pt; display:block; line-height:40pt; overflow:hidden; background:url('../images/sprite_services.png') top left no-repeat; min-height:50px; padding:0 0 0 70px; margin:0 0 10px 0 }*/
.icon-list li { font-size:12pt; display:block; line-height:40pt; overflow:hidden; background:url('../images/sprite_services3.png') top left no-repeat; min-height:50px; padding:0 0 0 70px; margin:0 0 10px 0 }
.icon-list li a { color:#333; text-decoration:none }
.icon-list li a:hover { text-decoration:underline }

/*
.icon-list .program { background-position:0 5px }
.icon-list .seeding { background-position:0 -52px }
.icon-list .shrubs { background-position:0 -113px }
.icon-list .restoration { background-position:0 -168px }
*/

.icon-list .program { background-position:0 5px }
.icon-list .seeding { background-position:0 -52px }
.icon-list .shrubs{ background-position:0 -113px }
.icon-list .restoration { background-position:0 -168px }
.icon-list .savethattree { background-position:0 -223px }
.icon-list .organic-mosquito-control { background-position:0 -278px }

.side-col .form-box { width:235px; position:relative; right:auto; top:0; margin:-90px 0 40px 0; z-index:1000 }
.side-col .form-field.city { width:150px }
.side-col .form-header { font-size:15pt; margin-bottom:10px; text-align: center;}
.side-col .form-number { width:100px }
.side-col .form-number strong { font-size:12pt }

/* LIGHTBOX
========================================================================= */
.lightbox-image{display:inline-block;position:relative;}
.lightbox-image img{position:relative;z-index:2;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(/images/magnify.png) 50% 50% no-repeat;}

/* Footer Styles */
.footer { display:block; min-height:65px; position:relative; background:url('../images/screen.png'); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px 25px; margin:20px 0 30px 0 }
.footer p { display:block; font-size:9pt; color:#eee; width:550px; float:left; padding:0; margin:0 }
.footer a { color:#eee }

.footer-phone, .footer-social { font-family: 'Coustard', serif; text-shadow:0 0 3px #000; color:#99ccff; position:absolute; top:20px;  }
.footer-phone { right:5px; line-height:18pt; font-size:11pt; width:240px }
.footer-phone strong { font-size:20pt; font-weight:normal; color:#fff}

.footer-social { right:248px; height:48px; width:48px; background:url('../images/sprite_social.png') left top no-repeat; padding:0  }
.footer-social a { display:block; width:35px; height:35px; position:absolute; top:7px; padding:0; margin:0 }
.footer-social .facebook { right:48px }
.footer-social .linkedin { right:7px }

div.pay-now {width: 100%; height: 35px; background-color: #000000; text-align: right; margin-right: 10px;}
div.pay-now a {color: #ffffff; font-family: 'Coustard', serif;}