/* General */

body { width: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; background: #652C00 url(../img/blue_bg.jpg) fixed repeat-x center top; }



#main-wrap { width: 100%; margin: 0 auto; text-align: center; /* for testing bg width : 4800px; height: 3400px; */ }



a:focus { outline: none; }

button:focus { outline: none; }

strong { font-weight: bold; }

em { font-weight: inherit; font-style: italic; }

textarea { overflow: auto; }

#top-wrap { width: 960px; margin: 0 auto; padding: 0; }



#logo-wrap { text-indent: -9999px; float: left; width: 333px; }

#logo div { margin-left: 86px; margin-top: 12px; }

#logo span { background: url(../img/instant_lawns_logo.png) top left no-repeat; width: 247px; height: 104px; display: block;  }



#nav-plus { float: right; width: 535px; }



/* Navigation */

#nav-wrap { float: right; display: inline; margin-top: 44px; margin-right: 60px; z-index:100; position: relative; } /* Added z-index and position:relative so dropdown appears on top */

#navigation ul { width: 470px; height: 23px; position: relative; }

#navigation li { float: left; position: relative; text-indent: -999em;  }



#navigation ul li a{ display: block; background: url(../img/menu.png) 0 0 no-repeat; }

#navigation li#item1 a.top { background: url(../img/menu.png) 0 0; width: 57px; height: 23px; }

#navigation li#item2 a.top { background: url(../img/menu.png) -57px 0; width: 73px; height: 23px; }

#navigation li#item3 a.top { background: url(../img/menu.png) -130px 0; width: 85px; height: 23px; }

#navigation li#item4 a.top { background: url(../img/menu.png) -215px 0; width: 76px; height: 23px; }

#navigation li#item5 a.top { background: url(../img/menu.png) -291px 0; width: 88px; height: 23px; }

#navigation li#item6 a.top { background: url(../img/menu.png) -379px 0; width: 91px; height: 23px; }



#navigation li#item1:hover, #navigation li#item1 a:hover, #navigation li#item1 a.current {background: url(../img/menu.png) 0 -23px no-repeat;}

#navigation li#item2:hover, #navigation li#item2 a:hover, #navigation li#item2 a.current {background: url(../img/menu.png) -57px -23px no-repeat;}

#navigation li#item3:hover, #navigation li#item3 a:hover, #navigation li#item3 a.current {background: url(../img/menu.png) -130px -23px no-repeat;}

#navigation li#item4:hover, #navigation li#item4 a:hover, #navigation li#item4 a.current {background: url(../img/menu.png) -215px -23px no-repeat;}

#navigation li#item5:hover, #navigation li#item5 a:hover, #navigation li#item5 a.current {background: url(../img/menu.png) -291px -23px no-repeat;}

#navigation li#item6:hover, #navigation li#item6 a:hover, #navigation li#item6 a.current {background: url(../img/menu.png) -379px -23px no-repeat;}



#navigation li#item1 a.current:hover, #navigation li#item2 a.current:hover, #navigation li#item3 a.current:hover, #navigation li#item4 a.current:hover, #navigation li#item5 a.current:hover, #navigation li#item6 a.current:hover { background: none; }



#navigation li#item2 ul a:hover, #navigation li#item2 ul a.current, #navigation li#item3 ul a:hover, #navigation li#item3 ul a.current, #navigation li#item5 ul a:hover, #navigation li#item5 ul a.current, #navigation li#item6 ul a:hover, #navigation li#item6 ul a.current{ background: none; display: block; }



#navigation li ul { position: absolute; left: -999em; background: none; }

#navigation li ul:hover, #navigation li ul.sfhover { display: block; background: none; }

#navigation li:hover ul { left: auto; }

#navigation li ul li { background: #A6D448; text-align: left; line-height: normal; width: 150px; padding: 0; margin-bottom: 0; display: block; font-weight: bold; text-indent: 0; border-bottom: 1px solid #BAE449; }

* html #navigation li ul li {

display: inline;

d\isplay: block; }

#navigation li ul li:hover , #navigation li ul li.sfhover { color: #FFF; }



#navigation li:hover ul, #navigation li.sfhover ul { padding: 0 0 8px 0; margin: 0; left: 14px; width: 150px; top: 20px; }

#navigation li ul li a { height: auto; width: auto; background: none;  display: block; line-height: 1.2em; padding: 6px; color: #05203B; text-decoration: none; }

#navigation li ul li a.subcurrent { text-decoration: underline; }

#navigation li ul li a:hover { height: auto; background: #597807; display: block; text-decoration: underline; }

/* EOF Navigation */



#phone { text-indent: -9999px; text-align: left; float: right; width: 327px; }

#phone div { margin-right: 62px; }

#phone span { background: url(../img/call_instant_lawns.png) top left no-repeat; width: 265px; height: 41px; display: block; }



#headline { margin: 48px auto 0 auto; width: 960px; text-align: left; }



#headline h1, #headline h2 { text-indent: -999em;}

#headline h1.splash { background: url(../img/headline_splash.png) top left no-repeat; width: 452px; height: 75px; margin-left: 94px; }

/* added july */

#headline h1.splash2 { background: url(../img/headline_splash2.png) top left no-repeat; width: 451px; height: 34px; margin-left: 94px; }

a#contest { margin: 13px 0 0 100px; display: block; background: url(../img/contest.png) top left no-repeat; width: 451px; height: 34px; }

/*a#contest:hover { background: url(../img/contest.png) 0 -47px no-repeat; }*/



a#get-in-touch { margin: 23px 0 0 269px; display: block; background: url(../img/get_in_touch.png) top left no-repeat; width: 197px; height: 47px; }

a#get-in-touch:hover { background: url(../img/get_in_touch.png) 0 -47px no-repeat; }



#headline h1.splash3 { background: url(../img/headline_fall-booking.png) top left no-repeat; width: 452px; height: 75px; margin-left: 94px; }

a#booking-fall { margin: 23px 0 0 269px; display: block; background: url(../img/booking-fall.png) top left no-repeat; width: 197px; height: 47px; }

a#booking-fall:hover { background: url(../img/get_in_touch.png) 0 -47px no-repeat; }



#middle-wrap { background: url(../img/middle_top.png) center 62px repeat-x; margin-top: 64px; }

#middle {  }

#middle-inner { background: url(../img/grass.png) center bottom repeat-x; padding-bottom: 84px; }



.middle-grid-splash { overflow: hidden; display: block; margin: 234px auto 0 auto; width: 900px; }

.middle-grid-splash-box { float: left; display: inline; width: 300px; }

.middle-grid-splash-inner { text-align: center; text-indent: -9999em; }



a#middle-rollover-1 { display: block; background: url(../img/middle_rollovers_1.png) top left; width: 300px; height: 339px;  }

a#middle-rollover-1:hover { background: url(../img/middle_rollovers_1.png) 0 -339px; }



a#middle-rollover-2 { display: block; background: url(../img/middle_rollovers_2.png) top left; width: 300px; height: 339px;  }

a#middle-rollover-2:hover { background: url(../img/middle_rollovers_2.png) 0 -339px; }



a#middle-rollover-3 { display: block; background: url(../img/middle_rollovers_3.png) top left; width: 300px; height: 339px;  }

a#middle-rollover-3:hover { background: url(../img/middle_rollovers_3.png) 0 -339px; }



#footer-wrap { background: #8F4000 url(../img/footer_bg-color.png) top center; }

#footer-inner { background:  url(../img/footer_top.png) top center repeat-x; padding-top: 2px; }

#footer-proper { background:  url(../img/footer_bottom.png) bottom center repeat-x; padding-bottom: 20px; overflow: hidden; clear: both; }



#footer { width: 960px; margin: 0 auto; overflow: hidden; }

#twitter_div { background:  url(../img/twitter_bg.png) left top no-repeat; width: 510px; float: left; padding-top: 25px; padding-bottom: 120px; text-align: right; overflow: hidden; }

#twitter_update_list {  text-align: left; margin-left: 180px;}



#twitter_update_list li { background: url(../img/twitter_text_top.png) top right no-repeat; width: 305px; font: italic 13px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #FFF; height: 113px; margin-bottom: 15px; text-align: right; padding-right: 15px; }

#twitter_update_list li span { display: block; padding: 10px 0 5px 45px; text-align: left; }

#twitter_update_list li a, #twitter_update_list li a:link, #twitter_update_list li a:visited { color: #FFF; font-weight: bold; }



#twitter-follow { text-align: left; float: right; }

a#twitter-link { display: block; background: url(../img/follow.png) top left no-repeat; width: 170px; height: 11px; text-indent: -999em; margin-right: 15px;  }



.footer-text { float: right; width: 400px; }

.footer-text-inner { padding: 35px 60px 25px 0; text-align: left; font: bold 11px Arial, Helvetica, sans-serif; line-height: 1.4em; color: #FFF;  }



h2#why-instant-lawns { text-indent: -9999px; background: url(../img/why_instant_lawns.png) top left no-repeat; width: 145px; height: 16px; margin-bottom: 12px; }



.footer-text-inner p { padding-left: 2px; }



/*Misc*/

.clear { clear: both; margin: 0; padding: 0; height: 1%; }

.960-width { width: 960px; margin: 0 auto;  }

#centered { width: 960px; margin: 0 auto; }

.floatLeft { float: left; }

.floatRight { float: right; display: inline; }

.space-filler { height: 200px; }

.w550 { width: 550px; }



/*Contact*/

#middle-wrap-contact, #middle-wrap-solutions, #middle-wrap-services, #middle-wrap-about, #middle-wrap-faq, #middle-wrap-portfolio { background: url(../img/middle_top_pages.png) center 286px repeat-x; margin-top: 64px; }

#middle-wrap-short { background: url(../img/middle_top_pages.png) center 180px repeat-x; margin-top: 64px; }

#middle-contact { background: url(../img/contact_guy_with_dog.png) center bottom no-repeat; }

#middle-inner { background: url(../img/grass.png) center bottom repeat-x; padding-bottom: 84px; }



#contact-text-wrap { height: 460px; }

#contact-text { width: 960px; margin: 0 auto; text-align: left; padding-top: 88px; }

#contact-text-message-sent { width: 960px; margin: 0 auto; text-align: left; padding-top: 10px; }

#headline h1.contact { background: url(../img/contact_get_in_touch.png) top left no-repeat; width: 184px; height: 30px; margin-left: 94px; }

#headline h2.thinking-of-hiring-us { background: url(../img/thinking_of_hiring_us.png) top left no-repeat; width: 633px; height: 20px; margin-left: 98px; margin-top: 6px; }



#headline h1.message-sent { background: url(../img/message_sent.png) top left no-repeat; width: 574px; height: 35px; margin-left: 94px; }

#headline h2.message-sent-sub { background: url(../img/message_sent_assurance.png) top left no-repeat; width: 716px; height: 44px; margin-left: 98px; margin-top: 6px; }



#contact-form-wrap { width: 960px; text-align: left; margin: 20px auto;  }

#contact-form { margin-left: 94px; }

#contact-form ol li label span { display: block; text-indent: -9999em; margin-left: 6px; }

#contact-form legend { display: none; }

.form-grid { float: left; display: inline; margin-right: 20px; }

.form-grid li { width: 210px; } /* Added 041410 - fixed double padding issue */

span#contact-name, span#contact-email, span#contact-address, span#contact-heard-from, span#contact-phone-label, span#contact-alt-phone, span#contact-job-description { height: 20px; }

span#contact-name { background: url(../img/contact_name.png) top left no-repeat; width: 47px; }

span#contact-email { background: url(../img/contact_email.png) top left no-repeat; width: 45px; }

span#contact-address { background: url(../img/contact_address.png) top left no-repeat; width: 63px; }

span#contact-heard-from { background: url(../img/contact_heard_from.png) top left no-repeat; width: 182px; }

span#contact-phone-label { background: url(../img/contact_phone.png) top left no-repeat; width: 63px; }

span#contact-alt-phone { background: url(../img/contact_alt_phone.png) top left no-repeat; width: 128px; }

span#contact-job-description { background: url(../img/contact_job_description.png) top left no-repeat; width: 110px; }



#contact-form input { background: none; border: none; width: 182px; padding: 8px 5px; color: #FFF; font: 12px Arial, Helvetica, sans-serif; }

#contact-form li div.input-field { background: url(../img/field_items.png) top left no-repeat; width: 206px; height: 47px; border: none; padding: 8px 0 0 7px; }

#contact-form div#contact-textarea { background: url(../img/contact_textarea.png) top left no-repeat; width: 316px; height: 118px; border: none; }

#contact-form textarea { width: 286px; height: 90px; border: none; background: none; margin: 14px 15px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; }

.submit-row { width: 308px; margin-left: 4px; text-indent: -9999em; text-align: left; float: left; } /*  Added float:left  */

input#reset { float: left; background: url(../img/contact_reset.png) top left no-repeat; width: 61px; height: 33px; text-indent: -9999em; cursor: pointer;display: block; font-size: 0; line-height: 0; } /* 041410 - Added font-size: 0; and line-height: 0; to resolve text-indent issue with IE 6 and 7 */ 

input#submit { float: right; background: url(../img/contact_submit.png) top left no-repeat; width: 61px; height: 33px; text-indent: -9999em; cursor: pointer; display: block; font-size: 0; line-height: 0; } /* 041410 - Added font-size: 0; and line-height: 0; to resolve text-indent issue with IE 6 and 7 */ 



h2#get-directions { text-indent: -9999em; text-align: left; background: url(../img/get_directions.png) top left no-repeat; width: 648px; height: 51px; margin-left: 105px; margin-bottom: 12px; }

h2#got-a-question { text-indent: -9999em; text-align: left; background: url(../img/got_a_question.png) top left no-repeat; width: 368px; height: 62px; margin-left: 105px; }

h2#error-top { margin: 0 0 20px 100px; font: bold 14px Arial, Helvetica, sans-serif; color: #CC9900; }





#contact-details { margin: 24px 0 0 198px; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; } 

#contact-details h3, #details-add h3 { font: bold 16px Arial, Helvetica, sans-serif; margin-bottom: 20px; }

#contact-details p, #details-add p { margin-bottom: 20px; }



#details-add { margin: 24px 0 50px 108px; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; } 



/*Pricing*/



#middle-wrap-pricing-bg { background: url(../img/pricing_bg.png) 50% 26px no-repeat; padding-top: 5px;  } /* original values for position is 50% 23px */

#middle-wrap-pricing  { background: url(../img/middle_top_pages.png) center 290px repeat-x; margin-top: 15px; }

#headline h1.pricing-lead { background: url(../img/pricing_lead.png) top left no-repeat; width: 128px; height: 44px; margin-left: 94px; }

#headline .pricing-sub { margin: 8px 0 170px 94px; }

#headline .pricing-sub p { width: 320px; font: 14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0 0 20px 4px;}



#price-calculator-wrap { margin: 0 auto; width: 960px; padding-top: 40px; text-align: left; } 

#price-calculator-wrap legend { display: none; }

#price-calculator { margin-left: 94px; }

#price-calculator label span { display: block; text-indent: -9999em; }

#squareFootage { background: url(../img/square_footage.png) top left no-repeat; width: 149px; height: 25px; margin-bottom: 5px; }

div#dataSqFt { background: url(../img/textarea_sqft.png) top left no-repeat; width: 193px; height: 35px; }

div#dataSqFt input { background: none; border: none; width: 184px; padding: 10px 5px; color: #333; font: bold 14px Arial, Helvetica, sans-serif; text-align: right; }



.radio-separator { display: block; margin-top: 14px; clear: both; }

.radio-separator .radio { float: left; margin-top: 2px; }

span#radioSodding { display: block; float: left; background: url(../img/pricing_sodding.png) top left no-repeat; width: 78px; height: 26px; text-indent: -9999em; margin-right: 22px; }

span#radioResodding { display: block; float: left; background: url(../img/pricing_resodding.png) top left no-repeat; width: 108px; height: 26px; text-indent: -9999em; margin-right: 22px; }

span#radioSeeding { display: block; float: left; background: url(../img/pricing_seeding.png) top left no-repeat; width: 76px; height: 26px; text-indent: -9999em; }

span#radioFrontyard { display: block; float: left; background: url(../img/pricing_frontyard.png) top left no-repeat; width: 97px; height: 22px; text-indent: -9999em; margin-right: 22px; }

span#radioBackyard { display: block; float: left; background: url(../img/pricing_backyard.png) top left no-repeat; width: 93px; height: 22px; text-indent: -9999em; }



#pricingAdded { display: block; clear: both; width: 512px; padding-top: 22px; }

#pricingAddedOptions { float: right; background: url(../img/pricing_yes_no.png) top left no-repeat; text-indent: -9999em; width: 106px; height: 21px; }

.pricingAddedRow { overflow: hidden; clear: both; }

.pricingAddedRow input, .pricingAddedRowSubmit input { background: none; border:none; }

.pricingAddedRowSubmit { padding: 20px 0; }

.yes-no { width: 100px; padding-top: 3px; }



#pricing-accessibility { background: url(../img/pricing_added_option_1.png) top left no-repeat; text-indent: -9999em; width: 237px; height: 25px; }

#pricing-emergency { background: url(../img/pricing_added_option_2.png) top left no-repeat; text-indent: -9999em; width: 175px; height: 25px; }

#pricing-sloping { background: url(../img/pricing_added_option_3.png) top left no-repeat; text-indent: -9999em; width: 128px; height: 25px; }

#pricing-infestation { background: url(../img/pricing_added_option_4.png) top left no-repeat; text-indent: -9999em; width: 164px; height: 25px; }



#calculator-results-wrap { width: 300px; margin-bottom: 50px; }

#calculator-results { }

#your-price { background: url(../img/your_price.png) top left no-repeat; width: 217px; height: 144px; text-align: center; color: #FFF; font: 24px Arial, Helvetica, sans-serif; text-indent: -15px; overflow: hidden; }

#your-price div { padding: 60px 10px 20px 10px; }

h2#error-top-price { color: #993300; font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 14px 5px; }



#price-calculator-text { width: 215px; padding: 0 1em; overflow: hidden; font: 10px Arial, Helvetica, sans-serif; color: #FFF; }

#price-calculator-text p { margin-top: 1.2em; margin-bottom: 1.2em; }

#price-calculator-text p.pre { margin-bottom: .5em; }

#price-calculator ul li { list-style: disc; margin-left: 1.8em; }



/*Solutions page*/



#middle-solutions { background: url(../img/solutions_bottom_bg.png) 50% bottom no-repeat; }

#headline h1.solutions { background: url(../img/solutions_headline.png) top left no-repeat; width: 366px; height: 60px; margin: -14px auto 0 auto; }

#solutions-wrap { padding-top: 260px; text-align: left; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.3em; }

#solutions-wrap p  { margin: .5em 0 .5em .5em; }

#solutions-wrap ul { margin: 1em; }

#solutions-wrap ul li { padding-left: 1em; margin-bottom: .75em; list-style: inside disc; }

#solutions-wrap a:link, #solutions-wrap a:visited { color: #FFF; font-weight: bold; text-decoration: none; }

#solutions-wrap a:hover { text-decoration: underline; }

#solution0, #solution1, #solution2, #solution3, #solution4, #solution5  { width: 960px; margin: 0 auto; text-align: left; }

#solution1 h2#solutions-distressed-home-owners { background: url(../img/solutions_distressed_home_owners.png) top left no-repeat; width: 295px; height: 26px; margin: 0 0 18px 0; text-indent: -999em; }

#solution2 h2#solutions-new-home-owners { background: url(../img/solutions_new_owners.png) top left no-repeat; width: 212px; height: 25px; margin: 0 0 19px 0; text-indent: -999em; }

#solution3 h2#solutions-realtors { background: url(../img/solutions_realtors.png) top left no-repeat; width: 374px; height: 31px; margin: 0 0 14px 0; text-indent: -999em; }

#solution4 h2#solutions-small-home-developer { background: url(../img/solutions_small_home_developer.png) top left no-repeat; width: 266px; height: 31px; margin: 0 0 14px 0; text-indent: -999em; }

#solution5 h2#solutions-commercial { background: url(../img/solutions_commercial.png) top left no-repeat; width: 205px; height: 26px; margin: 0 0 18px 0; text-indent: -999em; }

#solution5 h2#solutions-city { background: url(../img/solutions_city.png) top left no-repeat; width: 157px; height: 30px; margin: 12px 0 15px 0; text-indent: -999em; }

#solution-0-content, #solution-1-content , #solution-2-content, #solution-3-content, #solution-4-content, #solution-5-content{ padding-left: 560px; }

.get-an-estimate { float:right; width: 166px; margin: 12px 0; }



/* Services */

#middle-wrap-services p { color: #FFF; font: 12px Arial, Helvetica, sans-serif; }

#middle-wrap-services ul { margin: 1em; font: 15px Arial, Helvetica, sans-serif;  }

#middle-wrap-services ul li { color: #FFF; margin-left: 1.4em; padding-left: .5em; margin-bottom: .75em; list-style: outside disc; }



/* Services - Sodding */



#middle-services-sodding { background: url(../img/sodding_bottom_bg.png) center bottom no-repeat; }

#headline-sodding { margin: 0 auto; background: url(../img/services_sodding_top_bg.png) left 15px no-repeat; width: 960px; height: 322px; text-align: left; } /* original values for position is left 5px, and height: 312px */

#headline-sodding h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-sodding h1.services-sodding { background: url(../img/sodding_headline.png) top left no-repeat; width: 208px; height: 60px; }



#sodding-top-text { margin-left: 98px; margin-right: 390px; text-align: left; }

#sodding-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-sodding-bottom-text { width: 960px; margin: 0 auto; padding-top: 80px; padding-bottom: 40px; text-align: left; }

#ssbt-pos { padding-left: 94px; padding-right: 415px; }

#ssbt-pos h2#sodding-subhead { background: url(../img/every_fresh_sodding.png) top left no-repeat; width: 460px; height: 70px; text-indent: -999em; }



/* Services - Re-Sodding */



#middle-services-resodding { background: url(../img/resodding_bottom_bg.png) center bottom no-repeat; }

#headline-resodding { margin: 0 auto; background: url(../img/services_resodding_top_bg.png) center 7px no-repeat; height: 408px; text-align: left; } /* original values for position is center 5px, and height: 406px */

.headline-resodding-contain { width: 960px; margin: 0 auto; }

#headline-resodding h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-resodding h1.services-resodding { background: url(../img/resodding_headline.png) top left no-repeat; width: 290px; height: 60px; }



#resodding-top-text { margin-left: 98px; margin-right: 430px; text-align: left; }

#resodding-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-resodding-bottom-text { width: 960px; margin: 0 auto; padding-top: 0; padding-bottom: 40px; text-align: left; }

#srbt-pos { padding-left: 94px; padding-right: 415px; }

#srbt-pos h2#resodding-subhead { background: url(../img/every_sodding.png) top left no-repeat; width: 460px; height: 70px; text-indent: -999em; }



/* Services - In-Ground Sprinklers */



#middle-wrap-igs-bg { background: url(../img/services_in_ground_sprinklers_bg.png) center top no-repeat; }





#middle-services-in-ground-sprinklers { background: url(../img/in_ground_sprinklers_bottom_bg.png) center bottom no-repeat; }

#headline-in-ground-sprinklers{ margin: 0 auto; width: 960px; height: 340px; text-align: left; }

#headline-in-ground-sprinklers h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-in-ground-sprinklers h1.services-in-ground-sprinklers { background: url(../img/headline_in_ground_sprinklers.png) top left no-repeat; width: 257px; height: 110px; }



#in-ground-sprinklers-top-text { margin-left: 98px; margin-right: 450px; text-align: left; }

#in-ground-sprinklers-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-in-ground-sprinklers-bottom-text { width: 960px; margin: 0 auto; padding-top: 50px; padding-bottom: 40px; text-align: left; }

#sigsbt-pos { padding-left: 94px; padding-right: 380px; }

#sigsbt-pos h2#benefits-of { background: url(../img/sprinkler_benefits.png) top left no-repeat; width: 370px; height: 52px; text-indent: -999em; margin-top: 20px; }



#middle-wrap-services ul.imagery { margin: 2em 1em; font: 15px Arial, Helvetica, sans-serif;  }

#middle-wrap-services ul.imagery li { list-style: none; padding-left: 58px; padding-top: 10px; padding-bottom: 15px; margin-left: 0;  }

#middle-wrap-services ul.imagery li#light-bulb { background: url(../img/light_bulb.png) left 5px no-repeat; }

#middle-wrap-services ul.imagery li#clock { background: url(../img/clock.png) left 5px no-repeat; }

#middle-wrap-services ul.imagery li#piggy-bank { background: url(../img/piggy_bank.png) left 5px no-repeat; }

#middle-wrap-services ul.imagery li#wand { background: url(../img/wand.png) left 5px no-repeat; }

#middle-wrap-services ul.imagery li#money { background: url(../img/money.png) left 5px no-repeat; }



/* Services - Seeding */



#middle-services-seeding{ background: url(../img/seeding_bottom_bg.png) center bottom no-repeat; }

#headline-seeding { margin: 0 auto; background: url(../img/services_seeding_top_bg.png) left 20px no-repeat; width: 960px; height: 312px; text-align: left; }

#headline-seeding h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-seeding h1.services-seeding { background: url(../img/seeding_headline.png) top left no-repeat; width: 206px; height: 60px; }



#seeding-top-text { margin-left: 98px; margin-right: 390px; text-align: left; }

#seeding-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-seeding-bottom-text { width: 960px; margin: 0 auto; padding-top: 80px; padding-bottom: 40px; text-align: left; }

#sseedbt-pos { padding-left: 94px; padding-right: 415px; }

#sseedbt-pos h2#seeding-subhead { background: url(../img/seeding_guarantee.png) top left no-repeat; width: 504px; height: 76px; text-indent: -999em; }

#sseedbt-pos h2#overseeding-subhead { background: url(../img/overseeding.png) top left no-repeat; width: 187px; height: 36px; text-indent: -999em; margin:20px 0 14px 0; }



/* Services - Interlock */



#middle-services-interlock { background: url(../img/interlock_bottom_bg.png) center bottom no-repeat; }



#headline-interlock { margin: 0 auto; background: url(../img/services_interlock_top_bg.png) left 42px no-repeat; width: 960px; height: 354px; text-align: left; } /* original values for position is left 38px, and height: 350px */



#headline-interlock h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-interlock h1.services-interlock { background: url(../img/interlock_headline.png) top left no-repeat; width: 224px; height: 50px; }



#interlock-top-text { margin-left: 98px; margin-right: 480px; text-align: left; }

#interlock-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-interlock-bottom-text { width: 960px; margin: 0 auto; padding-top: 40px; padding-bottom: 80px; text-align: left; }

#sidbt-pos { padding-left: 94px; padding-right: 415px; }

#sidbt-pos h2#interlock-subhead { background: url(../img/interlock_solutions.png) top left no-repeat; width: 506px; height: 36px; text-indent: -999em; }



/* Services - Gardening */



#middle-services-gardening { background: url(../img/interlock_bottom_bg.png) center bottom no-repeat; }



#headline-gardening { margin: 0 auto; background: url(../img/services_gardening_top_bg.png) left 13px no-repeat; width: 960px; height: 353px; text-align: left; } /* original values for position is left 10px, and height: 350px */

#headline-gardening h1 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-gardening h1.services-gardening { background: url(../img/gardening_headline.png) top left no-repeat; width: 264px; height: 60px; }



#gardening-top-text { margin-left: 98px; margin-right: 495px; text-align: left; }

#gardening-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; }

#services-gardening-bottom-text { width: 960px; margin: 0 auto; padding-top: 40px; padding-bottom: 80px; text-align: left; }

#sgbt-pos { padding-left: 94px; padding-right: 415px; }

#sgbt-pos h2#gardening-subhead { background: url(../img/gardening_benefits.png) top left no-repeat; width: 472px; height: 75px; text-indent: -999em; }



/* About */



#middle-wrap-about { color: #FFF; }

#middle-wrap-about p { color: #FFF; font: 12px Arial, Helvetica, sans-serif; }

#middle-wrap-about ul { margin: 1em; font: 15px Arial, Helvetica, sans-serif;  }

#middle-wrap-about ul li { color: #FFF; margin-left: 1.4em; padding-left: .5em; margin-bottom: .75em; list-style: outside disc; }



#headline-about{ margin: 0 auto; width: 960px; height: 350px; text-align: left; }

#headline-about h1, #headline-about h2 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 12px; }

#headline-about h1.about-us { background: url(../img/about_headline.png) top left no-repeat; width: 140px; height: 30px; }



#about-top-text { margin-left: 98px; margin-right: 35px; text-align: left; }

#about-top-text p { font: 14px Arial, Helvetica, sans-serif; color: #FFF; line-height: 1.4em; margin-bottom: 20px; }



#about-bottom-text { width: 960px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; text-align: left; }



#about-pos { padding-left: 94px; padding-right: 55px; }

#middle-wrap-about #about-pos p { margin-left: 5px; }



#about-pos h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 12px 0 8px 5px; }

#about-pos h2#satisfaction-subhead { background: url(../img/your_satisfaction.png) top left no-repeat; width: 350px; height: 21px; text-indent: -999em; margin-bottom: 12px; }

#about-pos h2#about-benefits { background: url(../img/about_benefits.png) top left no-repeat; width: 358px; height: 21px; text-indent: -999em; margin-bottom: 12px; }



/* FAQ */

#middle-faq { background: url(../img/faq_standing_man.png) center 75px no-repeat; }



#faq-wrap ul { margin: 1em; font: 12px Arial, Helvetica, sans-serif;  }

#faq-wrap ul li { color: #FFF; margin-left: 1.4em; padding-left: .5em; margin-bottom: .75em; list-style: outside disc; }



#headline-faq{ margin: 0 auto; width: 960px; text-align: left; }

#headline-faq h1, #headline-faq h2 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 8px; }

#headline-faq h1.faq-instant-lawns { background: url(../img/faq_instant_lawns.png) top left no-repeat; width: 79px; height: 41px; }



#faq-wrap { float: left; width: 530px; text-align: left; color: #FFF; }

#faq-1-content, #faq-2-content, #faq-3-content, #faq-4-content, #faq-5-content, #faq-6-content, #faq-7-content, #faq-8-content, #faq-9-content, #faq-10-content, #faq-11-content { background: url(../img/speech_bubble_mid.png) left top repeat-y; padding: 0 145px 20px 15px; }

#faq0, #faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11 { min-height: 250px; }

.speech-top { background: url(../img/speech_bubble_top.png) left top no-repeat; height: 56px; }

.speech-top h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0 145px 0 15px; padding-top: 18px; }

.speech-bottom { background: url(../img/speech_bubble_bottom.png) left bottom no-repeat; height: 11px; }



/* Portfolio */
#headline-portfolio{ margin: 0 auto; width: 960px; text-align: left; }
#headline-portfolio h1, #headline-portfolio h2 { text-align: left; text-indent: -999em; margin-left: 94px; margin-bottom: 20px; }
#headline-portfolio h1.portfolio-instant-lawns { background: url(../img/portfolio_headline.png) top left no-repeat; width: 128px; height: 30px; }
#portfolio-wrap { float: left; width: 530px; text-align: left; color: #FFF; }
.portfolio-grid { margin: 15px 0 30px 30px; }
.portfolio-grid  h2#before { background: url(../img/portfolio_before.png) top left no-repeat; width: 72px; height: 23px; text-indent: -999em; margin-bottom: 1.2em; }
.portfolio-grid  h2#after { background: url(../img/portfolio_after.png) top left no-repeat; width: 59px; height: 23px; text-indent: -999em; margin-bottom: 1.2em; }
.portfolio-img-grid { overflow: hidden; margin-bottom: 1em; }
.portfolio-img-grid ul { margin: 0; padding: 0; }
.portfolio-img-grid ul li { float: left; margin-right: 10px; }
.portfolio-img-grid ul li img { border: solid 5px #03101F; }
.portfolio-img-grid ul li.last { margin-right: 0; }
#middle-portfolio .solutions-selector-wrap { margin: 10px 0 0 94px; }