/* ----------------------------

Name:     "Aspen at the Sawmill" Screen Styles
Designer: Jon Hrach
URL:      www.aspenatthesawmill.com.com
Date:     Date 06, 2007 v1.0

----------------------------------------------- */

/* Suggested order:

 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content 
 * display
 * list-style
 * position
 * float
 * clear
 *
 */
 
/* Global ------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, address {margin: 0; padding: 0; }
	
body {background:url(/_images/bg_pattern.gif); text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000;}

p {text-align:left; line-height:18px; color:#23210a; margin-bottom:15px;}

h2 { margin-bottom:3px; font-size:10px; color:#b94e00; font-weight:bold; text-align:left;}

#logo {position:relative; top:50px; left:250px; border:none;}

#wrapper { width:750px;  margin: 0 auto; padding: 0; border-top: 0 solid; border-left: solid 19px #6f3f07; border-bottom: solid 19px #6f3f07; border-right:solid 19px #6f3f07; background:#FFF;}

.clear{clear:both;}

ul#extranav {margin: 15px 12px 0 0;  height:26px; list-style-type:none; float:right; color:#c0bba4;}

ul#extranav li { width:120px; height:26px; display:inline; margin: 0 2px 0 0; padding: 0 4px 0 0; border-right: #c0bba4 solid 1px; font-size:9px;}

ul#extranav li.extra-nav-end { width:120px; height:26px; display:inline; margin: 0 0 0 0; padding: 0 6px 0 0; border-right: none;}

ul#extranav li a, ul#extranav li a:visited {color:#c0bba4; text-decoration:none;}

ul#extranav li a:hover {color:#8e8a78; text-decoration:none;}

img#hud {float:left; margin: 5px 0 0 12px; display:inline; border:none;}

#copywrite {  margin: 5px auto; padding:0; width:750px; heigh:20px; text-align:right; color:#FFF; }

#copywrite a, #copywrite a:visited {color:#FFF; text-decoration:underline;}

#copywrite a:hover {text-decoration:none;}

#leftcol { margin: 20px 0 0 45px; padding:0; width:486px; float:left; text-align:left; display:inline;}

#leftcol a, #leftcol a:visited {color:#b94e00; text-decoration:none;}

#leftcol a:hover {color:#e27f37; text-decoration:none;}

#rightcol {margin: 20px 12px 0 0; padding:0; width:170px; float:right;}

.orange {font-weight:bold; color:#b94e00;}

.click {margin:2px 0 15px 0; padding:0 0 0 20px; background:url(/_images/img_click.gif) top left no-repeat; background-position:5px 5px; font-style:italic;}

.click a, .click a:visited {color:#aaa383 !important; text-decoration:none;}

.click a:hover {color:#857f66 !important; text-decoration:none;}

/* Nav ------------------------------------ */

ul#nav {
	margin: 0;
	padding: 0;
	width:750px;
	height: 26px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
	}
	

#nav-about a  {width: 81px; background: url(/_images/nav.jpg) top left no-repeat; background-position: 0 0;}
#nav-about a:hover {background-position: 0 -26px;}

#nav-retailers a  {width: 96px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -81px 0;}
#nav-retailers a:hover {background-position: -81px -26px;}

#nav-leasing a  {width: 78px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -177px 0;}
#nav-leasing a:hover {background-position: -177px -26px;}

#nav-community a  {width: 99px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -255px 0;}
#nav-community a:hover {background-position: -255px -26px;}

#nav-news a  {width: 126px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -354px 0;}
#nav-news a:hover {background-position: -354px -26px;}

#nav-developers a  {width: 175px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -480px 0;}
#nav-developers a:hover {background-position: -480px -26px;}

#nav-contact a  {width: 95px; background: url(/_images/nav.jpg) top left no-repeat; background-position: -655px 0;}
#nav-contact a:hover {background-position: -655px -26px;}


#about li#nav-about a {background-position: 0 -26px;}

#retailers li#nav-retailers a {background-position: -81px -26px;}

#leasing li#nav-leasing a {background-position: -177px -26px;}

#community li#nav-community a {background-position: -255px -26px;}

#news li#nav-news a {background-position: -354px -26px;}

#developers li#nav-developers a {background-position: -480px -26px;}

#contact li#nav-contact a {background-position: -655px -26px;}



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


#home h1 { margin: 0; padding:9px 0 0 0; height: 232px; background:url(/_images/home_header.jpg) no-repeat bottom center; text-indent: -9999px;}

#home h2{ margin: -15px 0 0 0; padding:0; height:15px; text-indent: -9999px;}

img#homelogo {float:left; margin: 0 45px 0 0;}

#content {width:725px; background-color:#f1eddc; margin:0 auto; padding:0 0 30px 0;}

#home #content p{ line-height:28px; margin:0px 30px 0 0; padding:36px 0 0 0;}


/* About ------------------------------------ */


#about h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/about_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#about h2#title { margin:0; padding:0; height: 69px; background:url(/_images/about_subhead.jpg) no-repeat bottom left;  text-indent: -9999px;}

table {background:#FFF; line-height:15px; text-align:left; padding-bottom:15px;}

table h2 {width:470px; height:39px; background:url(/_images/about_chart_heading.gif) no-repeat; background-position:30px 50%; text-indent:-9999px; font-size:9px; border-bottom:1px solid #f1eddc;}

td.col1 {padding: 3px 0 3px 30px; margin:0; color:#aaa383;}

td.col2 {padding: 3px 30px 3px 0px; margin:0; color:#cb6600;}

#about #rightcol img {border: solid 3px #aaa383;}


/* retailers ------------------------------------ */

#retailers h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/retailers_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#retailers h2#title { margin:0; padding:0; height: 69px; background:url(/_images/retailers_subhead.jpg) no-repeat bottom left;  text-indent: -9999px;}

#stores {margin-bottom:15px; padding-left:18px; line-height:18px; color:#b94e00; font-weight:bold;}

#retailers #rightcol img{margin-bottom:15px; border:none;}

.anchor {color:#000000; font-weight:normal; font-style:italic;}


/* leasing ------------------------------------ */

#leasing h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/leasing_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#leasing h2#title { margin:0; padding:0; height: 69px; background:url(/_images/leasing_subhead.jpg) no-repeat bottom left;  text-indent: -9999px;}

/* community ------------------------------------ */

#community h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/community_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#community h2#title { margin:0; padding:0; height: 69px; background:url(/_images/community_subhead.jpg) no-repeat bottom left;  text-indent: -9999px;}

#community div#overhead { width:218px; float:right; text-align:left; margin:0 0 6px 10px;}

#overhead img {border: solid #aaa383 5px;}

/* news ------------------------------------ */

#news h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/news_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#news h2#title { margin:0; padding:0; height: 69px; background:url(/_images/news_subhead.jpg) no-repeat bottom left;  text-indent: -9999px; }

#news #leftcol {width:470px;}

#news #rightcol {width:180px;}

h2.press{margin:0; padding:0 0 0 10px; width:470px; height:34px; background:url(/_images/title_recent_news.gif) no-repeat 5px 50% #FFF; text-indent:-9999px; border-bottom: #f1eddc solid 1px;}

ul#presslist{margin:0; padding:12px 0 12px 10px; width:470px; background:#FFF; list-style:none; color:#696545;}

ul#presslist li {line-height:15px; margin-bottom:12px;}

ul#presslist li a, ul#presslist li a:visited {color:#696545; text-decoration:none; font-weight:bold;}

ul#presslist li a:hover {color:#979164;}



/* developers ------------------------------------ */

#developers h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/developers_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#developers h2#title { margin:0; padding:0; height: 69px; background:url(/_images/developers_subhead.jpg) no-repeat bottom left; text-indent:-9999px;}

#developers #leftcol img {border:none; margin-bottom:15px;}

/* contact ------------------------------------ */

#contact h1#header { margin:-57px 0 0 0; padding:9px 0 0 0; height: 120px; background:url(/_images/contact_header.jpg) no-repeat bottom center;  text-indent: -9999px;}

#contact form {margin: 0; padding:20px; background:#fff; width:400px;}

#contact form p{ margin-bottom:10px;}

span.required {color:#CC0000; font-weight:bold;}

#contact h2#title { margin:0; padding:0; height: 69px; background:url(/_images/contact_subhead.jpg) no-repeat bottom left;  text-indent: -9999px;}