* {margin: 0; padding: 0;}

body {background-color: #402116; margin: 0; padding: 0;}

#wrapper {
	width:810px;
	margin: 10px auto;
	background-color: #FFF;
}

p, h1, h2, h3, h4, #leftnav .callout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	color: #555555;
	margin: 0;
}

a {text-decoration: none;}

img {border: none; margin: 0; padding: 0;}

ul {margin: 0; padding: 0; list-style-type: none;}

ul a {display: block;}

.green {color: #69A553;}

.brown {color: #402116;}

.graytext {color: #555555;}

.clear {clear: both;}


/* ------ Nav Feedback and Link Deactivation ------ */

#homepage #header a.homelink {cursor: default;}

#about #leftnav li.about a {background-position: right top; cursor: default;}

#homes #leftnav li.homes a {background-position: right top; cursor: default;}

#homes #leftnav li.homes ul li a {cursor: pointer;}

#contact #leftnav li.contact a {background-position: right top; cursor: default;}


/* ------ Header ------ */

#header {width: 100%; height: 60px;}
#logo {float: left; padding: 20px 0 0 20px;}
#tag_box {float: right;}
#contact_box {float: right; clear: right;}


/* ------ Content ------ */

#content {width: 100%; border-top: 3px solid #402116; clear: both;}

#leftnav {width: 130px; float: left; display: inline;}

#main {
	width: 597px;
	min-height: 400px;
	/*height:expression(document.body.clientheight < 500? "500px" : "auto");*/
	padding: 40px;
	float: left;
	display: inline;
	border-left: 3px solid #402116;
}


/* ------ Left Nav ------ */

#leftnav ul {margin: 60px 0 0 0;}

#leftnav li {text-indent: -5000px;}

#leftnav ul li ul li a:link, #leftnav ul li ul li a:visited {color: #FFFFFF;}

#leftnav ul li ul li a:hover, #leftnav ul li ul li a:active {color: #402116; text-decoration: none;}

#leftnav li.about a {height: 23px; width: 130px; background: url("../images/about_btn.gif") no-repeat left top;}

#leftnav li.homes a {height: 23px; width: 130px; background: url("../images/homes_btn.gif") no-repeat left top;}

#leftnav li.gallery a {height: 23px; width: 130px; background: url("../images/gallery_btn.gif") no-repeat left top;}

#leftnav li.contact a {height: 26px; width: 130px; background: url("../images/contact_btn.gif") no-repeat left top;}

#leftnav li a:hover, #leftnav li a:active {background-position: right top; text-decoration: none;}

#leftnav ul li ul {margin: 0; padding: 0 0 3px 0; background-color: #69A553;}

#leftnav ul li ul li {
	margin: 0;
	padding: 0 0 3px 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	text-align: left;
	text-indent: 0;
	color: #FFF;
}

#leftnav li.homes ul li a {height: auto; width: auto; background: none;}

#leftnav .callout {margin: 20px 10px 0 10px; font-size: 10px; line-height: 14px;}

#leftnav .callout img {margin-bottom: 5px;}

#leftnav a:link, #leftnav a:visited {color: #69A553;}

#leftnav a:hover, #leftnav a:active {text-decoration: underline;}


/* ------ Main ------ */

#main h2 {
	font-size: 11px;
	margin: 20px 0 0 0;
	font-weight: bold;
	color: #402116;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

#main h4 {font-size: 10px; margin: 10px 0; font-weight: normal;}

#main .contact_type {font-weight: bold; color: #402116;}

#main p {margin: 15px 0 0 0;}

#homes #main p {margin: 0;}

#main p.afterheads {margin: 5px 0 0 0;}

#main .quote {margin: 10px 0 10px 20px; float: right; display: inline;}

#main #thumb_nav img {
	width: 110px;
	height: 90px;
	margin: 0 11px 11px 0;
	float: left;
	display: inline;
}

#main #thumb_nav.add_border img {border: 1px #333333 solid;}

#main #thumb_nav img.last {margin-right: 0;}

#main #thumb_nav {margin: 15px 0 15px 0;}

#main a:link, #main a:visited {color: #555555;}

#main a:hover, #main a:active {color: #69A553;}

