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

body,div,dl,dt,dd,ul,ol,li,h1,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td,hr {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:'';}


body { 
	background:#1c3c55 url(../images/bg-body.jpg) top repeat-x;
	text-align:center; 
	font-size:12px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	color:#fff;

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

h2 {
	font: 1.25em arial;
	text-transform: uppercase;
	color: #c3c9ce;
	letter-spacing: 1px;	
	margin: 12px 0 3px 0px;
}

body#communities h2 {padding-bottom: 10px;}

	body#communities h2.bullet {
		background: url("../images/bullet.png") no-repeat 0 1px;
		height: 12px;
		padding-left: 18px;
	}


h3 {
	margin: 18px 0 18px 0;
}

h4 {
	color:#eeda91;
	font-variant: small-caps;
	line-height: 200%;
}

h5 {
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
	font-variant:normal;
}

.clear { clear:both; }
	
#wrap {
	width:986px;
	margin:0 auto;
	height: auto;
	text-align:left;
}

#container-top {
	width:986px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
	
	/* ------------------------ header framework ------------------------ */
	
#header { 
	height:403px; 
	background:url(../images/bg-viewport.jpg) no-repeat;  
	padding: 1px 0 0 24px;
	margin:0;
} 




#header a span {display:none;}
	


	

	/* ------------------------ nav framework ------------------------ */



#icons-sidebar {
	width:337px; 
	height:69px; 	
	background:url(../images/icons_sidebar.png) no-repeat;
	margin:0 0 20px 0;
	padding:0; 
}

body#resident_access #icons-sidebar {
	width:337px; 
	height:69px; 	
	background:url(../images/icons_sidebar.png) no-repeat;
	margin:-30px 0 14px 0;
	padding:0;
	float:right;
}

#icons-sidebar span { display: none; }

#icons-sidebar li, #icons-sidebar a { height:69px; display:block; } /* change height here also */

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

#icons-sidebar-01 { width: 70px;}
#icons-sidebar-02 { width: 85px;}
#icons-sidebar-03 { width: 100px;}
#icons-sidebar-04 { width: 79px;}

.panel-sidebar {
			background:url(../images/dots.gif) repeat-x;
			height: 35px;
			padding: 0 0 0 0px;
			vertical-align:middle;
}

.panel-text {
	margin-top:8px;
	margin-left: 5px;
	float:left;
	border:none;
}

.panel-instrux {
	float:right;	
	margin: 15px;
	border:none;
}

.spotlight-img {
float:left;
margin: 8px 0 0 27px;
}

.spotlight-list {
		list-style-type:square;
		list-style-position:inside;
		color: #ffffff;	
		font-size: 5px;
		margin: 47px 15px 0 0;
		width: 80px;
		float:left;
	
}


.spotlight-list li {
	padding: 0 0 1px 0;
	
}
.spotlight-list a {
	color: #e9cd72;
	text-decoration:underline;
	font-size: 11px;
	margin: 0 0 0 -5px;
	
}



#nav-container { 
	width:986px; 
	height:100px; 
	margin:0;
	padding:0; 
}

#logo {
	background:url(../images/logo.jpg) no-repeat; 
	width:300px; 
	height:85px; 
	float:left;
	position:relative;
	top:3px;
	left:30px;
}

#logo a {
	width:305px;
	height:88px;
	display:block;
}

#logo a span {
	display:none;	
}

#nav {
	background:url(../images/navbar.gif) no-repeat; 
	width:610px; 
	height:40px; 
	margin:0;
	padding:0; 
	position:relative;
	top: 60px;
	left:0;	
	float:right;
}

#nav span { display: none; }

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

#nav li { float:left; list-style:none; display:inline; position:relative; }
	
#nav-01 { width: 107px; margin-left: 12px}
#nav-02 { width: 124px;}
#nav-03 { width: 156px;}
#nav-04 { width: 189px;}


#nav-01 a:hover { background:url(../images/navbar.gif)  -12px -40px no-repeat; }
#nav-02 a:hover { background:url(../images/navbar.gif)  -119px -40px no-repeat; }
#nav-03 a:hover { background:url(../images/navbar.gif)  -243px -40px no-repeat; }
#nav-04 a:hover { background:url(../images/navbar.gif)  -399px -40px no-repeat; }




/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */

body#home #nav-01 { background:url(../images/navbar.gif)  -12px -40px no-repeat; }
body#about #nav-02 { background:url(../images/navbar.gif)  -119px -40px no-repeat; }
body#communities #nav-03 { background:url(../images/navbar.gif)  -243px -40px no-repeat; }
body#resident_access #nav-04 { background:url(../images/navbar.gif)  -399px -40px no-repeat; }

#container-bottom {

	width:986px;
	padding: 0 0 0 0;
	margin:0;
	float:left;
	text-align:left;
	
	}

	
#subheader1 {

	width: 986px;
	
	padding: 0 0 0 0;
}

body#home #subheader1 {
	width: 986px;
	height:182px;
	padding: 0 0 0 0;
	
}

.markdown, .markdown p {
	margin-top: 12px;
	*margin-top: 0;
	width: 518px;
	
}

body#home .markdown p, body#about .markdown p, {
	padding: 12px 26px 12px 0;
	
}

body#resident_access .markdown p {
	padding: 0px 26px 12px 0;
	position:relative;
	*top: -8px;
	
}


body#resident_access #subheader1 {

	width: 986px;
	height:100%;
	padding: 0 0 0 0;
}

body#about #subheader1, body#coming_soon #subheader1  {

	width: 986px;
	height:380px;
	padding: 0 0 0 0;
}

body#communities #subheader1  {

	width: 986px;
	padding: 0 0 0 0;
}

#subheader2 {

	width: 986px;
	height:100%;
	*margin-top: 70px! important;

}

body#resident_access #subheader2 {

	width: 986px;
	height:100%;
	*margin-top: 30px! important;

}

body#about #subheader2 {

	width: 986px;
	height:300px;

}



.column-narrow {
	width: 285px;
	margin: 0 10px 0 0;
	float:left;
	
}


.column-narrow p {
	width: 245px;
}


.column-narrow2-left {
	background:url(../images/divider-vertical-bottom2.jpg) no-repeat bottom right;
	width: 172px;
	height: 200px;
	margin: 10px 0 0 0;	
	padding: 0 0 10px 0;
	float:left;
}

.column-narrow2 {
	background:url(../images/divider-vertical-bottom2.jpg) no-repeat bottom right;
	width: 153px;
	height: 200px;
	margin: 10px 0 0 0;	
	padding: 0 10px 10px 22px;
	float:left;
}

.column-narrow2-right {
	background:transparent;
	width: 135px;
	height: 200px;
	margin: 10px 0 0 0;	
	padding: 0 0 0 24px;
	float:left;
}

.column-left2 .column-narrow .headline-divider{
	/*background:url(../images/dots.gif) repeat-x;*/
	height: 1px; 
	width: 240px;
	padding: 0;
}

img.bullet { 
	background: url("../images/bullet.png") no-repeat left center;
	padding:0 0 0 20px;
}

.column-left-container { 
width: 540px;
margin: 0 0 0 48px;
float:left;


}

body#resident_access .column-left-container { 
width: 895px;
margin: 0 0 0 48px;
float:left;

}	

.column-left {
	margin: 26px 0 0 0;	
}

.column-left-container2 { 
width: 895px;
margin: 0 0 0 48px;
float:left;



}

.column-left2 {
	margin: auto;
	float: left;

}

.column-right-container { 
background:url(../images/divider-vertical-top380.jpg) no-repeat top left;
width: 357px;
margin: 0 0 0 0;	
height:380px;
float:left;
}

body#home .column-right-container { 
width: 357px;
margin: 0 0 0 0;	
height:auto;
float:left;
}

.column-right2-container { 
background:url(../images/divider-vertical-bottom.jpg) no-repeat top left;
width: 357px;
margin: 0 0 0 0;	
height:186px;
float:left;
}

.column-right {
	margin: 21px 0 0 17px;

}

body#about .column-right, body#communities .column-right {
	margin: 26px 0 0 17px;

}

.column-right2 {
	color:red;
	margin: 21px 0 0 17px;
	*margin: 45px 0 0 17px !important;

}

.column-right2 h2{
	font-size:1.25em;
	color: #c3c9ce;
	letter-spacing: 1px;	
	margin: 12px 0 3px 5px;
}

address {
	font-size: 14px;
	margin: 0 0 15px 0;
	line-height: 18px;
}

.address-small{
	font-size: 11px;
	margin: 0 0 10px 0;
	line-height: 16px;
}

.phone {
	color: #eecd61;
	
}

.phone-small {
	color: #eecd61;
	font-size: 11px;

}

.divider {
	border:0;
	background:url(../images/divider-horiz-subheader.jpg) no-repeat;
	width: 939px;
	height: 3px;
	padding:0;
	margin:0 0 0 23px;
	
}

body#resident_access .divider {
	border:0;
	background:url(../images/divider-horiz-subheader2.jpg) no-repeat;
	width: 939px;
	height: 3px;
	padding:0;
	margin:0 0 0 23px;
	
}

body#resident_benefits .column-left ul {
  list-style-type: circle;
  list-style-position: inside;
  margin: 10px 0;
} 

body#about .divider {
	border:0;
	background:url(../images/divider-horiz-subheader3.jpg) no-repeat;
	width: 939px;
	height: 3px;
	padding:0;
	margin:0 0 0 23px;
	
}

p {
	font-size: 13px;
	line-height:17px;	
}
.first {
	margin: 12px 40px 0 0;
}

.sidebar {
	font-size: 11px;
	line-height: 18px;
}

.sidebar a {
	color: #eecd61;
}

.column-left .headline, .column-left2 .headline {
	margin: 0 0 7px 0;
}

.column-right .headline {
	margin: 10px 0 6px 5px;

}

body#about .column-right .headline, body#communities .column-right .headline  {
	margin: 0px 0 7px 0;

}

.column-right-container .column-right h2.address {
	font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,sans-serif;
	font-size: 14px;
}

.column-right2 .headline {
	margin: 0px 0 3px 5px;

}


.column-right .headline-divider, .column-right2 .headline-divider  {
	background:url(../images/dots.gif) repeat-x;
	height: 1px; 
	width: 337px;
}

.column-left .headline-divider, .column-left2 .headline-divider{
	background:url(../images/dots.gif) repeat-x;
	height: 1px; 
	width: 520px;
	padding: 0;
}




.btn-abc {
	background:url(../images/btn-abc.jpg) no-repeat;
	height: 104px;
	position: relative;
}
	.btn-abc a {
		background:url(../images/btn-abc.jpg) no-repeat;
		position:absolute;
		height: 104px;
		width:330px;
		display: block;
	}
		.btn-abc a:hover{
			
			background-position:0 -104px;
		}

.column-left-container2 .column-left2 .headline-divider {
	background:url(../images/dots.gif) repeat-x;
	height: 1px; 
	width: 895px;
	padding: 0;
}

#mini-column-left {
	width: 230px;
	float: left;
	margin-right: 10px;
	
}

.move { padding-left: 10px;}

blockquote {
background:url(../images/quote.gif) no-repeat;
margin: 1.0em;
float:left;
width: 100%;
}

blockquote p {
	padding: 0 25px;
	font-size: 1.13em;	
}

	p.source {
		background:url(../images/unquote.gif) no-repeat bottom right;
		font-style: italic; 
		margin-top: 12px;
	}	

#attribution-container {
	float:left;
	margin-top: 12px;
}

#attribution-photo {
	border: 5px solid #000;
	height: 160px;
	display: block;
}

.attribution-instrux {
	margin: 0 0 0 5px;
	border:none;
}

#property-groups {
  width: 250px;
  float: left;
}
 
#property-groups .headline-divider {
  width: 250px !important;
}
 
#property-dropdown {
  width: 250px;
  float: right;
  margin-right: 20px;
  margin-top: 15px;
} 
	
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	width:100%; /* fix for Safari */
	height:1px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer-bg {
	background:#d6d6d6 url(../images/bg-footer.jpg) repeat-x;
	margin:0;
	height:78px;
	padding: 30px 0 0 0;
	clear: both;
	}

#footer {
	background-color: #060d18;
	width:986px;
	margin:0 auto;
	text-align:center;
	height: 50px;
	padding:0;
	color:#6a5e36;
	font-size: 11px;
	}	

#footer a {
	text-decoration: none;	
	color:#b09c5a;
}
	
#footer-left{
		background: url(../images/divider-footer.gif) no-repeat top right;
		height: 40px;
		float:left;
		padding: 13px 15px 0 0;
		text-align:right;
		margin: 0 0 0 20px;
}

#footer-right{
    background: url(../images/divider-footer.gif) no-repeat 28% 0%;
		width: 195px;
		padding: 6px 0 0 13px;
		float:left;
}

  #footer-right img{ float: left; }
  
  .leaselabsbtn{
  margin-left:25px;
  position: relative;
  bottom:6px;
  }

/*  4 0 4  */

h2.four_oh_four {
font-size: 30px;
text-transform: capitalize;
margin-bottom: 10px;
}

ul.four_oh_four {
margin-top: 15px;
margin-left: 15px;
list-style-type: disc !important;
list-style-position: inside;
}

ul.four_oh_four li a {
text-decoration: underline;
}

/*  5 0 0 */

h2.five_hundred {
font-size: 20px;
margin-bottom: 10px;
text-transform: lowercase;
}

h2.five_hundred em {
font-size: 30px;

}

ul.five_hundred {
margin-top: 15px;
margin-left: 15px;
list-style-type: disc !important;
list-style-position: inside;
}

ul.five_hundred li a {
text-decoration: underline;
}