/* -----------------------------------------------------------------------

Name: URL: 
Description: 
Author: 

Blueprint CSS Grid :
	- Column Count: 24
	- Column Width: 30px
	- Gutter Width: 10px
	- Total Width : 950px
	
	- Baseline: 20px


----------------------------------------------------------------------- */

/* Table of Contents
 ------------------------------------------
 
   I. Major Page Structure / Global Elements
  II. Header & Navigation
 III. Main Content
 		A. Non-Layout Specific Content Styles
		B. Layout Specific Content Styles
  IV. Footer
   V. Global Custom Classes
  VI. Blueprint & Superfish Overrides

 ------------------------------------------
*/


/* Colors
 ------------------------------------------

 ------------------------------------------
*/

/********************************************************************************
			 --- I. Major Page Structure / Global Elements  ---
*********************************************************************************/



body {margin-top:0px; margin-bottom:0px; font-size:75%; font-family: Helvetica, Arial ,sans-serif; background:#e9e5d0}

h1 {font-size: 2.5em;line-height: 0.6em;margin-bottom: 0em;}
h2 {}
h3 {font-size: 1.333333em;line-height: 1.125em;}
h4 {}
h5 {}

a {color:#5e3d27}
a:hover {color:#5e3d27}

p, textarea, input, select, ul, div {font-family: Helvetica, Arial, san-serif; font-size:1em; line-height: 1.5em;color:#383838; }

.wrapper {background: #ffffff url(../images/content/img-main.jpg); margin: 0 auto; width:1100px; border:10px solid white; background-repeat:no-repeat; overflow:hidden; padding-bottom:30px}


/********************************************************************************
			 --- Global Custom Classes  ---
*********************************************************************************/

.global .cta {color:#57341d; font-size:1em;margin-top:29px}
.global .cta a {color:#57341d; font-size:1em; }

.global .locations ul li{display:inline; margin-left:15px; width:123px; float:left;}
.global .locations ul li span.locations{background: white; padding:4px 5px 0px 5px; display:block; font-size: 0.916667em; line-height: 1.636364em;}
.global .locations ul li span.number{padding:4px 5px 0px 5px; display:block;font-size: 1.5em;line-height: 1em;}

.header {background: url(../images/layout/tile-header.png) repeat-x; height:147px; margin-top:1.5em}	
.header .logo {padding-top:1.75em}
.header .navigation {padding-top:4.5em; float:right;}
.header .navigation ul li {font-indent:-999px;display:inline; list-style:none}
.header .navigation ul li a.top{display:block;line-height:0 !important;font-size:0 !important;color:#fff;background:url(../images/layout/sprite-navigation.png) no-repeat 0 0; z-index: 2; float:left }

.header .navigation ul li.home a.top{width:65px; height:44px; background-position:-5px -2px;}
.header .navigation ul li.home a.top:hover,.navigation ul li.home a.top:active, .navigation ul li.home a.top#current  {background-position:-5px -48px;}
.header .navigation ul li.services a.top{width:79px; height:44px; background-position:-76px -2px;}
.header .navigation ul li.services a.top:hover,.navigation ul li.services a.top:active, .navigation ul li.services a.top#current  {background-position:-76px -48px;}
.header .navigation ul li.team a.top{width:131px; height:44px; background-position:-161px -2px;}
.header .navigation ul li.team a.top:hover,.navigation ul li.team a.top:active, .navigation ul li.team a.top#current  {background-position:-161px -48px;}
.header .navigation ul li.gallery a.top{width:72px; height:44px; background-position:-296px -2px;}
.header .navigation ul li.gallery a.top:hover,.navigation ul li.gallery a.top:active, .navigation ul li.gallery a.top#current  {background-position:-296px -48px;}
.header .navigation ul li.about a.top{width:72px; height:44px; background-position:-373px -2px;}
.header .navigation ul li.about a.top:hover,.navigation ul li.about a.top:active, .navigation ul li.about a.top#current  {background-position:-373px -48px;}
.header .navigation ul li.contact a.top{width:72px; height:44px; background-position:-449px -2px;}
.header .navigation ul li.contact a.top:hover,.navigation ul li.contact a.top:active, .navigation ul li.contact a.top#current  {background-position:-449px -48px;}

.header .navigation ul.sf-menu li.services ul {background-color: #765a46;  position: absolute; top:35px; left:10px; width: 500px}
.ie6 .header .navigation ul.sf-menu li.services ul {background-color:#765a46; position: absolute; top:35px; left:10px; width:500px;}
.header .navigation ul.sf-menu li.services ul li{float:left;  margin:8px 0px; border-left: 1px solid white; height:14px; padding:0px 6px;}
.header .navigation ul.sf-menu li.services ul li.first{border:0px; margin-left: 10px}
.header .navigation ul.sf-menu li.services ul li a{color:white; font-size:10px; margin-top:-8px}

.hero {margin-top:7.5em}

.hero .service-navigation {}
.hero .service-navigation ul li{font-indent:-999px;display:inline; list-style:none;;}
.hero .service-navigation ul li a{display:block;line-height:0 !important;font-size:0 !important;color:#fff;background:url(../images/layout/sprite-navigation.png) no-repeat 0 0; z-index: 2; float:left; margin: 3px; text-indent:-999px }

.hero .service-navigation ul li.grounds a{width:126px; height:103px; background-position:-5px -109px;}
.hero .service-navigation ul li.grounds a:hover,.hero .service-navigation ul li.grounds a:active{background-position:-5px -221px;}
.hero .service-navigation ul li.color a{width:126px; height:103px; background-position:-135px -108px;}
.hero .service-navigation ul li.color a:hover,.hero .service-navigation ul li.color a:active{background-position:-135px -221px;}
.hero .service-navigation ul li.irrigation a{width:126px; height:103px; background-position:-266px -108px;}
.hero .service-navigation ul li.irrigation a:hover,.hero .service-navigation ul li.irrigation a:active{background-position:-266px -221px;}
.hero .service-navigation ul li.enhancements a{width:126px; height:103px; background-position:-398px -108px;}
.hero .service-navigation ul li.enhancements a:hover,.hero .service-navigation ul li.enhancements a:active{background-position:-398px -221px;}



.content {background: white; margin-top:1.5em; padding-top: 1.5em}
.content h1{float:left; }

#services .content p img.feature{background:url(../images/layout/bkg-services-featimg.jpg) no-repeat; padding: 12px 14px 18px 18px; overflow:visible; margin: 0px 1.5em 1.5em 0px}
#services .content .main ul{margin:0px 20px 20px 20px; float:left;}

.content .next-steps h3{background-color:#e9e5d0; padding: 3px 0px 0px 12px;font-size: 1.5em;line-height: 1em;}
.content .next-steps ul {margin-left:15px !important}
.content .next-steps ul li{background:url(../images/layout/gfx-bullet-next-steps.jpg) no-repeat; line-height:3em; padding-top:-6px;list-style-type: none;text-indent: 30px;}
.content .next-steps a {color:#795d4a; font-weight:bold}
.content .breadcrumbs, .content .breadcrumbs a {color:#626262;font-size: 0.833333em;line-height: 1.8em;margin-bottom: 3.6em;}


.content .main .profile h4 {margin-bottom:.75em}
.content .main .profile h4 span{color:#765a46;}
.content .main .profile ul.details{background:#fafafa; margin:0px 0px 1.5em 0px!important; list-style:none; padding: 5px 8px 2px 8px;border: 1px solid #e5e5e5; }
.content .main .profile ul.details li {border-bottom: 1px solid #e5e5e5; font-size:11px; padding: 5px 0px}
.content .main .profile ul.details li.last{border:0px}
.content .main .profile ul.details li span{width: 70px; display:inline-block}
.content .main .profile .bio{margin:1em; font-size:11px; }
.content .main .profile hr {position:relative; top:1.5em;}
.content .main .profile.crew ul{margin:0 auto !important; width:190px; text-align:center}

.content .main.services img{margin-top: 0px !important;background:url(../images/layout/bkg-services-thumbimg.jpg) no-repeat; padding: 11px 14px 18px 15px; overflow:visible; }


.content .sidebar{padding:0px; margin:0px}
.content .sidebar .top{background-color: #f4f4f4;padding: 8px}
.content .sidebar .module{clear:both; margin-bottom: 1.5em; overflow:hidden}
.content .sidebar .module p{padding: 4px 8px 0px 10px; margin-bottom:.75em}
.content .sidebar .module h3{background-color:#ffffff; padding: 10px 8px 4px 8px;}
.content .sidebar .module ul li {list-style:none;}
.content .sidebar .module ul li a{color:#57341d; text-decoration:none;}
.content .sidebar .module.newsletter{background-color:#ffffff; padding-bottom:1.5em}
.content .sidebar .module.newsletter h3{padding: 16px 8px 0px 10px;margin-bottom:.5em;}
.content .sidebar .module.service {background-color:#ffffff; padding-bottom:1.5em}
.content .sidebar .module.service h3{padding: 1.5em 8px 0px 10px;margin-bottom:1em; border-bottom: 5px solid #f4f4f4}
.content .sidebar .module.service ul {margin:0px !important;}
.content .sidebar .module.service ul li{display:inline;padding: 0px 0px 0px 10px; margin-top:1.5em}
.content .sidebar form {padding: 0px 8px 0px 16px; margin-bottom:.75em;}
.content .sidebar form input {height: 1.5em; margin-bottom:10px; width:180px}

.footer {margin-top:3em}
.footer ul {float:left; margin:0px; }
.footer ul li {display:block;}
.footer ul li a{font-size: 0.916667em;line-height: 1.636364em; color:#333333; text-decoration:none;}
.footer .commitment{text-align:right; float:right; width:310px}
.footer .social{float:left; font-size: 0.833333em; line-height: 1.8em; color:#333333;}
.footer .copyright{float:right; font-size: 0.833333em; line-height: 1.8em; color:#333333;}
.footer hr{  border-color: #f2f0e3;  border-style: solid;  border-width: 10px 0 0;  clear: both;  margin: 0 0 20px;  height: 0;}
.footer .social a img{margin: 0px 3px 0px 3px;position:relative; top: 4px }

/********************************************************************************
			 --- Button Classes  ---
*********************************************************************************/

a.button, button.button{display:block;line-height:0 !important;font-size:0 !important;color:#fff;background:url(../images/layout/sprite-navigation.png) no-repeat 0 0; z-index: 2; float:left; text-indent:-999px }

#home a.button{ margin-left:23px}
#home a.button.meet-team{width:148px; height:21px; background-position:-13px -348px;}
#home a.button.meet-team:hover,a.buttons.meet-team:active {background-position:-13px -377px;}
#home a.button.testimonials{width:160px; height:21px; background-position:-203px -348px;}
#home a.button.testimonials:hover,a.buttons.testimonials:active {background-position:-203px -377px;}


a.button.fact-sheet{width:205px; height:41px; background-position:-7px -536px;}
a.button.fact-sheet:hover,a.buttons.fact-sheet:active {background-position:-7px -574px;}
a.button.testimonials{width:205px; height:34px; background-position:-7px -728px;}
a.button.testimonials:hover,a.buttons.testimonials:active { background-position:-7px -762px;}
a.button.brochure{width:205px; height:41px; background-position:-7px -427px;}
a.button.brochure:hover,a.buttons.brochure:active {background-position:-7px -472px;}

button.button.subscribe{width:205px; height:38px; background-position:-12px -634px; border:0px; padding-bottom:1.5em}
button.button.subscribe:hover{width:205px; height:38px; background-position:-12px -670px; border:0px}

a.button.signup{width:205px; height:38px; background-position:-195px -634px; border:0px; padding-bottom:1.5em; margin-left:12px}
a.button.signup:hover{width:205px; height:38px; background-position:-195px -670px; border:0px}


/********************************************************************************
			 --- Homepage Classes  ---
*********************************************************************************/
#home .content {background: white; margin-top:12em}
#home .content h3{background-color:#e5dfc1; padding:6px 0px 0px 23px; width:430px; color:#333333;font-size: 1.5em;line-height: 1em;}
#home .content p{padding:4px 0px 4px 23px; width:250px}
#home .content img{float:right; position:relative; top:-50px; right:30px; margin-left:10px; border:2px solid white;}


/********************************************************************************
			 --- Form Classes  ---
*********************************************************************************/


form#commentForm fieldset {  padding:0px; margin-top:1.5em}
form#commentForm label{display:block; float:left;margin-right:20px;width:120px; padding:10px 0px 0px 20px}
form#commentForm .form-row{padding:.75em 0px; ;border-top:1px solid #fff; background-color:#f7f7f7}
form#commentForm .form-row input{height:1.5em; border:1px solid #ccc; padding:5px; width:270px}
form#commentForm .form-row select{height:2.5em; border:1px solid #ccc; padding:5px 5px 5px 5px; width:250px}
form#commentForm .form-row input[type=checkbox]  {width:50px; margin-left:150px}
form#commentForm input[type=submit] {background-color:#B9B30C; padding:8px 24px; border:0px; color:white;margin-left:160px; height:35px; padding:10px 5px 12px 5px; width:175px}
form#commentForm .form-row textarea{height:120px}

/********************************************************************************
			 --- Pop Up Classes  ---
*********************************************************************************/
body.overlay {background: #D8D4B9; padding: 10px;}
body.overlay #page {background: #ffffff; width: 620px}
body.overlay .image-title {font-family:Helvetica, Arial, sans-serif;font-size: 14px; color:#675310; }
body.overlay .close-this {float:right; margin-bottom: 0px; padding: 8px 10px 4px 10px; font-size:10px; background-color:#e5e2cb; width: 95px; text-align: center }
body.overlay .close-this a{text-decoration: none; }
body.overlay .close-this:hover {background-color:white;}
body.overlay #thumbs {margin: 0 auto}
body.overlay .content {background: #ffffff;padding:20px 10px 10px 20px; margin-top:0px}
body.overlay .gallery .content {background: transparent;padding:0px;}
body.overlay h1 {font-family: Times, Georgia, Serif;font-size: 18px; color:#675310; }
body.overlay fieldset{border-color:#f2f2f2; background-color: #f8f7f1; padding: 30px}
body.overlay label{width:85px !important;  float:left; margin-bottom: 0px; margin-top: 0px; padding: 0px}
body.overlay input{border:1px solid #CCCCCC;width:240px !important; margin-left: 20px; float:left; margin-bottom: 1em}
body.overlay label.error{width:280px !important; margin-left: 70px; height:26px; padding: 4px}
body.overlay input.submit {margin-left: 105px; width:125px !important;}
body.overlay form p{margin:0px; padding:0px}
body.overlay input[type=checkbox], input.checkbox {width:40px !important; margin-left: 95px; margin-bottom: 35px}


/********************************************************************************
			 --- Overrides  ---
*********************************************************************************/

fieldset{border:0px}
.small{margin-bottom:.8em;}
.error {background:#FBE3E4 none repeat scroll 0 0;border-color:#FBC2C4;color:#8A1F11;}

input.error{height:17px;width:270px; padding-top: 5px;display:block;}
label.error{height:12px;margin-left:100px;margin-top:-21px;padding-top:8px;width:270px !important;}

.sf-menu li{background-color:transparent;}
.stico_default{background-image:none !important;}
a.stbutton{padding:0px !important;}

#TB_window {border:none;}
#TB_title{background-color:#f4f4f4}
#TB_title + #TB_title{display:none;}
#gallerific{background-color:#ffffff}
#gallerific #container {margin-left:20px}
#gallerific .header{border-bottom:3px solid #f4f4f4; padding:10px 0px 5px 10px; height:30px; margin-bottom:20px}
#gallerific  h2 {margin:5px 0px 1em 0px; font-size:21px; font-weight:normal; }
#gallerific .image-title {font-size:12px; font-weight:normal}
#gallerific .content{margin-top:0; padding-to:0;}

#lightbox {background-color:#ffffff}
#lightbox .container {width:570px}
.overlay h2{color:#56331c;}

div.editable-region{display:inline; margin:0px; padding:0px}


/********************************************************************************
			 --- Facebook Overrides  ---
*********************************************************************************/