/* CSS Document */

/* =universals - unset some browser default styles */
	* { margin: 0; padding: 0; border: 0; outline: none; }
	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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	/* remember to define focus styles! */
	:focus {outline: 0;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse; border-spacing: 0;}

	
	
/* =general style applied to HTML */
	html { text-align: left; padding: 0; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; background: #fff url(../img/bg-main.jpg) top center repeat-x; 
	width: 100%; }
/* =body */
	body { clear: both; padding: 0px 0 0px 0; margin: 0 auto; text-align: left; overflow-x: hidden; background: url(../img/bg-leaves.jpg) top right no-repeat;}
/* =headings */
	h1 { font-size: 0.1em; color: #fff; background:url(../img/logo.jpg) top no-repeat; height: 3px; width: 651px; margin: 0px auto 100px auto; padding: 180px 0 0 0; 
	position:relative; top: 55px;  z-index:400;}
		h2, h3, h4 { color: #fff; font-weight: 500; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
			h2 { color: #49453a;font-weight: 900;font-size: 1.4em;margin: 0 0 1em 0;}
			h3 { color: #49453a;font-weight: 900;font-size: 1.2em;margin: 1em 0 0.5em 0; clear: both;}
			h4 { color: #49453a;font-weight: 900;font-size: 1.0em;margin: 1em 0 0 0; clear: both;}
			h5 { color: #b3b2af;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 0.7em;border-bottom: 1px dotted #b2b1ae;margin: 1em 0 0 0;}
/* =p and a*/
	p { padding: 0em 0 2em; margin: 0; font-size: 0.9em; color: #42403a;  line-height: 1.3em; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
	.spacer { clear:both; }
	.ital{font-style:oblique;}
	
/* =img*/	
#leaf{position: absolute; top:118px;right:11px;z-index:450; background: url(../img/leaf.gif) no-repeat;width: 222px; height: 172px; display: block;}
#fader{float:right;position: relative; right: -40px;margin: 0 0 20px -15px;width: 380px; height: 263px;}
#actfader{float:right;margin: 0 0 0px -15px;width: 570px; height: 263px;}

/* =divs */
#outerwrap { clear: both; padding: 0px 0 0px 0; margin: 0 auto; text-align: left; background: url(../img/bg-leaves1.jpg) top left no-repeat;}
#wrap {width: 100%;text-align:left; margin: 0 0; }
#content_wrap {width: 884px;text-align:center; padding-top:5px;padding-bottom:50px;margin: 0 auto;}	
#content {width: 834px;text-align:left; padding:10px 30px 0px 30px;overflow:auto;position: relative;overflow-x: hidden;}
#content p {line-height: 1.5em;}
#rates{width: 560px;border:1px solid #d2cfc3;font-family: Century Gothic, Arial, Helvetica, sans-serif;}
#rates tr td{padding: 4px;font-size: 0.8em;}
#rates tr th{background-color: #bab7a8;padding: 4px; color:#fff;font-size: 0.9em;}

#special{border:3px double #adada3;padding: 0px 10px 10px;margin-top:50px;text-align: center;}
#special h3{font-size: 1em;color:#cf4406;border-bottom:1px solid #adada3;padding-bottom: 0.8em;}
#special p{font-size: 0.8em;padding: 0px;margin:0;}


/* =Content - Both Columns */						
#content_left{float:left; margin-right:30px;width: 220px;display: block;position: relative; z-index: 500;}
#content_right{float:left;width: 570px;display: block;position: relative; z-index: 501;padding-top: 10px;text-align: left;}
#content_right ul{list-style: disc; margin: 0 0 2em 70px;}
#content_right ul li{padding: 0 0 0 10px; margin: 0; font-size: 0.9em; color: #42403a;  line-height: 1.3em; font-family: Century Gothic, Arial, Helvetica, sans-serif;}

/* =navigation - left side */
	#leftNav{}
		#leftNav li{border-bottom:1px solid #e5e2db;line-height: 1.3em;}
			#leftNav li a:link, #leftNav li a:visited{letter-spacing: 0.1em;font-size: 0.9em; text-decoration: none; color: #009cab; outline: none; 
			text-transform: uppercase;padding: 8px 0 0px 8px;width: 212px;display: block; border-left: none;font-weight: 900;font-family: Century Gothic, Arial, Helvetica, sans-serif;}
			#leftNav li a:hover{background: #dae5e6 url(../img/bgNav.jpg) top right no-repeat;width: 212px;display: block;padding: 8px 0 0px 5px;color:#000;border-left: 3px solid #009cab;}
			#leftNav li.current a{color:#000;}
			#leftNav li.current a:link, #leftNav li.current a:visited, #leftNav li.current a:hover{padding: 8px 0 0px 8px;color:#009cab;
			background: transparent;cursor: default;font-weight: 900;border-left: none;}
			
		.minor{text-transform: lowercase;font-size: 0.7em;padding:0;margin:0; position: relative; top: -6px; color:#a19d94;letter-spacing: 0.1em;}
#leftNav li a:hover .minor{color:#666b6c;}
#leftNav li.current a:hover .minor{color:#a19d94;}
 
ul#floorplans { }
ul#floorplans li { border-bottom:1px solid #e5e2db; font-size: 0.8em;}
ul#floorplans li a{ padding: 8px 0 8px 8px;color:#009cab; text-decoration: none; display: block; }


/* =footer - site wide */
	#footer { width: 100%; background-color: #f4c546;text-align:center;padding-top:26px;border-top: 3px solid #ffde82;border-bottom: 3px solid #ffde82;}
		#footer p { color:#807045; font-size: 0.8em;line-height: 1.5em;}
		#footer p a:link, #footer p a:visited {color:#fff; text-decoration: none;}
		#footer p a:hover {color:#009cab; text-decoration: underline; }