/*------------------------------------------------------
	Pizzo Master Screen Styles
	Updated: 06.10.2009
------------------------------------------------------*/

/*
cream: #FBFCDF
green text: #686D10
rules: #A8AC51
green: #4A5F1C
over: #4F705E
sub: #4A6958
footer green: #4E6637
*/

* { margin: 0; padding: 0; }

body {
	font: normal 10px Arial, sans-serif;
	color: #686D10;
	background: #4E6637 url(../images/site/body-bg.gif) repeat-x 0 0;;
}

a {
	color: #686D10;
	text-decoration: none;
	border-bottom: 1px dotted #686D10;
	outline: none;
}
a:hover {
	color: #4F705E;
}

img, a img { 
	border: 0; 
}

/*------------------------------------------------------
   Page structure
------------------------------------------------------*/

#header {
	height: 132px;
	background: url(../images/site/masthead.gif) no-repeat 0 0;
}
#header-inner {
	width: 974px;
	position: relative;
}
#wrap {	
	background: #4A5F1C url(../images/site/wrap-dk-bg.gif) repeat-y 0 0;
}
#main{
	width: 974px;
}
#nav {
	float: left;
	width: 126px;
}
#content {
	float: right;
	width: 844px; /*846*/
	padding: 0 1px;
	border-top: 1px solid #C1C47B;
	/*border-bottom: 1px solid #C1C47B;*/
	min-height: 454px; /*456*/
}
#primary {
	padding: 35px;
	width: 500px;
	float: left;
}
#secondary {
	float: right;
	width: 270px;
	padding-top: 35px;
}
#footer {
	clear: both;
	background: url(../images/site/footer-bg.gif) repeat-x 0 0;
}

/*------------------------------------------------------
   Common
------------------------------------------------------*/

#main h1, #main h2, #main h3, #main h4 {
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 1em;
}
#main h1 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#main h1.title {
	margin-bottom: 0;
}
#main h2 {
	margin: 1.4em 0 1.4em;
	padding-top: 1.4em;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #A8AC51;
}
#main h2.byline {
	margin: 0 0 1.4em;
	padding-top: 0;
	border: 0;
	font-size: 13px;
	text-transform: none;
	font-weight: normal;
}
#main h3 {
	margin: 1.6em 0 1.4em;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#main h4 {
	margin: 1.6em 1em 0 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #A8AC51;
}

#main p { 
	font-size: 11px;
	margin: 0 0 1.4em 0; 
	line-height: 1.4em;
}

#content ul, ol {
	margin: 0 0 1em 15px;
	padding: 0;
	font-size: 11px;
	line-height: 1.4em;
	list-style: none;
}
#content ul li {
	margin: 0;
	padding: 0 0 0 7px;
	background: transparent url(../images/site/bullet.gif) no-repeat 0 8px;
}
#content ol {
	margin: 0 0 1em 1.5em;
	padding: 0 0 0 15px;
	list-style: decimal;
}
#content blockquote {
	padding-left: 15px;
	border-left: 4px solid #dbdda1;
}

/*------------------------------------------------------
   Wider page
------------------------------------------------------*/

body.alt #primary { 
	width: 400px;
}
body.alt #secondary { 
	width: 370px;
}

/*------------------------------------------------------
   Bios
------------------------------------------------------*/

body.bio #primary { 
	width: 500px;
}
body.bio #secondary {
	width: 270px;
	padding-top: 87px;
}
.entry h2 em {
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
body.bio-landing #secondary {
	width: 270px;
	padding-top: 65px;
}

#content ul.bio-thumbs {
	margin: 0;
	padding: 0;
	
}
#content ul.bio-thumbs li {
	width: 200px;
	float: left;
	margin: 30px 30px 0 0;
	padding: 0;
	background: none;
}
#content ul.bio-thumbs a {
	border: 0;
}
#content ul.bio-thumbs h2 {
	border: 0;
	margin: 0;
	padding: 0;
}
/* contact page overrides */
.contact-col-1 { float: left; width:190px; margin-right: 30px; }
.contact-col-2 { float: left; width:500px; }
#content ul.contact-list li { margin: 0 30px 30px 0; }
#content ul.contact-list h2 { text-transform: none; }


/*------------------------------------------------------
   Services
------------------------------------------------------*/

/* landing */

body.landing #wrap {
	background: #4A5F1C url(../images/site/wrap-sixpack-bg.gif) repeat-y 0 0;
}
.column div {
	float: left;
	width: 134px;
	margin: 0 0 0 7px;
	padding: 3px 0 0;
}
.column div.first {
	margin: 0 0 0 3px;
}
.column div img {
	margin: 0 0 15px;
}
#main .column div p {
	margin: 0 13px 1.4em 13px;
	font-size: 10px;
}
#main .column div ul {
	margin: 0 13px 1.4em 13px;
	padding: 0;
}
#main .column div ul li {
	font-size: 10px;
}
#main .column a {
	border: 0;
}
#rhc p {
	padding-right: 10px;
}


/* detail pages */

body.services #primary {
	width: 395px; /*465-35-35*/
}
body.services #secondary {
	width: 375px;
	margin: -50px 1px 0 0;
	padding: 0;
}
#title {
	margin: 1px 1px 0 1px;
	height: 50px;
	background: #798120;
}
#title.design_planning { background: #798120; }
#title.installation { background: #C98216; }
#title.prescribed_fire { background: #DF674F; }
#title.stewardship { background: #299C95; }
#title.erosion_control { background: #A67289; }
#title.nursery { background: #6A6734; }

#title h1 {
	margin: 0;
	padding: 18px 35px 0 35px;
	color: #FBFCDF;
}

.thumbs img {
	float: left;
	margin: 0 10px 10px 0;
}
.thumbs a { border: 0; }


/*------------------------------------------------------
   Articles
------------------------------------------------------*/

body.articles #primary {
	width: 395px; /*465-35-35*/
}
body.articles #secondary {
	width: 375px;
	margin: 0;
	padding: 0;
	line-height: 1;
}
body.articles #secondary img {
	margin-bottom: 2px;
}


/*------------------------------------------------------
   Gallery
------------------------------------------------------*/

#dash-title, #dash-paging {
	float: left;
	margin: 35px 0 15px 35px;
}
#dash-title {
	width: 157px;
}
#dash-paging {
	border-left: 1px solid #686D10;
	padding-left: 15px;
}
#content #dash-title h1 {
	line-height: 1.2em;
	margin: 0 0 2px 0;
}
#content #dash-title p, #content #dash-paging p {
	margin: 0;
}
#content #dash-paging p.paging {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 2px 0;
	line-height: 1.2em;
}
#content #dash-paging p.paging span {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
#content #dash-paging p.paging a {
	border: 0;
	color: #A9B691;
}
#content #dash-paging p.paging a:hover {
	border: 0;
	color: #686D10;
}
div.thumbs {
	padding: 0 0 15px 35px;
}
.thumbs img {
	float: left;
	margin: 0 20px 17px 0;
}
.thumbs a { border: 0; }
	div.thumbs a {
	text-decoration: underline;
}
/* wallpaper */
.thumb {
	float: left;
	width: 246px;
	margin: 0 20px 60px 0;
}
.thumb img {
	float: none;
	display: block;
	margin: 0 0 10px 0;
}


/*------------------------------------------------------
   Contact - (form not implemented yet)
------------------------------------------------------*/

body.contact #secondary {
	padding-top: 67px;
}
#contactform #name,
#contactform #title,
#contactform #company,
#contactform #address,
#contactform #email,
#contactform #phone {
	width: 350px;
	background: #FDFEED;
	padding: 2px 4px;
	border: 1px solid #A8AC51;
	font: inherit;
	color: inherit;
}
#contactform #address {
	height: 50px;
}
#contactform #comments {
	width: 350px;
	height: 150px;
	background: #FDFEED;
	padding: 2px 4px;
	border: 1px solid #A8AC51;
	font: inherit;
	color: inherit;
}

/*------------------------------------------------------
   Navigation
------------------------------------------------------*/

#nav ul {
	list-style: none;
}
#nav ul li {
	font-size: 11px;
	line-height: 13px;
}
#nav a {
	display: block;
	padding: 11px 12px;
	border-bottom: 1px solid #A3AE7E;
	font-weight: bold;
	text-decoration: none;
	color: #FBFCDF;
	background: #4A5F1C;
}
#nav a:hover, #nav a.active {
	background: #4F705E;
}
/* you-are-here */
body.about #nav #about,
body.services #nav #services,
body.case_studies #nav #case_studies,
body.news #nav #news,
body.quote #nav #quote,
body.nursery #nav #nursery,
body.contact #nav #contact {
	background: #4F705E;
}
/* sub-navigation */
#nav ul ul {
	padding: 10px 0 18px 0;
	border-bottom: 1px solid #A3AE7E;
	background: #4F705E url(../images/site/nav-sub-bg.gif) repeat-x 0 0;
}
#nav ul ul li {
	padding: 4px 12px;
}
#nav ul ul a {
	display: inline;
	padding: 0;
	border: 0;
	font-weight: normal;
	background: transparent;
}
#nav ul ul a:hover, #nav ul ul a.active {
	border-bottom: 1px dotted #FBFCDF;
	background: transparent;
}

/* sidebar ad under nav */
#ad-solstice {
	float: left;
	width: 126px;
	height:132px;
	margin: 0;
	padding: 0;
}
#ad-solstice a, #ad-solstice a:hover {
	background: transparent;
	text-decoration: none;
	border: 0;
}

/*------------------------------------------------------
   Header
------------------------------------------------------*/

#header h1 a {
	position: absolute;
	top: 0; left: 0;
	width: 313px;
	height: 130px;
	text-indent: -9999px;
	border: 0;
}
#header h2 {
	position: absolute;
	top: 41px; left: 339px;
	width: 420px;
	height: 49px;
	text-indent: -9999px;
}

#header #download-links {
	position: absolute;
	top: 32px; right: 0;
	width: 168px;
	text-align: left;
}
#header #download-links a {
	display: block;
	padding: 5px 3px;
	margin: 0 0 2px 0;
	color: #FBFCDF;
	text-decoration: none;
	border: 0;
	background: #495b31;
}
#header #download-links a:hover {
	color: #fff;
	background: #4F705E;
}

/* replaced... */
#header #brochure-link {
	display: block;
	position: absolute;
	top: 46px; right: 0;
	padding: 5px 10px;
	color: #FBFCDF;
	text-decoration: none;
	border: 0;
	background: #495b31;
}
#header #brochure-link:hover {
	color: #fff;
	background: #4F705E;
}

/*------------------------------------------------------
   Footer
------------------------------------------------------*/

#footer div {
	margin: 0 0 0 150px;
	padding: 20px 0;	
	width: 825px;
}
#footer p {
	color: #FBFCDF;
}
#footer #copyright {
	float: right;
	text-align: right;
}
#footer a {
	color: #FBFCDF;
	text-decoration: none;
	border-bottom: 1px dotted #FBFCDF;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}
#footer a.noline {
	border-bottom: none;
}


/*------------------------------------------------------
   Home Page
------------------------------------------------------*/

body.home #content {
	position: relative;
	border: 0;
	height: 456px;
}
#hero {
	height: 456px;
	position: absolute;
	top: 0; left: 0;
}
#hero img {
	position: absolute;
	top: 0; left: 0;
}
#welcome {
	position: absolute;
	top: 325px; left: 20px;
	width: 420px;
}
#welcome p {
	font-size: 13px;
	color: #FBFCDF;
	line-height: 1.4em;
}
#ticker {
	position: absolute;
	top: 420px; left: 20px;
	width: 826px;
	height: 20px;
	overflow: hidden;
}
#ticker ul {	 
	margin: 0; 
	padding: 0;
	list-style: none;
}
#ticker li {	
	margin: 0 0 20px 0; 
	padding: 0;
	background: none; 
	font-size: 10px;
	line-height: 10px;
	color: #FBFCDF;
}
#ticker a {
	color: #FBFCDF;
	text-decoration: none;
	border: 0;
}

/*------------------------------------------------------
   Misc
------------------------------------------------------*/

.left {
	float: left;
	margin: 0 10px 10px 0;	
}
.right {
	float: right;
	margin: 0 0 10px 10px;	
}
.hide {
	display: none;
}

#anniversary-burst {
	clear: left;
	padding: 30px 0 15px 9px;
}
#anniversary-burst a, #anniversary-burst a:hover {
	background: none; text-decoration: none; border: 0;
	margin: 0; padding: 0;
}

/* self-clearing floats */

.entry:after,
#main:after,
.thumbs:after { 
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}