/* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { display:block; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

a:focus { -moz-outline-style: none; }
a,
a:active,
a:link,
a:hover { text-decoration: none; color: #797972; }
a:hover { color: #9A9B95; }

body { font-family: Helvetica, Arial, sans-serif; background: #dddedc; font-size: .8em;  }


/*///////////////////////////////////////
										
text
///////////////////////////////////////*/
p { margin-top: .5em; line-height: 1.5em; color:#797972; font-size: .95em; }
p.subtitle { font-weight: bold; }
.secondary .testimonial-pople { color:#00AF3F; }
.secondary .testimonial-shed { color:#F7403A; }
 

/*///////////////////////////////////////
										
framing
///////////////////////////////////////*/
.wrapper { width: 1000px; margin: 0 auto; background: url(../images/common/bg-shadow-main.gif) top center repeat-y; }
.heading { background: url(../images/common/bg-shadow-top.gif) top center no-repeat; width: 1000px; margin: 6px 0 0 0; }
.heading .inner { margin: 10px 5px 0; width: 990px; height: 166px; }

										 
/*///////////////////////////////////////
										
branding & nav
///////////////////////////////////////*/
.heading h2.pople { float: left; display: block; background: url(../images/common/logo-pople.gif) top left no-repeat; padding-top: 60px; width: 152px; height: 45px; line-height: 1em; font-size: 1.5em; color: #000000; margin: 24px 0 0 0; }
.heading h2.pople span { text-indent: -5000px; display: block; overflow: hidden; }
.heading .branding img { float: left; margin: 59px 0 0 23px; }
.heading h2.shed { float: left; display: block; background: url(../images/common/logo-shed.png) top left no-repeat; padding-top: 28px; width: 154px; height: 103px; line-height: 1em; font-size: 1.5em; color: #000000; margin-left: 46px; position: relative; top: 60px; z-index: 50; }
.heading h2.shed span { text-indent: -5000px; display: block; overflow: hidden; }

/* version two layout for shed logo  */
.heading h2.shed-v2 { float: left; display: block; background: url(../images/common/logo-shed.png) top left no-repeat; padding-top: 28px; width: 154px; height: 103px; line-height: 1em; font-size: 1.5em; color: #000000; margin-left: 20px; position: relative; top: 60px; z-index: 50; }
.heading h2.shed-v2 span { text-indent: -5000px; display: block; overflow: hidden; }

.heading .service-nav { float: right; width: 240px; }
.heading .service-nav ul { padding: 40px 0 0 0; }
.heading .service-nav ul li h2 { font-size:1em; line-height:1em; }

ul#main-nav { float: left; margin: 32px 0 0 -2px; width: 230px; }
ul#main-nav li { margin-bottom: 5px; }
ul#main-nav li.first { }
ul#main-nav li h2 { height: 12px; width: 230px; background: url(../images/common/global-nav.gif) no-repeat; margin: 0 0 0px 0; }
ul#main-nav li h2 a { display: block; width: 100%; height: 100% }
ul#main-nav li h2 a span { display: block; background: url(../images/common/global-nav.gif) no-repeat; width: 100%; height: 100%; }
ul#main-nav li h2 span { overflow: hidden; text-indent: -5000px; }
ul#main-nav li h2 a:hover span { background: none; }

ul#main-nav li#nav-home h2 { background-position: -230px 0px; }
ul#main-nav li#nav-home h2 span { background-position: 0px 0px; }
body#page-home ul#main-nav li#nav-home h2,
body#page-home ul#main-nav li#nav-home h2 span,
body#page-home ul#main-nav li#nav-home h2 a:hover span { background-position: -460px 0px; }

ul#main-nav li#nav-about-us h2 { background-position: -230px -12px; }
ul#main-nav li#nav-about-us h2 span { background-position: 0px -12px; }
body#page-about-us ul#main-nav li#nav-about-us h2,
body#page-about-us ul#main-nav li#nav-about-us h2 span,
body#page-about-us ul#main-nav li#nav-about-us h2 a:hover span { background-position: -460px -12px; }

ul#main-nav li#nav-blog h2 { background-position: -230px -24px; }
ul#main-nav li#nav-blog h2 span { background-position: 0px -24px; }
body#page-blog ul#main-nav li#nav-blog h2,
body#page-blog ul#main-nav li#nav-blog h2 span,
body#page-blog ul#main-nav li#nav-blog h2 a:hover span { background-position: -460px -24px; }

ul#main-nav li#nav-clients h2 { background-position: -230px -36px; }
ul#main-nav li#nav-clients h2 span { background-position: 0px -36px; }
body#page-clients ul#main-nav li#nav-clients h2,
body#page-clients ul#main-nav li#nav-clients h2 span,
body#page-clients ul#main-nav li#nav-clients h2 a:hover span { background-position: -460px -36px; }


ul#main-nav li#nav-links h2 { background-position: -230px -48px; }
ul#main-nav li#nav-links h2 span { background-position: 0px -48px; }
body#page-links ul#main-nav li#nav-links h2,
body#page-links ul#main-nav li#nav-links h2 span,
body#page-links ul#main-nav li#nav-links h2 a:hover span { background-position: -460px -48px; }

ul#main-nav li#nav-contact-us h2 { background-position: -230px -60px; }
ul#main-nav li#nav-contact-us h2 span { background-position: 0px -60px; }
body#page-contact-us ul#main-nav li#nav-contact-us h2,
body#page-contact-us ul#main-nav li#nav-contact-us h2 span,
body#page-contact-us ul#main-nav li#nav-contact-us h2 a:hover span { background-position: -460px -60px; }



/* SERVICDE NAV */
ul#sub-nav-top { float: left; width: 230px; }
ul#sub-nav-top li { margin-bottom: 3px; }
ul#sub-nav-top li h2 { height: 26px; width: 230px; background: url(../images/common/sub-nav-top.gif) no-repeat; margin: 0; }
ul#sub-nav-top li h2 a { display: block; width: 100%; height: 100% }
ul#sub-nav-top li h2 a span { display: block; background: url(../images/common/sub-nav-top.gif) no-repeat; width: 100%; height: 100%; }
ul#sub-nav-top li h2 span { overflow: hidden; text-indent: -5000px; }
ul#sub-nav-top li h2 a:hover span { background: none; }

ul#sub-nav-top li#nav-top-pople-home h2 { background-position: 0px -26px; }
ul#sub-nav-top li#nav-top-pople-home h2 span { background-position: 0px 0px; }
body#page-pople-home-landscapes ul#sub-nav-top li#nav-top-pople-home h2,
body#page-pople-home-landscapes ul#sub-nav-top li#nav-top-pople-home h2 span,
body#page-pople-home-landscapes ul#sub-nav-top li#nav-top-pople-home h2 a:hover span { background-position: 0px -52px; }

ul#sub-nav-top li#nav-top-pople-commercial h2 { background-position: -230px -26px; }
ul#sub-nav-top li#nav-top-pople-commercial h2 span { background-position: -230px 0px; }
body#page-pople-commercial-landscapes ul#sub-nav-top li#nav-top-pople-commercial h2,
body#page-pople-commercial-landscapes ul#sub-nav-top li#nav-top-pople-commercial h2 span,
body#page-pople-commercial-landscapes ul#sub-nav-top li#nav-top-pople-commercial h2 a:hover span { background-position: -230px -52px; }

ul#sub-nav-top li#nav-top-shed h2 { background-position: -460px -26px; }
ul#sub-nav-top li#nav-top-shed h2 span { background-position: -460px 0px; }
body#page-shed-grounds-maintenance ul#sub-nav-top li#nav-top-shed h2,
body#page-shed-grounds-maintenance ul#sub-nav-top li#nav-top-shed h2 span,
body#page-shed-grounds-maintenance ul#sub-nav-top li#nav-top-shed h2 a:hover span { background-position: -460px -52px; }




/*///////////////////////////////////////
										
primary content
///////////////////////////////////////*/

body#page-shed-grounds-maintenance .primary,
body#page-pople-commercial-landscapes .primary,
body#page-about-us .primary,

body#page-pople-home-landscapes .primary { padding-bottom: 11px; }

.primary { margin: 0 5px; padding-bottom: 30px; }
.primary h3 { font-size:13px; line-height: 1.4em; color:#00AF3F; }

.primary .col1 { width: 241px; float:left; margin: 0 0 0 11px; }
.primary .col1 p { color:#6b6d57; }

.primary .client-table { margin-left:267px; width:712px; padding-top:35px; }

body#page-contact-us .primary p.address { line-height:2em; padding: 10px 0 0 0; }
body#page-contact-us .primary p { color:#6b6d57; }
body#page-contact-us .primary p span { color:#F7403A; }
body#page-contact-us .primary p span.telNo { color:#6b6d57; font-size:1.2em; }
body#page-contact-us .primary a { text-decoration:underline; color:#6b6d57; }
body#page-contact-us .primary a:hover { text-decoration:none; color:#6b6d57; }
body#page-clients .primary,
body#page-links .primary,
body#page-sitemap .primary,
body#page-contact-us .primary { margin: 40px 5px 0 5px; padding-bottom: 30px; }

/* promo panels on home */
ul.promo { margin: 0 0 0 11px; width: 984px; }
ul.promo li.col1 { float: left; margin: 0; width:230px; }
ul.promo li.col2,
ul.promo li.col3 { float: left; margin-left: 22px; width: 230px; }
ul.promo li.col4 { float: right; width: 235px; background: url(../images/common/bg-break-right.gif) top right no-repeat; padding:10px 0 0; }
ul.promo li.col4 li.item { padding: 0 16px 0 0; }


/* HOME PROMO LINKS */
ul.promo li.col1 { margin:0; width:230px; }
ul.promo li.col1 { height: 292px; width: 230px; background: url(../images/content/promo-pople-home.jpg) top left no-repeat; margin:0;  }
ul.promo li.col1 a { display: block; width: 100%; height: 100% }
ul.promo li.col1 a span { height: 100%; width: 100%;   }
ul.promo li.col1 span { overflow: hidden; text-indent: -5000px; visibility:hidden; }
ul.promo li.col1 a:hover { height: 292px; width: 230px; background: url(../images/content/promo-pople-home.jpg) bottom left no-repeat; margin:0; }

ul.promo li.col2 { height: 292px; width: 230px; background: url(../images/content/promo-pople-commercial.jpg) top left no-repeat;   }
ul.promo li.col2 a { display: block; width: 100%; height: 100% }
ul.promo li.col2 a span { height: 100%; width: 100%;   }
ul.promo li.col2 span { overflow: hidden; text-indent: -5000px; visibility:hidden; }
ul.promo li.col2 a:hover { height: 292px; width: 230px; background: url(../images/content/promo-pople-commercial.jpg) bottom left no-repeat; }

ul.promo li.col3 { height: 292px; width: 230px; background: url(../images/content/promo-shed.jpg) top left no-repeat; }
ul.promo li.col3 a { display: block; width: 100%; height: 100% }
ul.promo li.col3 a span { height: 100%; width: 100%;   }
ul.promo li.col3 span { overflow: hidden; text-indent: -5000px; visibility:hidden; }
ul.promo li.col3 a:hover { height: 292px; width: 230px; background: url(../images/content/promo-shed.jpg) bottom left no-repeat;  }






ul.follow-on-links li { padding: 2px 16px 2px 0; }
ul.list h3,
ul.list p { line-height: 1.4em; }
a.bullet { background: url(../images/common/arrow-right.gif) left center no-repeat; padding-left: 8px; }



.sub-nav-col { width: 241px; float: left; }
.contact-details { width: 394px; margin-left: 257px; }
.links { width: 600px; margin-left: 257px; }
#gallery { width: 722px; margin-left: 257px; height:360px; }
.content { display: none; width: 722px; } 
.slideshow a.advance-link { display: block; width: 722px; }
.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
.slideshow img {  }
.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
.slideshow-container { position: relative; line-height: 0; height:360px; }
.caption-container { position: relative; }
span.image-caption { display: block; position: absolute; top: 0; left: 0; }
.caption { background-color:#FFFFFF; margin:300px 0 0; padding:5px 5px 3px 0; }
.image-desc { line-height: 1.3em; padding-top: 0; font-size: 1em; position:relative; top:0; left:0; color:#00AF3F; }
body#page-shed-grounds-maintenance .image-desc { color:#F7403A; }
body#page-about-us .image-desc { color:#57584F; }





ul#sub-nav li#linkone,
ul#sub-nav li#linktwo { height: 40px; }
ul#sub-nav li#linkone { margin: 0 0 4px 0; }
ul#sub-nav li span { background: url(../images/common/side-nav.png) no-repeat left top; display:block; width:241px; height:40px; overflow: hidden; text-indent: -5000px; display:block;}

ul#sub-nav ul.cs-list { background:url(../images/common/pople-home-side-nav-bottom.png) left bottom no-repeat; background-color:#e8e9e3; padding: 5px 0 20px 11px; }
ul#sub-nav ul.cs-list  li { color:#797C67; margin: 0 0 8px 0; }
ul#sub-nav ul.cs-list  li a { color:#797C67; text-decoration:none; }
ul#sub-nav ul.cs-list  li a:hover { color:#999C89; text-decoration:none; }
ul#sub-nav ul.cs-list  li.selected { color:#4D4E3B; background: url(../images/common/sub-nav-arrow.gif) right top no-repeat; }



body#page-shed-grounds-maintenance ul#sub-nav li#linkone.selected span { background-position: 0px bottom; }
body#page-shed-grounds-maintenance ul#sub-nav li#linkone a span { background-position: 0px top; }
body#page-shed-grounds-maintenance ul#sub-nav li#linkone a:hover span { background-position: 0px bottom; }

body#page-shed-grounds-maintenance ul#sub-nav li#linktwo.selected span { background-position: -964px bottom; }
body#page-shed-grounds-maintenance ul#sub-nav li#linktwo a span { background-position: -964px top; }
body#page-shed-grounds-maintenance ul#sub-nav li#linktwo a:hover span { background-position: -964px bottom; }

body#page-pople-commercial-landscapes ul#sub-nav li#linkone.selected span { background-position: -482px bottom; }
body#page-pople-commercial-landscapes ul#sub-nav li#linkone a span { background-position: -482px top; }
body#page-pople-commercial-landscapes ul#sub-nav li#linkone a:hover span { background-position: -482px bottom; }

body#page-pople-home-landscapes ul#sub-nav li#linkone.selected span { background-position: -723px bottom; }
body#page-pople-home-landscapes ul#sub-nav li#linkone a span { background-position: -723px top; }
body#page-pople-home-landscapes ul#sub-nav li#linkone a:hover span { background-position: -723px bottom; }

body#page-pople-home-landscapes ul#sub-nav li#linktwo.selected span { background-position: -241px bottom; background-color:#e8e9e3; }
body#page-pople-home-landscapes ul#sub-nav li#linktwo { margin: 0 0 0 0; }


body#page-pople-home-landscapes ul#sub-nav li#linktwo.selected span,
body#page-pople-commercial-landscapes ul#sub-nav li#linktwo.selected span { background-position: -241px bottom; }
body#page-pople-home-landscapes ul#sub-nav li#linktwo a span,
body#page-pople-commercial-landscapes ul#sub-nav li#linktwo a span { background-position: -241px top; }
body#page-pople-home-landscapes ul#sub-nav li#linktwo a:hover span,
body#page-pople-commercial-landscapes ul#sub-nav li#linktwo a:hover span { background-position: -241px bottom; }




/* LINKS & CLIENTS LAYOUT*/

table { width:722px; }
table td { padding:20px 20px; border-bottom:5px solid #ffffff; border-right:none; border-left:none; border-top:none; }
table td.title { font-size:1em; line-height: 1.4em; color:#00AF3F; background-color:#edede9; }
table td.title span { font-size:1.1em; color:#57584F; }
body#page-clients table td.title { width: 462px; }





/*///////////////////////////////////////
										
secondary content
///////////////////////////////////////*/

img.memberLogos { padding-top:40px; }
img.memberLogosContent { padding:40px 0 0 8px; }

.secondary { width:984px; margin: 0 0 0 16px; padding-bottom: 40px; }
.secondary p { color:#6b6d57;  margin-top:0.8em; line-height:1.5em; }
.secondary h2 { font-size:1.3em; color:#57584F; }
.secondary h3 { font-size:1.1em; color:#57584F; padding: 20px 0 0 0; }

#page-home .secondary .col1 { width:465px; margin: 0 38px 0 0; float:left; }
#page-home .secondary .col2 { width:230px; float:left; padding: 32px 0 0 0; }

.secondary .col1 { width:394px; margin: 24px 8px 0 246px; float:left; }
#pahe-home .secondary .col1 { width:394px; margin: 0 8px 0 246px; float:left; }
#page-about-us .secondary .col1 a { padding: 25px 18px 0 0; display:block; float:left }
#page-home .secondary .col2 { width:230px; float:left; padding: 32px 0 0 0; }
body#page-home .secondary .col2 a { background:url(../images/common/arrow-right.gif) left 2px no-repeat; padding: 0 0 0 8px; }

.secondary .col2 p { color:#797972 }
.secondary .col2 p.first { margin-top:0; font-size: 1em; font-weight: bold;}
.secondary .col2 { float:right; padding: 0;}
.secondary .col2 .cta a { padding: 0 0 0 8px; }
.secondary .col2 .cta { background: url(../images/common/bg-break-right-col2.gif) right top no-repeat; width:336px; margin:8px 0 0 0; } 
.secondary .col2 .cta h4 { padding: 18px 16px 0 8px; font-size: 1.15em; color:#4d4f3b; line-height: 1.3em; }

body#page-shed-grounds-maintenance .secondary .col2 .cta a { background: url(../images/common/cta.gif) left top no-repeat; width:80px; height:100%; display:block; margin:12px 0 0 8px; }
body#page-shed-grounds-maintenance .secondary .col2 .cta a:hover { background: url(../images/common/cta.gif) left bottom no-repeat; width:80px; height:100%; display:block; }

body#page-pople-home-landscapes .secondary .col2 .cta a,
body#page-pople-commercial-landscapes .secondary .col2 .cta a { background: url(../images/common/cta.gif) right top no-repeat; width:80px; height:100%; display:block; margin:12px 0 0 8px; }
body#page-pople-home-landscapes .secondary .col2 .cta a:hover,
body#page-pople-commercial-landscapes .secondary .col2 .cta a:hover { background: url(../images/common/cta.gif) right bottom no-repeat; width:80px; height:100%; display:block; }

.secondary .col2 .cta a { background: url(../images/common/cta.gif) -88px top no-repeat; width:80px; height:100%; display:block; margin:12px 0 0 8px; }
.secondary .col2 .cta a:hover { background: url(../images/common/cta.gif) -88px bottom no-repeat; width:80px; height:100%; display:block; }
.secondary .col2 .cta span { overflow: hidden; text-indent: -5000px; display:block; height:24px; }

ul.thumbs { width:320px; padding: 0 16px 0 0; display: inline-block; }
ul.thumbs li { width:72px; height:50px; float:left; padding: 0 0 8px 8px; }
ul.thumbs li a,
ul.thumbs li.last { padding: 0 0 0 0; }
body#page-shed-grounds-maintenance .secondary a { color:#6A6C58; text-decoration: underline; }
body#page-shed-grounds-maintenance .secondary a:hover { text-decoration: none; }


.secondary .col1 ul.bullet-list { padding: 20px 0 10px 20px; }
.secondary .col1 ul.bullet-list li { list-style:disc outside; padding: 0 0 10px 0; line-height:1.4em; color:#00AF3F; }




/*///////////////////////////////////////
										
sIFR replace styles
///////////////////////////////////////*/
.heading .service-nav ul li { margin: 0 0 4px 0; }
.heading .service-nav ul li h2 { color:#999C89; font-size:1.1em; }
.heading .service-nav ul li h2.pople-link a { color:#999C89; text-decoration:none; }
.heading .service-nav ul li h2.pople-link a:hover { color:#00af3f; }
.heading .service-nav ul li h2.shed-link a { color:#999C89; text-decoration:none; }
.heading .service-nav ul li h2.shed-link a:hover { color:#f7403a; }
.heading .service-nav ul li h2.shed-selected { color:#f7403a; }
.heading .service-nav ul li h2.pople-selected { color:#00af3f; }



.primary h1 { font-size:1.4em; color:#57584F; }
.secondary h1 { font-size:1.4em; color:#57584F; }
body#page-pople-home-landscapes .secondary h1,
body#page-pople-commercial-landscapes .secondary h1 { font-size:1.4em; color:#00AF3F; }
#page-pople-home-landscapes .secondary h1,
#page-shed-grounds-maintenance .secondary h1 { font-size:1.4em; color:#F7403A; padding: 0 0 3px 0; }


/*Site map*/
body#page-sitemap ul.promo li h2 { padding: 0 10px 0 0; }
body#page-sitemap .primary a { background:url(../images/common/arrow-right.gif) left 2px no-repeat; padding: 0 0 0 8px; }



/*///////////////////////////////////////
										
footer
///////////////////////////////////////*/
.footer { width: 1000px; margin: 0 auto 20px; font-size: .9em; background: url(/images/common/bg-shadow-bottom.gif) top center no-repeat; padding: 12px 0 6px; clear: both; }
.footer .inner { background: #FFFFFF; margin: 0 5px; padding: 12px 11px 8px; width: 968px }
.footer .copyright { width: 350px; float: left; color:#B3B4B0 }
.footer ul.nav { width: 410px; float: left; }
.footer ul.nav li { float: left; color:#B3B4B0; }
.footer .credit a,
.footer ul.nav li a { color:#B3B4B0; }
.footer .credit a:hover,
.footer ul.nav li a:hover { color:#000; }
.footer .credit { width: 200px; float: left; }