/*

Title:    Master screen styles
Author:   Mike Kroll - www.imagehat.com
Updated:  3/10/2008

------------------------------------------------------

font-sizes:
.833em = 10px; .917em = 11px; 
1em = 12px *default after reset
1.083em = 13px; 1.167em = 14px; 1.25em = 15px; 1.33em = 16px; 1.5em = 18px; 1.833em = 22px; 2em = 24px

*/

@import "reset.css";

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5; 
	color: #62613a;	
	background: #526862 url(../images/bg-tile.gif) repeat top left;
}

a { 
	color: #837f39; text-decoration: underline; 
}
a:hover { 
	color: #959d10; text-decoration: underline;
}

a.more {
	color: #62613a;
	padding: 2px 11px 2px 2px;
	background: #d3d2b8 url(../images/icn-arrow-brown.gif) no-repeat 100% 6px;
	text-decoration: none;
}
a.more:hover {
	background-color: #b7b697;
	text-decoration: none;
}


/* =structure
------------------------------------------------------ */

#wrap {
    background: #526862 url(../images/container-bg.gif) repeat-y top left;
    position: relative;   
}
#container {
    width: 957px;   
    border-top: 1px solid #abc7bf;
    border-bottom: 1px solid #abc7bf;
	background: url(../images/secondary-fade.gif) no-repeat bottom right;
}
#sidebar {
    float: left;
    width: 158px;
    padding: 90px 0 96px;
}
#agave {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 160px;
	height: 73px;
	background: url(../images/agave.gif) no-repeat bottom left;
}
#main {
    float: right;
    width: 796px;
}
#title {
    line-height: 1;
}
#primary {
    float: left;
    width: 558px;
}
#content {
	padding: 15px 35px 35px 35px;
}
#secondary {
    float: right;
    width: 237px;
}


/* =typography defaults
------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #837f39; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.75em;padding-bottom: 0.75em; color: #598276; border-bottom: 1px solid #d3d2b8; }
h2 { font-size: 1.2em; margin-bottom: 0.75em; font-style: italic; font-family: georgia, sans-serif;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1.title, h2.title { margin: 0 0 .25em; padding: 0; border: 0; }
h2.byline, h3.byline { margin-top: .5em; }

h2.divider, h3.divider {
	padding-top: 0.75em; border-top: 1px solid #d3d2b8;
}

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* =header
------------------------------------------------------ */

#header {
    height: 42px;
    background: url(../images/header-bg.gif) repeat-x top left;
}
#logo {
    width: 160px; height: 132px;
    position: absolute; top: 0; left: 0;
    background: url(../images/sidebar-top.gif) no-repeat top left;
}
#logo a {
    width: 115px; height: 98px;
    position: absolute; top: 13px; left: 19px;
    background: url(../images/avant-logo.gif) no-repeat top left;
    text-indent: -9999px;
}


/* =navigation
------------------------------------------------------ */

ul#nav {
	margin: 0; padding: 0;
	list-style: none;
}
#nav li {
	margin: 0 0 4px; padding: 0;
}
#nav a {
	display: block;
	margin: 0 0 0 19px;
	padding: 4px 12px;
	color: #fff;
	background: #607b73;
	text-decoration: none;
}
#nav a:hover {
	background: #86a199;	
}
/* you-are-here: top-level */
body.home li#n-home a, body.design li#n-design a, body.landscaping li#n-landscaping a,
body.maintenance li#n-maintenance a, body.snow li#n-snow a, body.responsibility li#n-responsibility a, body.gallery li#n-gallery a,
body.about li#n-about a, body.contact li#n-contact a, body.relations li#n-relations a, body.events li#n-events a {
	margin: 0 0 0 7px;
	font-weight: bold;
	background: #86a199;
}

/* second-level lists */
#nav ul {
	margin: 2px 0 0 7px; padding: 6px 0 8px 0;
	list-style: none;
	background: #759189;
	display: none; /* hidden by default */
}
#nav ul li {
	margin: 0 0 2px;
}
body.home li#n-home ul li a, body.design li#n-design ul li a, body.landscaping li#n-landscaping ul li a,
body.maintenance li#n-maintenance ul li a, body.snow li#n-snow ul li a, body.responsibility li#n-responsibility ul li a, body.gallery li#n-gallery ul li a,
body.about li#n-about ul li a, body.contact li#n-contact ul li a, body.relations li#n-relations ul li a, body.events li#n-events ul li a {
	padding: 0 0 0 16px;
	background: none;
	font-weight: normal;
	color: #dcece8;
	font-size: .917em;
}

/* you-are-here: display second-level navigation */
body.home li#n-home ul,body.design li#n-design ul,body.landscaping li#n-landscaping ul,
body.maintenance li#n-maintenance ul,body.snow li#n-snow ul,body.responsibility li#n-responsibility ul,
body.gallery li#n-gallery ul,body.about li#n-about ul,body.contact li#n-contact ul,body.relations li#n-relations ul,body.events li#n-events ul {
	display: block;
}
/* you-are-here: highlight current second-level page */
#nav ul.subnav li a:hover, #nav li.active ul.subnav li a:hover,
#nav ul.subnav li a.active, #nav li.active ul.subnav li a.active {
	color: #fff;
	background: url(../images/subnav-on.gif) no-repeat 5px 6px;
}


/* =primary content
------------------------------------------------------ */

div.row {
	margin: 0 -10px 0 -10px;
	padding: 15px 10px 0 10px;
	border-top: 1px solid #d3d2b8;
	background: url(../images/row-grad.gif) repeat-x top left;
}
div.row img {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #d3d2b8;
}
div.row h2 {
	margin: 0 0 .25em 120px;
	font-weight: normal;
	font-size: 1.25em;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	color: #598276;
}
div.row p {
	margin: 0 0 1em 120px;
}
.gallery-thumbs {
	border-top: 1px solid #d3d2b8;
	padding-top: 1.5em;
}
.gallery-thumbs div.wrap {
	margin-right: -20px;
}
.gallery-thumbs img {
	float: left;
	border: 5px solid #fff;
	margin: 0 20px 20px 0;
}
.gallery-thumbs a:hover img {
	border-color: #dcefe9;
}

#content blockquote {
	margin: 0 0 1.5em;
	border-left: 5px solid #d3d2b8;
	padding: 1em 1em 1em 1em;
	font-family: georgia, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #837f39;
	color: #b4b279;
	background: #fff;
}
#content blockquote p {
	margin: 0;
}

#content p.last {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #d3d2b8;
}


/* =secondary right column
------------------------------------------------------ */

#secondary h2 {
	font-size: 1.25em; line-height: 1.2;
	margin: 0 0 8px;
}
div.module {
	color: #fff;
	border-bottom: 1px solid #f3f2e0;
}
div.module div {
	padding: 20px;
}
div.module p {
	line-height: 1.3em;
}
div.module a {
	color: #fff;
	text-decoration: underline;
}
div.module a:hover {
	color: #ddece7;
	text-decoration: underline;
}
div.module a.more {
	font-weight: bold;
	padding: 0 8px 0 0;
	background: url(../images/icn-arrow-green.gif) no-repeat 100% 4px;
}

/* quote request - sitewide */
#quote {
	height: 89px;
	 background: #89a79e 
	 /*url(../images/quote-bg.gif) no-repeat top right; */
}
#quote h2 {
	height: 16px;
	background: url(../images/h-big-ideas.gif) no-repeat top left;
	text-indent: -9999px;
}

/* feature ad */
#feature {
	text-align: center;
	padding: 20px 0;
	background: url(../images/secondary-fade.gif) no-repeat 100% 200%;
	border-bottom: 1px solid #f3f2e0;
	
}
#feature img {
	margin: 0 auto;
	padding: 3px;
	background: #fff;
	border: 1px solid #aaa87a;
}

/* newsletter signup - sub pages */
#signup {
	color: #838151;
	background: #dad9b7 url(../images/signup-bg-brown.gif) no-repeat top right;
	border-bottom: 1px solid #f3f2e0;
}
#signup h2 {
	height: 14px;
	background: url(../images/h-news-to-you.gif) no-repeat top left;
	text-indent: -9999px;
}


/* =homepage-specific
------------------------------------------------------ */

/* layout adjustment */
body#home #container {
    width: 958px; border: 0; 
	background: url(../images/container-bg-home.gif) repeat-y top left;
}
body#home #main {
	width: 798px;
}
body#home #primary {
	width: 559px;
}
body#home #secondary {
	background-image: none;
}

/* primary - main image and mission statement */
#hero {
	width: 559px; height: 370px;
	overflow: hidden;
	border-bottom: 1px solid #cad8d0;
}
#mission {	
	width: 559px; height: 97px;
	background: url(../images/mission-bg.gif) no-repeat top left;
	text-indent: -9999px;
}

/* secondary - right column slugs overrides */
body#home div.module {
	color: #fff;
	border-bottom: 1px solid #cad8d0;
}
body#home #signup {
	height: 156px;
	background: #89a79e url(../images/signup-bg-green.gif) no-repeat top right;
	border-bottom: 1px solid #cad8d0;
}
body#home #signup h2 {
	height: 14px;
	background: url(../images/h-news-to-you-green.gif) no-repeat top left;
	text-indent: -9999px;
}
body#home #news {
	height: 296px;
}
body#home #news h2 {
	height: 16px;
	margin-bottom: 1em;
	background: url(../images/h-news-from-us.gif) no-repeat top left;
	text-indent: -9999px;
}
body#home #news p {
	margin-bottom: 1em;
}
body#home #news span.dateline { /* not used? */
	color: #c5dcd5;
}
body#home #news-photo {
	height: 73px; overflow: hidden; line-height: 0;
}
body#home #quote {
	height: 90px;
	border-bottom: lem;
}


/* =footer
------------------------------------------------------ */

#footer {
    clear: both;
    padding: 23px 0 25px 160px;
    background: url(../images/footer-bg.gif) repeat-x top left;
}
#footer-inner {
    width: 798px;
    padding: 1.5em 0;
    background: url(../images/footer-overlay.gif) repeat top left;
}
#footer p {
	margin: 0 0 1em; padding: 0 35px;
	font-size: .917em;
	color: #b4c0bd;
}
#footer p#copyright {
	margin-bottom: 0;
}
#footer a {
	color: #b4c0bd;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/* =forms
------------------------------------------------------ */

/* email signup */
#form-signup-home input, #form-signup input  {
	vertical-align: middle;
}
#form-signup #email {	
	font-size: 10px;
	margin-right: 5px;
	padding: 5px;
	width: 120px;
	color: #bcba8c;
	border: 1px solid #c9c8a4;
	background: #fff;
}
body#home #form-signup #email {
	border: 1px solid #a8beb7;
	color: #89a79e;
	background: #cce3dc;
}

/* contact/quote forms */

label { font-weight: normal; }
textarea { margin: 0.5em 0.5em 0 0; height: 150px; padding: 5px; width: 390px; }
input.text { width: 180px; }

form.vform p { margin: 0 0 .75em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }

/* column floats */

form.vform p { clear: both; }
form.vform p.col1 { float: left; }
form.vform p.col2 { float: left; clear: none; margin-left: 20px; }



/* feedback messages */

input.error { background: #fbe3e4; }
div.error { padding: 15px 15px 15px 30px; margin-bottom: 1em; color: #D12F19; border: 2px solid #FBC2C4; background: #FBE3E4 url(../images/icn-error.png) no-repeat 10px 15px; }
div.error a { color: #D12F19; }


/* =tables
------------------------------------------------------ */

table { margin-bottom: 1.5em; }
th, td { padding: 4px 10px 4px 0; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* =misc
------------------------------------------------------ */

hr, .hide {
	display: none;
}

.highlight { 
	background: #ffc; 
}

.photo-right {
	float: right;
	border: 5px solid #fff;
	margin: 0 0 10px 15px;
}
.photo-left {
	float: left;
	border: 5px solid #fff;
	margin: 0 15px 10px 0;
}
.photo {
	border: 5px solid #fff;
}
.clear { clear: both; height: 0; line-height: 0; }

/* self-clearing floats */

.wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}