/* v1.0 | 20080212 */

/* @group SETUP */

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;
	vertical-align: baseline;
	background: transparent;
}

a:active, a:focus {
	outline: none;
}

body {
	background: #000 url(/images/bg.png) repeat-x;
	font-size: 62.5%;
	font-family: Arial, helvetica, sans-serif;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea
{
	font-family: Arial, helvetica, sans-serif ;
}

/* 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;
}



/* @end */
 

/* @group HEADER */

#header {
	background: url(/images/header.bg.png) no-repeat;
	height: 110px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: 980px;
}

#header h1 {
	background: url(/images/header.logo.bg.png) no-repeat;
	display: block;
	height: 105px;
	margin: 0 20px;
	width: 160px;
}

#header h1 a {
	background: url(/images/header.logo.png) no-repeat;
	background-position: 4px 4px;
	display: block;
	height: 27px;
	margin: 0 16px;
	overflow: hidden;
	top: 33px;
	padding: 4px;
	position: relative;
	text-indent: -1234px;
	width: 120px;
}

#header span#location {
	background: url(/images/header.location.png) no-repeat; 
	display: block;
	left: 240px;
	height: 11px;
	overflow: hidden;
	top: 31px;
	position: absolute;
	text-indent: -1234px;
	width: 194px;
}

#header #extras {
	background: #000;
	border-left: 1px solid #000;
	top: 0;
	position: absolute;
	left: 590px;
}

#header #extras a,
#header #extras span {
	border-top: 5px solid #a84d10;
	display: block;
	float: left;
	margin-right: 1px;
	height: 55px;
	overflow: hidden;
	text-indent: -1234px;
	width: 110px;
}

#header #extras a:hover {
	border-top-color: #e96d1f;
}

#header #extras #download {
	background: url(/images/header.dl.png);
}

#header #extras #download:hover {
	background: url(/images/header.dl.png) 0 -55px;
}

#header #extras #vip {
	background: url(/images/header.dl.png) -110px 0;
	border-left: 1px solid #a84d10;
}

#header #extras span#vip,
#header #extras #vip:hover {
	border-top-color: #e96d1f;
	background: url(/images/header.dl.png) -110px -55px;
	border-left: 1px solid #e96d1f;
}

/* @end */

#container {
	background: #fff;
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 980px;
}

/* @group NAV */

#container #nav {
	background: #fff2d4 url(/images/nav.bg.png) left bottom no-repeat;
	border-right: 5px solid #e6d4b4;
	float: left;
	height: 450px;
	overflow: hidden;
	position: relative;
	width: 195px;
}

#container #nav ul {
	background: url(/images/nav.footer.png) 20px bottom no-repeat;
	padding: 40px 20px;
	position: relative;
	margin-left: 20px;
}

#container #nav ul li {
	background: url(/images/nav.png) bottom left no-repeat;
	position: relative;
	width: 120px;
}

#container #nav ul li a {
 	background: url(/images/nav.png) no-repeat;
	display: block;
	height: 21px; 
	overflow: hidden; 
	padding-bottom: 1px;
	position: relative;
	left: -16px;
	text-indent: -12345px;
	width: 100%;
}

#container #nav ul li a.selected {
	cursor: default;
}
 

#container #nav ul li#n a {
	background-position: -300px 4px;
}
#container #nav ul li#n a.hilighted {
	background-position: -150px 4px;
}
#container #nav ul li#n a.selected,
#container #nav ul li#n a:hover {
	background-position: 0 4px;
}
#container #nav ul li#r a {
	background-position: -300px -18px;
}

#container #nav ul li#r a.hilighted {
	background-position: -150px -18px;
}

#container #nav ul li#r a.selected, 
#container #nav ul li#r a:hover {
	background-position: -150px -18px;
}

#container #nav ul li#t a {
	background-position: -300px -40px;
}
#container #nav ul li#t a.hilighted  {
	background-position: -150px -40px;
}
#container #nav ul li#t a.selected,
#container #nav ul li#t a:hover  {
	background-position: 0 -40px;
}

#container #nav ul li#u a {
	background-position: -300px -62px;
}

#container #nav ul li#u a.hilighted {
	background-position: -150px -62px;
}

#container #nav ul li#u a.selected,
#container #nav ul li#u a:hover {
	background-position: 0 -62px;
}

#container #nav ul li#c a {
	background-position: -300px -84px;
}

#container #nav ul li#c a.hilighted {
	background-position: -150px -84px;
}
#container #nav ul li#c a.selected,
#container #nav ul li#c a:hover {
	background-position: 0 -84px;
}

#container #nav ul ul {
	background: none; 
	margin: 0;
	padding: 0;
	position: relative;
}

#container #nav ul ul.residential {
display:  block;
}

#container #nav ul ul li {
	background: none;
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
	position: relative;
	width: 120px;
}

#container #nav ul ul li:hover {
	background: none;
}

#container #nav ul ul li a {
	background: url(/images/nav.png) no-repeat;
	height: 13px;
	padding: 3px 0;
	position: relative;
	left: -41px;
	width: 140px;
}

#container #nav ul ul li#h a {
	padding-top: 5px;
	height: 17px;
	
	background-position: 0 -125px;
}
#container #nav ul ul li#h a.selected,
#container #nav ul ul li#h a:hover {
	background-position: -150px -125px;
}

#container #nav ul ul li#f a {
	background-position: 0 -150px;
}
#container #nav ul ul li#f a.selected,
#container #nav ul ul li#f a:hover {
	background-position: -150px -150px;
}

#container #nav ul ul li#i a {
	background-position: 0 -170px;
}
#container #nav ul ul li#i a.selected,
#container #nav ul ul li#i a:hover {
	background-position: -150px -170px;
}

#container #nav ul ul li#s a {
	background-position: 0 -190px;
	padding-bottom: 7px;
}
#container #nav ul ul li#s a.selected,
#container #nav ul ul li#s a:hover {
	background-position: -150px -190px;
}

#container noscript {
	background: url(/images/ops.png) no-repeat;
	display: block;
	height: 1px;
	font-size: 1px; 
	overflow: hidden;
	padding-top: 99px;
	position: absolute;
	top: 0px;
	left: 220px;
	width: 720px;
	z-index: 10000;
}
/* @end */
 
#container .content {
	height: 410px;
	float: left;
	overflow: hidden;
	padding: 40px 0px 0px 20px;
	position: relative;
	width: 760px;
}



/* @group FOOTER */

#footer {
	background: #817c00;
	border-top: 2px solid #615d00;
	height: 39px;
	margin: 0 auto;
	padding: 0 20px;
	width: 900px;
}

#footer p {
	color: #9fa617;
	line-height: 39px;
	font-size: 1em;
	float: left;
}

#footer p a {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

#footer img {
	margin-top: 7px;
	float: right;
}

/* @end */


/* @group FOOTER */

#legal {
	
	background: #000;  
	display: none;
	margin: 0 auto;
	padding: 20px 0;
	width: 900px;
}

#legal p.links {
	color: #e96d1f; 
	font-size: .9em; 
	font-weight: bold;
	margin-bottom: 1em;
}

#legal p.links a {
color: #e96d1f;
text-decoration: none;

}
#legal p.content { 
	color: #ddd; 
	font-size: 1em; 
}
 

/* @end */

/* @group HOME */

#home {
	background: url(/images/home.bg.png) no-repeat top right;
}

#home h2 {
	background: url(/images/home.intro.png) no-repeat top left;
	display: block;
	height: 95px;
	margin-left: 20px;
	overflow: hidden;
	text-indent: -1234px;
	width: 370px;
}

#home #contents {
	background: url(/images/home.content.bg.png) no-repeat top right;
	bottom: 0;
	height: 260px;
	padding-left: 10px;
	position: absolute;
	right: 0;
	width: 760px;
}

#home #contents p {
	background: url(/images/home.p.png) no-repeat top left;
	height: 92px;
	display: block;
	margin: 45px 0 0 20px;
	overflow: hidden;
	padding-left: 327px;
	width: 0px;
}

#home #contents ul#thumbs {
	bottom: 18px;
	left: 23px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
}

#home #contents ul#thumbs li {
	background: url(/images/transparent.png) repeat;
	float: left;
	height: 50px;
	margin-right: 6px;
	width: 50px;
}

#home #contents ul#thumbs li a {
	display: block;
	height: 50px;
	position: relative; 
	width: 58px;
	cursor:default
}

#home #contents ul#thumbs li a:hover {
	cursor:default
}

#home #contents ul#thumbs li a img{
	background: #fff;
	display: block;
	position: relative;
	top: -2px;
	right: -2px;
}

#home #contents ul#thumbs li a:hover img{
	cursor:default;
	top: 0px;
	right: 0px;
}

#home #contents #media {
	background: #000;
	bottom: 40px;
	height: 240px;
	position: absolute;
	right: 40px;
	width: 320px;
}

#home #contents #media.slideshow {
	background: #000 url(/images/home.photos.jpg) 0 0;
}

#home #contents #media.photo1 {
	background-position: 0 0;
}
#home #contents #media.photo2 {
	background-position: 0 -240px;
}
#home #contents #media.photo3 {
	background-position: 0 -480px;
}
#home #contents #media.photo4 {
	background-position: 0 -720px;
}
#home #contents #media.photo5 {
	background-position: 0 -960px;
}
#home #contents #media.photo6 {
	background-position: 0 -1200px;
}

#home #contents #media  a#vpt {
	background: url(/images/home.vpt.png);
	height: 240px;
	display: block;
	overflow: hidden;
	text-indent: -1234px;
	width: 320px;
}

#home #contents #media  a#vpt:hover {
	background-position: 0 -240px;
}

#home #contents #media #video {
	background: #000;
}

#home #contents #caption {
	color: #fff;
	height: 15px;
	border-color: #fff;
	border-style: solid;
	bottom: 0;
	font-size: .9em;
	line-height: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	right: 0;
	padding: 10px 10px 10px 20px;
	position: absolute;
	margin: 0 40px 0 400px;
	width: 290px;
}

#home #contents #caption a {
	color: #fff;
}

#home #contents #caption #closevpt {
	background: url(/images/stopbutton.png) no-repeat;
	display: none;
	height: 13px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -1234px;
	width: 106px;
}

#home #contents #caption #closevpt.on {
	display: block;
	float: right;
	margin-right: 10px;
}

#home #contents #caption #closevpt:hover {
	background-position: 0 -13px;
}

/* @end */

/* @group NEIGHBORHOOD */

#container #neighborhood {
	padding: 0 40px 0px 40px;
	height: 450px;
	position: relative;
	width: 700px;
}

#neighborhood #nintro {
	overflow: hidden;
	width: 330px;
}

#neighborhood h2 {
	background: url(/images/neighborhood.intro.png);
	overflow: hidden;
	height: 43px;
	margin: 40px 0 25px 0;
	text-indent: -123456px;
	width: 232px;
}

#neighborhood p {
	color: #999999;
	font-size: 1.3em;
	line-height: 1.45em;
	font-family: Georgia, "Times New Roman", Times, serif;
/*  	letter-spacing: -0.01em;
   	word-spacing:-1px;
 */
}

#neighborhood #walk {
	border-top: 5px solid #e96d1f;
	float: left;
	margin: 10px 20px 0 0;
	padding-top: 10px;
	width: 150px;
}

#neighborhood #walk p {
	color: #a84d10;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1.2em;
	width: auto;
}

#neighborhood #walk a {
	color: #e96d1f;
	text-decoration: none;
}

#neighborhood #walk a:hover {
	text-decoration: underline;
}

#neighborhood #walk p strong {
	font-weight: bold;
}

#neighborhood #walk h4 {
	background: url(/images/neighborhood.walk.png) no-repeat;
	display: block;
	height: 14px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 20em;
	width: 132px;
}

#neighborhood #walk p#score {
	background: url(/images/neighborhood.walkscore.png) no-repeat;
	display: block;
	height: 31px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 20em;
	width: 136px;
}

#neighborhood #walk p#disclaimer {
	color: #999;
	font-size: .8em;

}

#neighborhood #hoods {
	background: #fff;
	border-top: 1px solid #fff;
	height: 409px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 40px;
	width: 330px;
}

#neighborhood #hoods .hood {
	height: 449px;
	float:  left;
	position:  relative;
	width: 330px;
}

#neighborhood #hoods .hood .ss{
	height: 200px;
}
 

#neighborhood #hoods #map{
	margin-right: 1320px;
}

#neighborhood #hoods #map h4{
	background: url(/images/neighborhood.maps.intro.png) no-repeat;
	height: 30px;
	margin: 20px 0 10px 0;
	overflow: hidden;
	text-indent: -1234px;
	width: 132px;
}

#neighborhood #hoods #map p.hint{
	color: #999999;
	font-size: .8em;
}
 

#neighborhood #hoods #map #mapselect{
	background: url(/images/neighborhood.landingimg.jpg) top right no-repeat;
	height: 200px;
 
}
 
#neighborhood #hoods .mapkey{ 
	height: 200px;
	overflow: hidden;
}
 
 


#neighborhood #hoods #map ul#hoodlist{
width: 150px;
margin-bottom: 1em;
}                            
#neighborhood #hoods #map ul#hoodlist li{
overflow: hidden;
}                           
#neighborhood #hoods #map ul#hoodlist li a{
	border-bottom: 1px solid #ebebeb;
	color: #e96d1f;	
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
}                           
#neighborhood #hoods #map ul#hoodlist li a:hover {
	color: #582700; 
}                           
#neighborhood #hoods #map ul#hoodlist li a .num{
	color: #9fa617;	
}                      
#neighborhood #hoods .mapkey,
#neighborhood #hoods #mapimage{
	background: url(/images/neighborhood.maps.png) 0 -200px;
	height: 200px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -1234px;
	width: 330px;
}

#neighborhood #hoods .mapkey{
	background-position: 0 0;
	margin:0px;
}
#neighborhood #hoods #mapimage.mi1{
	background-position: 0 -400px;
}
#neighborhood #hoods #mapimage.mi2{
background-position: 0 -600px;
}
#neighborhood #hoods #mapimage.mi3{
background-position: 0 -800px;
}
#neighborhood #hoods #mapimage.mi4{
background-position: 0 -1000px;
}
#neighborhood #hoods #mapimage.mi5{
background-position: 0 -1200px;
}

#neighborhood #hoods .hood ul.thumbs{
	overflow:  hidden;
	height: 60px;
	margin-bottom: 6px;
}
#neighborhood #hoods .hood ul.thumbs li {
	float:  left;
	height: 53px;
	margin: 6px 6px 0 0;
	width: 50px;
	
}
#neighborhood #hoods .hood ul.thumbs li a {
	border-bottom:3px solid #fff;
	display: block;
}
#neighborhood #hoods .hood ul.thumbs li a:hover,
#neighborhood #hoods .hood ul.thumbs li a.selected {
	border-bottom: 3px solid #E96D1F;
}                                             
#neighborhood #hoods .hood ul.thumbs li a.selected {
	
	cursor: default;
}
#neighborhood #hoods .hood ul.thumbs li a img{ 
	background: #eee;	
	height: 50px;
	width: 50px;
}

#neighborhood #hoods .hood h3{
	background:  url(/images/neighborhood.titles.png) no-repeat 0 -35px;
	display:  block;
	height: 15px;
	overflow:  hidden;
	text-indent: -12345px;
	width:  210px;
	margin-bottom: 5px;
	margin-top: 20px;
}

#neighborhood #hoods .hood p{
	color:  #a84d10;
	font: 11px/1.45em Georgia, "Times New Roman", Times, serif;
}


#neighborhood #hoods .hood a.viewmap {
	background:  url(/images/neighborhood.view-map.png) no-repeat;
	
	display:  block;
	height:  23px;
	overflow:  hidden;
	position:  absolute;
	right:  0;
	top:  20px;
	text-indent: -123345px;
	width:  61px;
}
#neighborhood #hoods #hood1-main {
	background: #eee;
	display: block;
	height: 200px;
	width: 330px;
}
#neighborhood #hoods #hood1 {
}
#neighborhood #hoods #hood1 h3{
background-position: 0 -0;
}
#neighborhood #hoods #hood2 h3 {
	background-position: 0 -35px;
}
#neighborhood #hoods #hood3 h3 {
	background-position: 0 -70px;
}
#neighborhood #hoods #hood4 h3 {
	
	background-position: 0 -105px;
}
#neighborhood #hoods #hood5 h3 {
	
	background-position: 0 -140px;
}

#neighborhood #hoodnav {
	display: none;
	background: #fff;
	border-top: 1px solid #dddddd;
	height: 24px;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
	right: 40px;
	width: 330px;
}
 
#neighborhood #hoodnav #matitle {
	background:  url(/images/neighborhood.nav.png) no-repeat;
	display: block;
	height:  24px;
	float: left;
	overflow: hidden;
	text-indent: -1234px;
	width:  55px; 
	margin-right: 9px;
}

#neighborhood #hoodnav a.ma {
	display:  block;
	float: left;
	height:  18px;
	background: url(/images/neighborhood.badges.png) no-repeat;
	text-indent: -1234px;
	margin-right: 6px;
	width:  16px;
	margin-top: 4px;
}

#neighborhood #hoodnav a.selected {
	cursor: default;
} 
#neighborhood #hoodnav #ma1 {
	background-position: -3px 0;
}
#neighborhood #hoodnav #ma1.selected  {
	background-position: -4px -61px;
}
#neighborhood #hoodnav #ma1:hover {
	background-position: -4px -29px;
} 
#neighborhood #hoodnav #ma2 {
	background-position: -25px 0;
}
#neighborhood #hoodnav #ma2.selected {
	background-position: -26px -61px;
}
#neighborhood #hoodnav #ma2:hover {
	background-position: -26px -29px;
}
#neighborhood #hoodnav #ma3 {
	background-position: -47px 0;
}
#neighborhood #hoodnav #ma3.selected {
	background-position: -48px -61px;
}
#neighborhood #hoodnav #ma3:hover {
	background-position: -48px -29px;
}
#neighborhood #hoodnav #ma4 {
	background-position: -69px 0;
}
#neighborhood #hoodnav #ma4.selected {
	background-position: -70px -61px;
}

#neighborhood #hoodnav #ma4:hover {
	background-position: -70px -29px;
}
#neighborhood #hoodnav #ma5 {	
	background-position: -91px 0;
}
#neighborhood #hoodnav #ma5.selected {	
	background-position: -92px -61px;
}
#neighborhood #hoodnav #ma5:hover {	
	background-position: -92px -29px;
}

#neighborhood #hoodnav a#map-key {
	background:  url(/images/neighborhood.nav.png) no-repeat  -178px 0;
	display: block;
	height:  24px;
	float: right;
	overflow: hidden;
	text-indent: -1234px; 	
	width: 84px; 
}

#neighborhood #hoodnav a#map-key:hover {
	background-position:  -178px -24px;
	cursor: default;
}
#neighborhood #hoodnav a#map-gb {
	background:  url(/images/neighborhood.nav.png) no-repeat top right;
	display: block;
	height:  24px;
	float: right;
	overflow: hidden;
	text-indent: -1234px; 	
	width: 68px; 
}
#neighborhood #hoodnav a#map-gb:hover {
	background-position: right -24px;
}

/* @end */

/* @group TEAM */

#container #team {
	padding: 40px 40px 0 40px;
	width: 700px;
}

#team h2 {
	background: url(/images/team.intro.png);
	display: block;
	height: 43px;
	margin: 0 0 20px;
	overflow: hidden;
	text-indent: -1234px;
	width: 361px;
}

#team hr {
	background: #ccc;
	border:0 ;
	height: 1px;
	
}
#team ul {
	
}

#team ul li {
	float: left;
	margin-right: 20px;
	width: 160px;
}

#team ul li.last {
	margin: 0;
}

#team ul li h3,
#team ul li h4 {
	display: block;
	background: url(/images/team.logos.png) no-repeat left top;
	overflow: hidden;
	text-indent: -12345px;
	width: 160px;
}

#team ul li h3 {
	height: 35px;
	margin-bottom: 20px;
}

#team ul li h4 {
	height: 15px;
	margin-bottom: 5px;
}

#team ul li p {
	color: #999999;
	display: block;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 9em;
	line-height: 1.45em;
	margin-bottom: 1em;
	
}

#team ul li p a {
	color: #e96d1f;
	text-decoration: none;
}

#team ul li p a:hover {
	text-decoration: underline;
}

#team ul li#dev {
	
}

#team ul li#dev h4 {
	background-position: 0 -49px;
}

#team ul li#con {
	
}

#team ul li#con h3,
#team ul li#con h4 {
	background-position: -180px 0;
}

#team ul li#con h4 {
	background-position: -180px -49px;
}

#team ul li#arc {
	
}

#team ul li#arc h3,
#team ul li#arc h4 {
	background-position: -360px 0;
}

#team ul li#arc h4 {
	background-position: -360px -49px;
}

#team ul li#mor {
	
}

#team ul li#mor h3,
#team ul li#mor h4 {
	background-position: -540px 0;
}

#team ul li#mor h4 {
	background-position: -540px -49px;
}

/* @end */

/* @group UPDATES */
#container
{

	position: relative;
}
#container #updates
{
	padding: 40px 40px 0 40px;
	position: relative;
	width: 700px;
}
  
#updates h2
{
	background: url(/images/updates.intro.png);
	display: block;
	height: 44px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: -12345px;
	width: 315px;
}
#updates #scroller
{ 
	clear:both; 
	height: 400px;
	position:relative; 
	margin-top: -70px;
	overflow:hidden; 
	width: 700px;
	padding-top: 70px;
}

#updates #items_nav
{ 
	position: absolute;
	top: 0; 
	right: 0px;
	width: 82px;
} 
#updates #items_nav a
{
	background: url(../images/updates.nav.png) no-repeat left -50px;
	display: block;
	float: left;
	height:  18px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -12345em;
	width:  36px;
}

#updates #items_nav a#prevPage
{
	margin-right: 10px;
}

#updates #items_nav a#prevPage:hover,
#updates #items_nav a#prevPage.active
{
	background-position: left -25px ;
	margin-right: 10px;
}
 
#updates #items_nav a#nextPage
{
	background-position: right -50px;
}

#updates #items_nav a#nextPage:hover,
#updates #items_nav a#nextPage.active
{
	background-position: right -25px ;
}
 
#updates #items_nav a#prevPage.disabled
{
	background-position: top left;
	cursor: pointer;
	cursor: hand;
} 

#updates #items_nav a#nextPage.disabled 
{
	background-position: top right;
	cursor: pointer;
	cursor: hand;
} 

#updates #items_nav span
{
	background: url(../images/updates.dates.png) no-repeat left bottom;
	display: block;
	height:  18px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -12345em;
	width:  62px;
	
}
#updates ul#items
{
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
}
#updates ul#items li
{	
	border-right: 1px solid #dfdfdf;
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	position: relative;
	min-height: 300px;  
	 
} 
/*#updates ul li
{
	border-right: 1px solid #dfdfdf;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	width: 159px;
	
}*/
#updates ul li .date
{
	color: #666666;
	font-size: 11px;
	
	display: block;
	height: 20px;
}
#updates ul#items li div.first
{	
	display: block;  
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
	
}

#updates ul#items li div.first a
{ 
	height:  100px;
	width: 330px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -12345em;
	
}

#updates ul#items li div.first a:hover
{ 
	background: url(/images/updates.slideshow.png) no-repeat left top;
	z-index: 100;
}

#updates ul#items li div.first img
{  
	display: block;
	position: relative;
	z-index: 0;
}
#updates ul li h3
{
	background: url(/images/updates.dates.png) no-repeat;
	display: block;
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: -12345px;
	width: 160px;
}
#updates ul li#ws2010 h3
{
	background-position: 0 0;
	
}
#updates ul li#fw2009 h3
{
	background-position: 0 -40px;
}
#updates ul li#su2009 h3
{
	background-position: 0 -60px;
}
#updates ul li#sp2009 h3
{
	background-position: 0 -20px;
}
#updates ul li img
{
margin-bottom: 12px;
}
#updates ul li p
{
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.45em;
	margin-top: -.2em;
}
#updates ul li.last
{
	border: 0;
	margin-right:0;
	padding-right: 0;
}

/* @end */

/* @group CONTACT */

#container #contact
{
	padding: 40px 40px 0 40px;
	width: 700px;
}

#contact #contents
{
	border-right: 1px solid #ccc;
	float: left;
	height: 300px;
	width: 340px;
	padding-right: 10px;
}
#contact h2
{
	background: url(/images/contact.intro.png);
	
	display: block;
	height: 44px;
	margin-bottom: 30px;
	overflow: hidden;
	text-indent: -12345px;
	width: 254px;
	
}
#contact p
{
	color: #999999;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.45em; 
	margin-bottom: 1em; 
	width: 340px;
}
#contact p#re
{
	background: url(/images/contact.rea.png) no-repeat;
	height: 0;
	margin: 30px 0 0 0;
	overflow: hidden;
	padding-top: 28px;
	text-indent: -9876px;
	width: 280px;
}
#contact form,
#contact #thanks 
{
	float: right;
	overflow: hidden;
	width: 330px;
}
#contact form input,
#contact form select,
#contact form textarea
{
	border: 1px solid #fff2d4;
	background: #fff2d4;
	color: #999999;
	display: block;
	float: left;
	font-size: 1.2em;
	font-family: Arial, helvetica, sans-serif;	
	padding: 8px 10px;
	margin: 0 10px 10px 0;
	width: 138px;
}
#contact form input.c2,
#contact form textarea.c2
{
	margin: 0;
}
#contact form input.error
{
	border: 1px solid #A84D10;
}
#contact form input
{
	line-height: 1.2em;
	
}
#contact form input#city
{
	clear: left;
}
#contact form select#state
{
	clear: left; 
	padding: 7px 5px;
	text-align: center;
	width: 61px;
}
#contact form input#zip
{
	float: left;
	width: 65px;
}
#contact form input#submit
{
	background: transparent;
	border: 0;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
}
#contact form textarea#comments
{ 
	float: right;
	overflow: auto;
}
#contact form p
{
	color: #a84d10;
	clear: both;
	font-size: 1.05em;	
	font-weight: bold;
}

/* @end */

/* @group RESIDENCES */

#container #residences
{
	padding: 1px 40px 40px 40px;
	width: 700px;
}
#residences h2
{
	background: url(/images/residences.intro.png);
	display: block;
	height: 44px;
	margin: 40px 0 30px 0;
	overflow: hidden;
	text-indent: -12345px;
	width: 341px;
}
#residences p
{
	color: #999999;	
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.45em;
}
#residences #photos
{ 
	float: right;
	padding-left: 28px;
}
#residences .col
{
	float: left;
	width: 160px;
}
#residences .col h3,
#residences .col h4
{
	background: url(/images/residences.details.titles.png) no-repeat;
	display: block;
	height: 11px; 
	margin-bottom: 12px;
	overflow: hidden;
	text-indent: -12345px;
	width: 160px;
	
}
#residences #exteriors
{
	margin-right: 20px;
}
#residences #interiors.col h3
{
	background-position: -180px 0;
}
#residences #interiors.col h4
{
	background-position: -3px -50px;
	height: 15px;
}
#residences .col p
{
	font-size: 11px;
	margin-bottom: 1.5em;
}
#residences .col ul
{
	list-style: disc;
	padding:  0;
	margin:0 0 0 14px;
}
#residences .col ul li
{ 
	color: #a84d10;
	padding:  0;
	margin: 0;	
	list-style-type: disc;
	list-style-position: outside;
	font: 11px/1.45em Georgia, "Times New Roman", Times, serif;
}


#residences #detailphotos{
	position: absolute;
	top: 0;
	right: 34px; 
}

#residences #detailphotos ul.thumbs{
	overflow:  hidden;
	height: 60px;
	margin-bottom: 6px;
}
#residences #detailphotos ul.thumbs li {
	float:  left;
	height: 53px;
	margin: 6px 6px 0 0;
	width: 50px;
	
}
#residences #detailphotos ul.thumbs li a {
	border-bottom:3px solid #fff;
	display: block;
}
#residences #detailphotos ul.thumbs li a:hover,
#residences #detailphotos ul.thumbs li a.selected {
	border-bottom: 3px solid #E96D1F;
}                                             
#residences #detailphotos ul.thumbs li a.selected {
	
	cursor: default;
}
#residences #detailphotos ul.thumbs li a img{ 
	background: #eee;	
	height: 50px;
	width: 50px;
}

/* @group FLOORPLANS */

#container #floorplans
{
	
	padding: 1px 40px 40px 40px;
	position: relative;
	width: 700px;
}
#floorplans h2
{
	background: url(/images/residences.floorplans.intro.png) no-repeat; 
	display: block;
	height: 21px;
	margin: 45px 0;
	overflow: hidden;
	position: relative;
	text-indent: -12345px;
	width: 245px;
	z-index: 100;
}


#floorplans #intro 
{
	float: left;
}


#floorplans #intro p#select
{
background: url(/images/residences.floorplans.introheadings.png) no-repeat 0 0;
display: block;
height: 90px;
margin-left: 20px;
overflow: hidden;
text-indent: -1234px;
width: 145px;
	
}


#floorplans #intro #col
{
	float: right;
	width: 330px;
	position: absolute;
	top: 1px;
	right: 40px;
}


#floorplans #intro #col img
{
	margin-bottom: 16px;
}
#floorplans #intro #col  h3
{
	background: url(/images/residences.floorplans.introheadings.png) no-repeat -200px 0;
	display: block;
	margin-bottom: 13px;
	overflow: hidden;
	text-indent: -1234px;
	width: 181px;
}

#floorplans #intro #col p
{
	color: #999;
	font-size: 13px;
	line-height: 1.45em;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#floorplans #units
{
	border-right: 1px solid #dfdfdf;
	float:  left;
	height:  300px;
	overflow: hidden;
	position: relative;
	width:  170px;
}
#floorplans #units h3
{
	background: url(/images/residences.floorplans.titles.png) no-repeat;
	display: block;
	height: 11px; 
	margin: 0 0 10px;
	overflow: hidden;
	text-indent: -12345px;
	width: 80px;
}
#floorplans #units h3#au
{
	
}
#floorplans #units h3#sf
{
	background-position: 0 -50px ; 
	height:  25px;
	width:  77px;
}
#floorplans #units ul
{
	margin-bottom: 10px;
}
#floorplans #units ul li
{
	color:  #e96d1f;
	font: 13px/1.4em Georgia, "Times New Roman", Times, serif;
}
#floorplans #units ul li a
{
	display: block;
	color:  #e96d1f;
	height: 18px;
	text-decoration: none;
}
#floorplans #units ul li a.selected
{
	color:  #582700;
}
#floorplans #units ul li a:hover
{
	text-decoration: underline;
	
}
#floorplans #units ul#preview
{
	top: 0;
	right: 15px;
	position: absolute;
}
#floorplans #units ul#preview li
{
	background: url(/images/residences.floorplans.previews.png);
	width: 40px;
	height: 40px;
} 
#floorplans #units ul#preview li#p2042
{
	background-position: 0 0;                  
}     
#floorplans #units ul#preview li#p2042.selected
{
	background-position: -120px 0;                  
}  
#floorplans #units ul#preview li#p2042.hover
{
	background-position: -60px 0;                  
}                                   
#floorplans #units ul#preview li#p2044
{
	background-position: 0 -50px;
}       
#floorplans #units ul#preview li#p2044.hover
{
	background-position: -60px -50px;
}                      
#floorplans #units ul#preview li#p2044.selected
{
	background-position: -120px -50px;
}                               
#floorplans #units ul#preview li#p2046
{                
	background-position: 0 -100px;                     
}                                    
#floorplans #units ul#preview li#p2046.hover
{                
	background-position: -60px -100px;                     
}                                     
#floorplans #units ul#preview li#p2046.selected
{                
	background-position: -120px -100px;                     
}                                     
#floorplans #units ul#preview li#p2048
{   
	background-position: 0 -150px;                                  
}      
#floorplans #units ul#preview li#p2048.hover
{   
	background-position: -60px -150px;                                  
}
#floorplans #units ul#preview li#p2048.selected
{   
	background-position: -120px -150px;                                  
}
#floorplans #units ul#preview li#p2050
{
	background-position: 0 -200px;
}
#floorplans #units ul#preview li#p2050.hover
{
	background-position: -60px -200px;
}
#floorplans #units ul#preview li#p2050.selected
{
	background-position: -120px -200px;
}
#floorplans #units ul#preview li#p2052
{
background-position: 0 -250px;
}
#floorplans #units ul#preview li#p2052.hover
{
	background-position: -60px -250px;
}
#floorplans #units ul#preview li#p2052.selected
{
	background-position: -120px -250px;
}
#floorplans #units ul#preview li#p2054
{	
	background-position: 0 -300px;
}

#floorplans #units ul#preview li#p2054.hover
{	
	background-position: -60px -300px;
}
#floorplans #units ul#preview li#p2054.selected
{	
	background-position: -120px -300px;
}

#floorplans #unitspecs
{
	background: url(/images/residences.floorplans.specsbg.png);
	display: none;
	position: absolute;
	height: 249px;
	padding: 28px 25px;
	top: 112px;
	left: 35px;
	width: 115px;
}

#floorplans #unitspecs h3
{
	background: url(/images/residences.floorplans.unitspecs.png) no-repeat;
	display: block;
	height: 11px; 
	margin: 0 0 10px;
	overflow: hidden;
	text-indent: -12345px;
	width: 109px;
}

#floorplans #unitspecs ul li
{
	color: #fff;
	font: 13px/1.45em Georgia, "Times New Roman", Times, serif;
	list-style: disc;
	list-style-position: inside; 
}

#floorplans #unitspecs ul li.note
{
	margin-top: 2em;
	
	list-style: none;
}

#floorplans #unitnav
{ 
	bottom: 14px;
	
	height:  24px;
	position: absolute;
	left: 210px;
	width: 520px;
}
#floorplans #unitnav h4
{
	background: url(/images/residences.floorplans.titles.png) no-repeat;
	display: block;
	height: 11px; 
	margin: 0 0 10px;
	overflow: hidden;
	text-indent: -12345px;
	width: 80px;
	z-index: 100;
}
#floorplans #unitnav a
{
	background: url(/images/residences.floorplans.nav.png) no-repeat;
	display: block;
	float: left;
	height: 24px;
	overflow: hidden;
	text-indent: -1234px;
	width: 100px;
}
#floorplans #unitnav a#hidespecs
{
	background-position: 0 6px; 
	border-right: 1px solid #ccc;
	margin-left: 10px;
	width: 60px;
}
#floorplans #unitnav a#hidespecs:hover
{
	background-position: 0 -14px;
}
#floorplans #unitnav a#viewspecs
{
	background-position: -63px 6px;	 
	border-right: 1px solid #ccc;
	margin-left: 10px;
	width: 60px;
}
#floorplans #unitnav a#viewspecs:hover
{
background-position: -63px -14px;}
#floorplans #unitnav a#elevation
{
	background-position: -135px 6px;
	margin-left: 10px;
	width: 46px;
}
#floorplans #unitnav a#elevation.selected,
#floorplans #unitnav a#elevation:hover
{
background-position: -135px -14px;}
#floorplans #unitnav a#main
{
	background-position: -186px 6px;	
	margin-left: 6px;
	width: 53px;}
#floorplans #unitnav a#main.last
{ 
	width: 50px;
}
#floorplans #unitnav a#main.selected,
#floorplans #unitnav a#main:hover
{
background-position: -186px -14px;}
#floorplans #unitnav a#upper
{
	background-position: -246px 6px;
	margin-left: 6px;
	width: 62px;
}
#floorplans #unitnav a#upper.selected,
#floorplans #unitnav a#upper:hover
{
	background-position: -246px -14px;}
#floorplans #unitnav a#pdf
{
	background-position: -308px 6px;
	border-left: 1px solid #ccc;	
	padding-left: 10px;
	position: relative; 
	width: 40px;}
#floorplans #unitnav a#pdf.last
{
	margin-left: 6px;
}
#floorplans #unitnav a#pdf:hover
{
background-position: -308px -14px;}
#floorplans #unitnav a#back
{
background-position: -512px 6px;
border-left: 1px solid #ccc;

float: right;
width: 72px;}
#floorplans #unitnav a#back:hover
{
background-position: -512px -14px;}


#floorplans .unitplans
{
	border-bottom: 1px solid #ccc;
	float: left; 
	padding: 0 10px;
	position: relative;
	height:  300px;
	width: 500px;
} 
#floorplans .unitplans h3
{
	background: url(/images/residences.floorplans.unittitles.png);	
	display: block;
	overflow: hidden;
	height: 20px;
	position: absolute;
	text-indent: -1234px;
	width: 80px;
	z-index: 100;
} 

#floorplans .unitplans img#unitplan 
{
	position: absolute;
	bottom: 20px;
	left: 23px;
	z-index: 0;
}

#floorplans #up2042A h3
{
	background-position: 0 0;
}
#floorplans #up2042B h3
{
	background-position: 0 -20px;
}
#floorplans #up2044A h3
{
	background-position: 0 -40px;
}
#floorplans #up2044B h3
{
	background-position: 0 -60px;
}
#floorplans #up2046A h3
{
	background-position: 0 -80px;
}
#floorplans #up2046B h3
{
	background-position: 0 -100px;
}
#floorplans #up2048 h3
{
	background-position: 0 -120px;
}
#floorplans #up2050 h3
{
	background-position: 0 -140px;
}
#floorplans #up2052 h3
{
	background-position: 0 -160px;
}
#floorplans #up2054 h3
{
	background-position: 0 -180px;
}




/* @end */
 

/* @group SUSTAINABILITY */

#container #sustainability  
{
	height:  449px;
	padding:  1px 40px 0px 40px;
	margin: 0;
	width:  700px;
}
#sustainability  h2
{
	background: url(/images/residentail.sustainability.intro.png) no-repeat; 
	display: block;
	height: 44px;
	margin: 40px 0 30px 0;
	overflow: hidden;
	text-indent: -12345px;
	width: 303px;
}
#sustainability p
{ 
	color: #999999;
	font: 13px/1.45em Georgia, "Times New Roman", Times, serif;
}

#sustainability p em,
#sustainability p a
{ 
	color: #e96d1f; 
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
#sustainability p a:hover
{
	text-decoration: underline;
}
#sustainability p + p
{ 
	text-indent: 2em;
}
#sustainability #contents
{ 
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
	width:  330px;
}
#sustainability #contents .img
{ 
display:  block;
height:  50px;
	text-indent: 0;
	margin: 1em 0;
}
#sustainability #photos
{ 

	float: right;
	padding-left: 28px;
	margin-bottom: 20px;
}
#sustainability #include
{ 
	float: left;
	padding-left:  40px;
}
#sustainability h3
{
	background:  url(/images/residences.sustainability.include.png) no-repeat;
	display: block;
	height: 11px;
	overflow: hidden;
	text-indent: -12345px;
	width: 173px;
}
#sustainability ul
{
	color:  #999999;
	list-style: none;
	margin:  10px 0;
	width: 100%;
}
/* #sustainability ul li:before {
	display: marker;
	content: "\2022 ";
	color: #999;
	margin:   0 10px 0 0;
} */
#sustainability ul li
{
	color: #a84d10;
	font: 11px/1.45em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-left: 15px;
	list-style: disc outside;
}

/* @end */

/* @end */