/* ------------------------ RESET ---------------------*/

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}



/* ------------------------ SITE STYLES ---------------------*/

body {
	background-color:#9d8d84;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#739fa6;
	font-size:12px;
	line-height:1.5em;
	}
#header {
	height:120px;
	background:url(images/bg-header.jpg) top center no-repeat;
	text-align:center;
	padding-top:14px;
	position: relative;
	}	
#nav {
	height:24px;
	background:url(images/bg-nav.gif) top left repeat-x;
	overflow:hidden;
	}
#nav ul {padding-left:235px;}	
#nav ul li, #nav ul li a {
	display:block;
	float:left;
	}
#nav ul li a {
	font-size:14px;
	text-transform:uppercase;
	line-height:24px;
	text-align:center;
	padding:6px 10px 6px 14px;
	height:12px;
	}	
#nav ul li a:hover,
#residences #nav a.residences,
#floorplans #nav a.floorplans,
#amenities #nav a.amenities,
#location #nav a.location,
#about #nav a.about,
#contact #nav a.contact,
#register #nav a.register, #nav a:hover, #residents #nav a.login {background:url(images/bg-nav-over.gif) repeat-x;}
#nav a.login {padding:6px 14px 6px 14px; float:right;}

#nav a span {display:block; height:11px; text-indent:-9999px;}
#nav a.residences span {width:73px; background:url(images/nav-residences.gif) top left no-repeat;}
#nav a.floorplans span {width:81px; background:url(images/nav-floorplans.gif) top left no-repeat;}
#nav a.amenities span {width:64px; background:url(images/nav-amenities.gif) top left no-repeat;}
#nav a.location span {width:58px; background:url(images/nav-location.gif) top left no-repeat;}
#nav a.about span {width:39px; background:url(images/nav-about.gif) top left no-repeat;}
#nav a.contact span {width:51px; background:url(images/nav-contact.gif) top left no-repeat;}
#nav a.register span {width:57px; background:url(images/nav-register.gif) top left no-repeat;}
#nav a.login span {width:76px; background:url(images/nav-login.gif) top left no-repeat;}
#nav a.apply span {width:70px; background:url(images/nav-apply.gif) top left no-repeat;}


#container {
	width:1020px;
	height:580px;
	margin:44px auto 10px;
	}
#footer {
	width:828px;
	height:30px;
	padding-right:190px;
	margin:0 auto 10px;
	text-align:left;
	color:#3b342f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.2em;
	background:url(images/footer-logos.gif) top right no-repeat;
	}	

form p {margin-bottom:15px;}
body#form {background:none; background-color:transparent; text-align:left;}
label {padding-right:10px;}	
#submit {width:65px; height:18px; background-color:#9D8D84; border: 1px solid #9D8D84; text-transform:uppercase;font-size:10px; color:#fff; font-family:Arial, Helvetica, sans-serif;letter-spacing:2px; text-align:center; line-height:10px; display:block; float:left; margin-top:8px;}
#input {display:block; float:left;}
#content {height:420px;}	
#home #content {background:url(images/home.jpg) top left no-repeat;}
#content {position:relative;}
#bottom-bar {position:absolute; bottom:0; right:0; height:34px; /*border-top:1px solid #9e8d84; */width:832px; z-index:150;}
#home #bottom-bar, #floorplans #bottom-bar, #register #bottom-bar, #thankyou #bottom-bar, #residents #bottom-bar, #about #bottom-bar, #special #bottom-bar {width:1020px;}
#home #signup, #floorplans #signup, #thankyou #signup, #residents #signup, #about #signup {width:679px; /*background:url(images/bg-signup-home.png) top left no-repeat;*/ }
#floorplans #bottom-bar {
	background: url(images/bg_floorplan-footer.jpg) top left no-repeat;
}
#signup {float:left; border-right:1px solid #9e8d84; height:34px; width:491px;background:url(images/bg-signup.png) top left no-repeat;}
#copy-footer {width:340px; height:34px; float:right; display:block; text-indent:-9999px;outline:none; background:url(images/bottom-copy.gif) bottom right no-repeat;}
#home #signup #email, #floorplans #signup #email, #thankyou #signup #email, #residents #signup #email, #about #signup #email {width:180px; margin-left:415px;}
#message {width:250px; margin-left:415px; color:fff; display:block; margin-top:8px;}
#message p {color:#fff; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}
#signup #email {margin-left:290px; width:120px; margin-right:2px; margin-top:8px; background-color:#e1dbd7; border:none; outline:none; height:17px; float:left; color:#666; font-size:10px; }
h2.prefer-to-rent {text-indent:-9999px;}

#residences #content {background:url(images/bg-residences2.jpg) top left no-repeat;}
#residences.city-homes #content {background:url(images/bg-cityhomes2.jpg) top left no-repeat;}
#residences.estate-homes #content {background:url(images/bg-estatehomes.jpg) top left no-repeat;}
#residences.finishes #content {background:url(images/bg-finishes.jpg) top left no-repeat;}

#floorplans #content {background:url(images/bg-floorplans.png) top left repeat-x; height:490px;}
#floorplans #container {height:650px;}

#amenities #content {background:url(images/bg-amenities.jpg) top left no-repeat;}
#amenities.plaza #content {background:url(images/bg-gardens.jpg) top left no-repeat;}
#amenities.gathering #content {background:url(images/bg-gathering.jpg) top left no-repeat;}
#amenities.spa #content {background:url(images/bg-spa.jpg) top left no-repeat;}
#amenities.services #content {background:url(images/bg-services.jpg) top left no-repeat;}

#location #content, #thankyou #content {background:url(images/bg-location.jpg) top left no-repeat;}
#location.shops #content {background:url(images/bg-shops.jpg) top left no-repeat;}
#location.bellevue #content {background:url(images/bg-bellevue.jpg) top left no-repeat;}
#location.map #content {background:url(images/bg-map.jpg) top left no-repeat;}

#about #content, #residents #content, #special #content {background:url(images/bg-about.jpg) top left no-repeat;}
#about.media #content {background:url(images/bg-media.jpg) top left no-repeat;}

#contact #content {background:url(images/bg-contact.jpg) top left no-repeat;}
#contact.directions #content {background:url(images/bg-directions.jpg) top left no-repeat;}

#register #content {background:url(images/bg-register.jpg) top left no-repeat;}

#copy {float:right; height:333px; width:280px; padding:32px 30px 20px; background:#fff url(images/bg-copy.gif) top left repeat-y; text-align:left;}
#subnav {height:266px; width:176px; position:absolute; bottom:0; left:0; background-color:#6e98a0; padding-left:12px; padding-top:16px;text-align:left;z-index:100;}		
#subnav li {
	border-bottom:1px solid #4f403c;
	text-transform:uppercase;
	font-size:11px;
	padding:6px 8px;
	letter-spacing:1px;
	color:#4f403c;
	}
#copy ul {list-style:disc; margin-left:15px;font-size:11px; line-height:19px; color:#796b66; padding-bottom:1em;}	
#subnav a {text-decoration:none; color:#4f403c;}	
#subnav a:hover,
.home-styles #subnav li.home-styles,
.city-homes #subnav a.city-homes,
.city-homes #subnav li.home-styles,
.estate-homes #subnav li.home-styles,
.estate-homes #subnav a.estate-homes,
.finishes #subnav a.finishes,
.views #subnav a.views,
.plaza #subnav a.plaza,
.gathering #subnav a.gathering,
.spa #subnav a.spa,
.services #subnav a.services,
.shops #subnav a.shops,
.bellevue #subnav a.bellevue,
.map #subnav a.map,
.directions #subnav a.directions,
.media #subnav a.media
 {color:#fff;}



#subnav li ul li {border-bottom:none; text-transform:none; padding:2px 8px; letter-spacing:0;}	
#subnav li.last {border-bottom:none;}	
#subnav li.first {padding-top:0;}
#copy p {font-size:11px; line-height:18px; color:#796b66; padding-bottom:1em;}
#copy h2 {margin-bottom:4px;}
.finishes #copy p.links {margin-top:20px;}
#copy p a {color:#796b66;}
#views {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:1020px;
	height:420px;
	}
#view-nav {position:absolute; bottom:44px; right:10px; z-index:300; width:329px;}
#view-nav p, #view-nav a {color:#fff; font-size:11px; text-decoration:none;}
#view-nav p {width:200px; float:left; text-align:left;}
#view-nav p#prev-next {width:120px; text-align:right; float:right;}	
a#next {margin-left:20px;}
#contact-map {padding-bottom:10px;}
.error {display:hidden;}
#floorplans iframe {width:1020px;}

#register #content {
	height:auto;
	text-align:left;
	background-color:#fff;
	overflow:hidden;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#796b66;
	}
#register fieldset {width:460px; float:left; padding:10px;}	
#register fieldset#left {width:440px; padding-left:50px;}
#regsiter fieldset#right {padding-right:30px;}
#register #bottom-bar #signup {display:none;}
#register #bottom-bar {background-color:#847367}
#register form input {width:220px; float:left; display:block;}
#register form fieldset#left label {width:100px; float:left; display:block;}
#register form fieldset#right label{width:300px; float:left;}
#register form fieldset#right input, #register form fieldset#right select  {width:140px; float:left;}
#register form p {clear:both; padding-bottom:8px; overflow:hidden;}
#register p span.instruction {font-size:10px;}
#register form fieldset#right p.checks input {width:20px; clear:both; display:block;}
#register #right p.checks span {display:block; clear:both;}
#register p.headline {padding:20px 240px 30px 240px;}
#register #container {height:auto;}
#snipe {
	position: absolute;
	top: 10px;
	left: 588px;
}
#contact #copy {
	padding-right: 15px;
	padding-left: 15px;
	width: 310px;
}
#signup-container {
	position: absolute;
	top: 20;
	left: 0;
	width: 300px;
}
#mail-list #email {
	float: left;
	margin-left: 20px;
	height: 15px;
	background-color: #E1DBD7;
	border: 1px solid #ccbbb0;
	font-size: 10px;
	width: 160px;
	color: #666666;
}
#mail-list #submit {
	margin: 0 0 0 5px;
	cursor: pointer;
}
#mail-list p {
	text-align: left;
	margin: 0 0 5px 20px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#facebook {
	text-align: left;
	margin: 10px 0 0 20px;
}
#facebook #join {
	margin: 4px 0 0px 5px;
	float: left;
}
#facebook img {
	float: left;
}
#join a {
	color: #739FA6;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}
#shopsLink {
	position: absolute;
	top: 20px;
	right: 20px;
	/*width: 170px;*/
	
}
#shopsLink a {
	color: #739FA6;
	text-decoration: underline;
	font-size: 13px;

}
#shopsLink a:hover {
	color: #25140c;
}
div.lkj {display:none;}
#chat-tool {
	position: absolute;
	top: 55px;
	right: 20px;
}