/* SB Style Sheet --------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */
body { 
	background:#d08c63 url(../images/bg-body.jpg) top repeat-x;
	text-align:left; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#2e1810;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:14px; color:#2e1810; }
h2	{ font-size:13px; color:#2e1810; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#fff; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#f4c9ba; text-decoration:none; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ clear:both;}
div.clear	{ height:.01em; overflow:hidden;}
img.img-left { float:left; margin:0; padding:0;}
img.img-right { float:right; margin:0;}

/* ------------------------ main framework ------------------------ */
#wrap {
	width:983px;
	margin:0 auto;
	text-align:left;
	}

/* --- Content Container ----- */
#header-container {
	width:983px;
	float:left;
	margin:0;
	padding:0;
	}

#content-container {
	width:983px;
	float:left;
	margin:0;
	padding:0;
	}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:303px;
	float:left;
	}
	#column-left p, #column-left h1 {
		padding:0px 0px 0px 0px;
		}


/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:680px;
	float:left;
	}

	#column-right p, #column-right h1 {
		padding:0px 103px 10px 31px;
		}
		
#final {
	width:168px;
	height:15px;
	padding:.44em;
	border: 1px solid #fff;
	background-color:#6e2208;
	margin-left: 30px;
	margin-bottom: 10px;
	color:#fff;
	float:right;
	position:relative;
	right: 134px;
	top:-8px;
}


/* ------------------------ header framework ------------------------ */
#header { height:448px; } /* sets height for all non-flash headers */
	body#index #header { background:url(../images/header-blank.jpg) no-repeat; }
	body#floorplans #header { background:url(../images/header-floorplans.jpg) no-repeat; }
	body#amenities #header { background:url(../images/header-amenities.jpg) no-repeat; }
	body#location #header { background:url(../images/header-location.jpg) no-repeat; }
	body#contact #header { background:url(../images/header-contact.jpg) no-repeat; }

/* ------------------------ subhead framework ------------------------ */
#subhead { height:45px; } /* sets height for all subheads */
	body#index #subhead { background:url(../images/subhead-index.jpg) no-repeat; }
	body#floorplans #subhead { background:url(../images/subhead-floorplans.jpg) no-repeat; }
	body#amenities #subhead { background:url(../images/subhead-amenities.jpg) no-repeat; }
	body#location #subhead { background:url(../images/subhead-location.jpg) no-repeat; }
	body#contact #subhead { background:url(../images/subhead-contact.jpg) no-repeat; }


/* --- Buttons ---------- */
#btn-photos {
	background: url(../images/btn-photos.jpg) no-repeat;
	height:120px;
	width:158;
	float:left;
	}
#btn-photos a span {display:none;}
#btn-photos a {display:block; width:158px; height:110px; margin-top:10px;}
#btn-photos a:hover { background: url(../images/btn-photos.jpg) -0px -130px no-repeat; }

#btn-apply {
	background: url(../images/btn-apply.jpg) no-repeat;
	height:120px;
	width:145;
	float:left;
	}
#btn-apply a span {display:none;}
#btn-apply a {display:block; width:145px; height:110px; margin-top:10px;}
#btn-apply a:hover { background: url(../images/btn-apply.jpg) -0px -130px no-repeat; }


/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	width:100%; /* fix for Safar */
	clear:both; /* important - do not remove */
	height:30px;
	}
	
/* ------ Navigation ------ */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:983px; 
	height:32px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:32px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { width: 63px;}
#nav-02 { width: 98px;}
#nav-03 { width: 83px;}
#nav-04 { width: 86px;}
#nav-05 { width: 123px;}
#nav-06 { width: 57px;}
#nav-07 { width: 77px;}

#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08 {margin-left:64px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url(../images/nav.jpg)  -0px -32px no-repeat; }
#nav-02 a:hover { background:url(../images/nav.jpg) -127px -32px no-repeat; }
#nav-03 a:hover { background:url(../images/nav.jpg) -289px -32px no-repeat; }
#nav-04 a:hover { background:url(../images/nav.jpg) -436px -32px no-repeat; }
#nav-05 a:hover { background:url(../images/nav.jpg) -586px -32px no-repeat; }
#nav-06 a:hover { background:url(../images/nav.jpg) -773px -32px no-repeat; }
#nav-07 a:hover { background:url(../images/nav.jpg) -894px -32px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#index #nav-01 { background:url(../images/nav.jpg)  -0px -32px no-repeat; }
body#floorplans #nav-02 { background:url(../images/nav.jpg) -127px -32px no-repeat;  }
body#amenities #nav-03 { background:url(../images/nav.jpg) -289px -32px no-repeat; }
body#location #nav-04 { background:url(../images/nav.jpg) -436px -32px no-repeat; }
body#service-request #nav-05 { background:url(../images/nav.jpg) -586px -32px no-repeat; }
body#apply #nav-06 { background:url(../images/nav.jpg) -773px -32px no-repeat; }
body#contact #nav-07 { background:url(../images/nav.jpg) -894px -32px no-repeat; }

/* ------------------------footer framework ------------------------ */
#footer-container {
	background: #d08c63 url(../images/bg-footer-container.jpg) repeat-x; margin:0 auto;}

#footer { width:983px; margin:0 auto; padding-top:20px; text-align:left; }
	#footer p { color:#743f20;font-size:11px;padding:0px 0 5px 0;}
	#footer a:link, #footer a:visited { color:#fff; }
	#footer a:hover, #footer a:active { color:#fff1d8; }

#logo-container {float:right; width:370px; margin-bottom:25px;}

/* -- Floorplans Page --*/
.floorplans-thumbs-container { margin-left:32px;}
.floorplans { width:545px; background:#a16849; float:left;}

#floorplans-nav {background:url(../images/floorplans-nav.jpg) no-repeat; width:577px; height:174px; float:left;}
	#floorplans-nav span { display: none; }
	#floorplans-nav li, #floorplans-nav a { height:174px; display:block; }
	#floorplans-nav li { float:left; list-style:none; display:inline; position:relative; }
#floorplans-nav-01 { width: 129px; margin-left:19px;}
#floorplans-nav-02 { width: 121px;}
#floorplans-nav-03 { width: 153px;}
#floorplans-nav-02, #floorplans-nav-03 {margin-left:42px;} 

#floorplans-nav-01 a:hover { background:url(../images/floorplans-nav.jpg)  -19px -174px no-repeat; }
#floorplans-nav-02 a:hover { background:url(../images/floorplans-nav.jpg) -190px -174px no-repeat; }
#floorplans-nav-03 a:hover { background:url(../images/floorplans-nav.jpg) -353px -174px no-repeat; }
	
/* -- Amenities Page --*/
#amenities-container { margin-left:32px; }
#amenities-column-1 { width:545px; background:#a16849; float:left;}
.amenities-column-p { width:293px; float:left;  }
	.amenities-column-p ul {padding:0 0 15px 31px;}

#gallery-nav {
	background:url(../images/gallery-nav.jpg) no-repeat;
	width:252px;
	height:454px;
	float:right;
	}	
.gallery-img-left { width:123px; float:left; }
	.gallery-img-left a {display:block; height:111px;}
	.gallery-img-left span {display:none;}
.gallery-img-right { width:129px; float:right;}
	.gallery-img-right a {display:block; height:111px;}
	.gallery-img-right span {display:none;}

/* -- Location Page --*/
#location-container { margin:0; }
#location-column-1 { width:545px; background:#a16849; float:left;margin-left:32px;}
#location-column-left {width:181px; float:left;}
	#location-column-left p {padding:0 10px 15px 14px; color:#1d1408;}
	#location-column-left strong {color:#FFF;} 

#location-column-middle {width:182px; float:left;}
	#location-column-middle  p {padding:0 10px 15px 16px; color:#1d1408;}
	#location-column-middle strong {color:#FFF;} 

#location-column-right {width:181px; float:left;}
	#location-column-right p {padding:0 10px 15px 14px; color:#1d1408;}
	#location-column-right strong {color:#FFF;} 

#location-column-2 { width:545px; background:#a16849; float:left; margin-left:32px;}
#location-column-left2 {width:181px; float:left; }
	#location-column-left2 p {padding:0 10px 15px 14px; color:#1d1408;}
	#location-column-left2 strong {color:#FFF;} 

#location-column-middle2 {width:182px; float:left;}
	#location-column-middle2  p {padding:0 10px 15px 16px; color:#1d1408;}
	#location-column-middle2 strong {color:#FFF;} 

/* -- Contact Page --*/
#btn-map { 
	background:url(../images/btn-map.jpg) no-repeat;
	width:94px;
	height:83px;
	margin-left:31px;
	float:left;
	}
#btn-map span {display:none;}
#btn-map a {display:block; width:94px; height:83px; float:left;}
#btn-map a:hover {background:url(../images/btn-map.jpg) -0px -83px no-repeat;}

#contact-column-1 {width:310px; float:left; margin-top:10px;}
	#contact-column-1 p { width:200px; display:inline; padding:0; margin:0;}
	
#contact-column-2 {width:200px; float:left; margin-top:10px;}
	#contact-column-2 p { width:200px; display:inline; padding:0; margin:0;}