/*
	-----------------------------------------------------------
	CSS Document By: Shaun E. Crittenden
	use and reference as you like :) Please dont copy exact.
	Eric Meyer's Reset Reloaded used http://www.meyerweb.com
	-----------------------------------------------------------
	HEX value reference
	#FDF8E0 : "light tan, content bg color"
	#E8DFC0 : "dark tan, secondary content bg color"
	#D8DBB4 : "lt green, name after quotes"
	-----------------------------------------------------------
	*/

	/*
	=RESETS
	-----------------------------------------------------------
	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	background-image: url(../images/bg.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #f7f0cc;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
STICKER - A valid, easy to use CSS sticky footer by Ryan Fait
This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!
Copyright (c) 2006-2007 Ryan Fait
*/

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	position: relative;
	float: left;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
	width: 100%;
	background-image: url(../images/extbg.gif);
	background-repeat: repeat-y;
}

.footer, .push {
	height: 90px; /* .push must be the same height as .footer */
	position: relative;
	float: left;
}

.footer{
	width: 100%;
	background-image: url(../images/footerbg.jpg);
	letter-spacing: .028em;
}
.footer #footer_inner{
	width: 766px;
	height: 100%;
	color: #FDF8F0;
	margin-left: 34px;
	background-image: url(../images/footer_inner.jpg);
	overflow: hidden;
}

.footer #footer_inner h4{
	color: #AD9573;
}
.hide{
	visibility: hidden;
}

/*
TROUBLESHOOTING
I've received a few comments about vertical margins causing a
few problems with the layout. If you want space between
paragraphs or headers, use padding instead of margin. It's as
simple as that.
*/

	/*
	=Structure
	-----------------------------------------------------------
	*/
.footer #footer_inner h4{
	height: 89px;
	margin-top: 5px;
	width: 464px;
	display: block;
	position: relative;
	float: left;
	line-height: 94px;
	text-align: center;
	font-size: 1.3em;
}
.footer #footer_inner #info_first{
	margin-top: 25px;
}



#header{
	display: block;
	position: absolute;
	width: 800px;
	height: 150px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	z-index: 5;
}
#header h1{
	display: block;
	position: relative;
	float: right;
	width: 540px;
	height: 40px;
	margin: 30px 30px 0 0;
	z-index: 2;
}
#header h1 a{
	display: block;
	height: 100%;
	width: 100%;
}
#header h1 a span{
	position: relative;
	top: -999px;
}
#header #nav{
	letter-spacing: .028em;
	width: 600px;
	margin: 20px 0 0 0;
	display: block;
	position: relative;
	float: right;
	clear: both;
	height: 27px;
	line-height: 27px;
	overflow: visible;
	text-align: right;
	font-size: .9em;
	z-index: 10;
}
#header #nav li{
	position: relative;
	float: right;
	height: 27px;
	line-height: 27px;
	margin-right: 20px;
	text-align:right;
}
#header #nav li a{
	display: block;
	height: 27px;
	padding-top: 3px;
	width: 100% !important;
	width: 15%;
	clear: none;
}


#header #nav li a:link, #header #nav li a:visited{
	color:#4c2e08;
	text-decoration: none;
}
#header #nav li a:focus {
	color:#4c2e08;
	text-decoration: none;
}
#header #nav li a:hover, #header #nav li a:active{
	color: #625521;
	text-decoration: none;
	background-image: url(../images/nav_over.gif);
	background-repeat: repeat-x;
}


#header #nav #loc a:link, #header #nav #loc a:visited{
	color:#4c2e08;
	text-decoration: none;
	background-repeat: repeat-x;
	background-image: url(../images/nav_loc.gif);
}
#header #nav #loc a:focus {
	color:#4c2e08;
	text-decoration: none;
	background-repeat: repeat-x;
	background-image: url(../images/nav_loc.gif);
}
#header #nav #loc a:hover, #header #nav #loc a:active{
	color: #4c2e08;
	text-decoration: none;
	background-repeat: repeat-x;
	background-image: url(../images/nav_loc.gif);
}


#main{
	background-color: #FDF8E0;
	width: 766px;
	margin-left: 34px;
	margin-top: 0;
	color:#79460d;
	height: auto !important;
	height: 100%;
	clear: left;
}
#main #feat{
	position: relative;
	float: right;
	display: block;
	width: 340px;
	background-color: #CCC;
	height: auto;
	margin-left: 30px;
	background-image: url(../images/featcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #E8DFC0;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

#feat img{
	margin: 30px 0 0 30px;
}
	
	/*
	=Typography
	-----------------------------------------------------------
	*/
#main p{
	letter-spacing: .028em;
	line-height: 1.6em;
	font-size: .95em;
	padding: 0 30px 20px 30px;
}
#services #main p{
	padding: 0 30px 0 30px;
}

#main #feat p{
	padding: 0 30px 0 30px;
}
#main #feat p em{
	position: relative;
	float: right;
	clear: both;
}

#feat h3, blockquote{
	letter-spacing: .028em;
}

#main #feat ul{
	margin: 0 20px 0 30px;
	font-size: .85em;
	padding-top: 14px;
}

#main #feat ul li{
	margin-top: 8px;
	margin-bottom: 2px;
	list-style-image: none;
	list-style-position: inside;
	line-height: 1.7em;
	clear: none;
	padding-left: 3px;
	background-image: url(../images/marker.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	
}

#main #feat ul li{
	padding-left: 20px;
}
	
a:link, a:visited{
	color:#79460d;
	text-decoration: none;
}
a:focus {
	color:#79460d;
	text-decoration: none;
}
a:hover, a:active{
	color: #444;
	text-decoration: none;
}

#main h2, #main h3{
	font-size: 1.2em;
	padding: 34px 0 6px 30px;
}


#main h2{
	background-image: url(../images/headuline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 34px !important;
	margin-top: 0;
}

#footer_inner p{
	position: relative;
	left: 50px;
	letter-spacing: .05em;
	font-size: .85em;
	line-height: 1.2em;
}

#footer_inner a:link, #footer_inner a:visited{
	color: #FDF8F0;
	text-decoration: none;
}
#footer_inner a:focus {
	color: #FDF8F0;
	text-decoration: none;
}
#footer_inner a:hover, #footer_inner a:active{
	color: #FFF;
	text-decoration: underline;
}

blockquote{
	padding: 16px 55px 10px 55px;
	display: block;
	font-size: .9em;
	font-weight: bold;
	background-image: url(../images/open_quote.gif);
	background-repeat: no-repeat;
	line-height: 1.5em;
	clear: both;
}
#feat blockquote{
	margin-top: 20px;
	padding: 20px 25px 27px 30px;
	display: block;
	font-size: .8em;
	font-weight: 400;
	background-image: url(../images/featQuoOpen.gif);
	background-position: 20px 0;
	background-repeat: no-repeat;
	line-height: 1.5em;
	clear: both;
}

.qname{
	top: -5px;
	position: relative;
	float: right;
	clear: both;
	margin-right: 57px;
	display: block;
	height: 2em;
	line-height: 2.3em;
	padding-right: 30px;
	background-image: url(../images/close_quote.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #bec78c;
	font-weight: bold;
}

#feat .qname{
	top: -10px;
	position: relative;
	float: right;
	clear: both;
	margin-right: 10px;
	margin-top: 10px;
	display: block;
	height: 2em;
	line-height: 2.3em;
	padding-right: 30px;
	background-image: url(../images/featQuoClose.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #bec78c;
	font-weight: bold;
	font-size: .8em;
}

#main h4{
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: .9em;
	letter-spacing: .028em;
	font-weight: bold;
	clear: left;
}

#services img{
	position: relative;
	float: left;
}

#info_first em{
	font-weight: bold;
	font-size: 1.1em;
}

#info_first span{
	font-size: .9em;
	position: relative;
	left: 5px;
}

#main #feat a{
	position: relative;
	float: right;
	font-size: .8em;
	letter-spacing: .028em;
	margin-right: 30px;
	margin-top: 10px;
}

#main a{
	margin-left: 30px;
}

#main a:link, #main a:visited{
	color: inherit;
	text-decoration: none;
}
#main a:focus {
	color:#849b52;
	text-decoration: none;
}
#main a:hover, #main a:active{
	color: #849b52;
	text-decoration: none;
}

#topbarbg{
	position: absolute;
	float: right;
	right: 0;
	top: 0;
	background-image: url(../images/topper.jpg);
	background-repeat: repeat-x;
	height: 102px;
	width: 90%;
	z-index: 1;
}

#lt{
	width: 34px;
	height: 8px;
	background-color: #97b05d;
	position: absolute;
	top: 150px;
}

#head_wrap{
	position: relative;
	float: left;
	height: 150px;
	width: 100%;
	background-image: url(../images/topper.jpg);
	background-repeat: repeat-x;
}

blockquote p{
	margin: 0 0 -30px -30px;
	padding: 0 0 0 0;
	width: 100% !important;
	width: auto;
}