/* 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; }

.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: #F7403A; }
a:hover { color: #9A9B95; }

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


/*///////////////////////////////////////
										
text
///////////////////////////////////////*/
p { margin-top: .5em; line-height: 1.2em; }
p.subtitle { font-weight: bold; }


/*///////////////////////////////////////
										
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 h1.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 11px; }
.heading h1.pople span { text-indent: -5000px; display: block; overflow: hidden; }
.heading .branding img { float: left; margin: 59px 0 0 23px; }
.heading h1.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 h1.shed { _background: url(../images/common/logo-shed.gif) top left no-repeat; }
.heading h1.shed span { text-indent: -5000px; display: block; overflow: hidden; }

ul#main-nav { float: left; margin: 94px 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; }
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-contact-us h2 { background-position: -230px -36px; }
ul#main-nav li#nav-contact-us h2 span { background-position: 0px -36px; }
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 -36px; }



/*///////////////////////////////////////
										
content
///////////////////////////////////////*/

.primary { margin: 0 5px; padding-bottom: 30px; }

/* promo panels on home */
ul.promo { margin: 0 0 0 11px; width: 984px; }
ul.promo li.second,
ul.promo li.third { float: left; margin-left: 16px; width: 230px; }
ul.promo li.first { float: left; margin-left: 0; }
ul.promo li.fourth { float: right; width: 235px; }
ul.promo li.fourth li.item { background: url(../images/common/bg-break-right.gif) top right no-repeat; margin-bottom: 20px; }

ul.promo li.first h2 a { color: #00AF3F; }
ul.promo li.first h2 a span { color: #57584F; }

ul.promo li.second h2 a { color: #00AF3F; }
ul.promo li.second h2 a span { color: #57584F; }

ul.promo li.third h2 a { color: #F7403A; }
ul.promo li.third h2 a span { color: #57584F; }

ul.promo li h2 a:hover span { color: #9A9B95; }

ul.promo li h2 { font-size: 1.4em; line-height: 1.1em; padding: 16px 10px 6px 0; }
ul.follow-on-links li { padding: 2px 16px 2px 0; }
ul.list h3,
ul.list p { line-height: 1.2em; }

a.bullet { background: url(../images/common/arrow-right.gif) left center no-repeat; padding-left: 8px; }

li.coming-soon { width: 230px; float: left; }
li.coming-soon-hero { width: 722px; margin-left: 246px; height: 360px; overflow: hidden; }

ul.portfolio { height: 360px; overflow: hidden; }

/*///////////////////////////////////////
										
footer
///////////////////////////////////////*/
.footer { width: 1000px; margin: 0 auto 20px; font-size: .8em; background: url(/images/common/bg-shadow-bottom.gif) top center no-repeat; padding: 16px 0 6px; clear: both; }
.footer .inner { background: #FFFFFF; margin: 0 5px; padding: 6px 11px 4px; width: 968px }
.footer .copyright { width: 460px; float: left; }
.footer ul.nav { width: 290px; float: left; }
.footer ul.nav li { float: left; }
.footer .credit { width: 200px; float: left; }