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


body { 
	background:#fefefe url(../images/bg-body.jpg) top repeat-x;
	text-align:center; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#413b34;
	}
	
a { color:#413b34;	}

.action-link {
	background: url(../images/action-link.gif) no-repeat;
	height:17px;
	color:#a42020;
	font-size:12px;
	font-weight:bold;
	padding: 0 0 0 15px;

}

h1 {
	color:#a61f1c;
	font-size: 18px;
	margin-top: 20px;
	border-bottom: 6px #e1e1e1 solid;
	text-transform: uppercase;
	padding-bottom: 11px;
	}
	
h2, h3, h4 {
	
	color:#de6700;
	font-size: 16px;
	
}

	#hidden{
	display: none;
	}


#column-left .action-link {
	background: url(../images/action-link.gif) no-repeat;
	padding: 0 0 0 15px;
	display:block;
	margin: 18px 0 0 35px;
}

.clear { clear:both; }

.hidden {
display: none;
}

.ir {
	text-indent: -99999px;
	height: 0;
	overflow: hidden;
	
}
	
#wrap {
	width:986px;
	margin:0 auto;
	text-align:left;
}

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

}

#flashContent {
	height: 400px;
}

body#index #header { background:url(../images/header-index.jpg) no-repeat;  }


#header a span {display:none;}
	
	
#h_column-left {
	height: 375px;
	width: 682px;
	float:left;
	position: relative;
}

.property_group_banner {
	background: url("../images/property_group_banner.png") no-repeat;
	color:#FFFFFF;
	font-size:30px;
	height:18px;
	padding:21px;
	position:absolute;
	text-align:left;
	top:315px;
	width:639px;
}

body#communities #h_column-left {
		background: url(../images/viewport_left_communities.jpg) no-repeat;
}

body#about #h_column-left {
		background: url(../images/viewport_left_about.jpg) no-repeat;
}

body#careers #h_column-left {
		background: url(../images/viewport_left_careers.jpg) no-repeat;
}

body#resident-access #h_column-left {
		background: url(../images/viewport_left_ra.jpg) no-repeat;
}
body#landing #h_column-left {
		background: url(../images/header-left.jpg) no-repeat;
}

#h_column-right {
	width: 256px;
	float:right;
	padding-top: 63px;
}

body#communities #h_column-right { background:url(../images/viewport_right_communities.jpg) no-repeat;   }

body#about #h_column-right { background:url(../images/viewport_right_about.jpg) no-repeat;   }

body#landing #h_column-right { 
	background:url(../images/header-top-right.jpg) no-repeat;
	height: 321px;
}

body#careers #h_column-right { background:url(../images/viewport_right_careers.jpg) no-repeat;  }

body#resident-access #h_column-right { background:url(../images/viewport_right_ra.jpg) no-repeat;  }

h2{
	font-size: 25px;
		color: #ffffff;
		margin: 0px 30px 18px 30px;
		line-height: 18px;
}

#selections {
		margin: 0 0 18px 30px;
		list-style-type:circle;
		list-style-position:inside;
		color: #ffffff;		
}

#selections li { margin:5px 0 0 0; }

#selections li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
}

#selections li:hover, #selections a:hover { color:#fbd707; }

#h_column-right p {
	width: 200px;
	color: #ffffff;
	font-size: 15px;
	margin: 0 0 18px 30px;
}
	

#h_column-right #widget2 { margin: 0 0 0 28px; }
	

	/* ------------------------ nav framework ------------------------ */
#nav-container { 
	background:url(../images/nav-bg.jpg) no-repeat; 
	width:986px; 
	height:96px; 
	margin:0;
	padding:0;
	position: relative; 
}

#nav-container a.carmel-index {
	position:absolute;
	top: 48px;
	left: 18px;
	width: 245px;
	height: 32px;
}

#nav {
	background:url(../images/navbar.png) no-repeat; 
	width:516px; 
	height:32px; 
	margin:0;
	padding:0; 
	position:relative;
	top: 64px;
	left:470px;	
}

#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: 60px; margin-left: 0px;}
#nav-02 { width: 111px;}
#nav-03 { width: 91px;}
#nav-04 { width: 140px;}
#nav-05 { width: 105px;}

#nav-01 a:hover { background:url(../images/navbar.gif)  -470px -32px no-repeat; }
#nav-02 a:hover { background:url(../images/navbar.gif)  -530px -32px no-repeat; }
#nav-03 a:hover { background:url(../images/navbar.gif)  -641px -32px no-repeat; }
#nav-04 a:hover { background:url(../images/navbar.gif)  -732px -32px no-repeat; }
#nav-05 a:hover { background:url(../images/navbar.gif)  -872px -32px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body #nav-01 { background:url(../images/navbar.gif)  -470px -32px no-repeat; }
body#communities #nav-02 { background:url(../images/navbar.gif)  -530px -32px no-repeat; }
body#about #nav-03 { background:url(../images/navbar.gif)  -641px -32px no-repeat; }
body#resident-access #nav-04 { background:url(../images/navbar.gif)  -732px -32px no-repeat; }
body#careers #nav-05 { background:url(../images/navbar.gif)  -872px -32px no-repeat; }
	
#container-bottom {
	width:710px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
	}
	
	
body#landing #container-bottom { 
	background:url(../images/subheader-landing.jpg) no-repeat; 
	position:relative;
	height: 141px;
}

	body#landing #container-bottom a {
		position: absolute;
		top: 8px;
		left: 20px;
		height: 109px;
		width: 674px;
	}
	
	
	
	
	
#subheader {
	background:url(../images/subheader.jpg) no-repeat; 
	width: 986px;
	height:211px;
	
}

#sh_column-left {
	width: 337px;
	height: 171px;
	margin: 0 0 0 21px;
	float:left;
}

	}

		#sh_column-left .position {
			_position:relative !important;
			_margin-top: 0px;
			_margin-left: -23px;
		}

#sh_column-right {
	background:url(../images/bg-subheader-right.jpg) no-repeat; 
	width: 600px;
	height: 171px;
	margin: 9px 21px 0 0;
	_margin: 9px 21px 0 -12px;
	float:right;
	position: relative;
	clear:right;
}

	#sh_column-right .position-2 {
		_position: relative;
		_margin-left: -20px;
		_float: left;
	}

	#sh_column-right .position-3 {
		_position: absolute !important;
		margin-left: -10px;
		_margin-left: -20px;
		margin-top: 98px;
		_margin-top: 265px;
	}

	#sh_column-right p {
		margin:-110px 0 10px 21px;	
		*margin:60px 0 10px -150px;
		_margin:60px 0 10px -150px;
		width: 212px;
		color: #ffffff;
		font-size: 12px;
		line-height: 13px;
		position:absolute;
	}
	
	#sh_column-right a.enlarge-map {
		display: block;
		left: 366px;
		top: 8px;
		width: 170px;
		height: 130px;
		position: absolute;
	}

	ul.denver-regions {
		left: 44px;
		top: -166px;
		width: 400px;
		position: relative;
	}
	
		ul.denver-regions li {
			color: #fed308;
			float:left;
			width: 145px;
			list-style-image: none;
			list-style-type: square;
			list-style-position: outside;
		}

.denver-regions a{
	color: #fed308;
	text-decoration: none;
}

.denver-regions a:hover {
	color:#b49500;
}	

.denver-map {
	position: relative;
	left: 360px;
}


#sh_column-right #widget {
	margin: 12px 0 0 21px;
}

/* used for landing pages, community page */
body#landing #column-left, body#landing #column-left {
	width: 650px;
	margin: 0 0 0 25px;
	float:left;
}

/* all others: */

#column-left {
	width: 650px;
	margin: 0 0 0 25px;
	float:left;
	padding: 0 0 0 0;
}



#sub-column-left{
	width: 300px;
	margin: 0 0 0 25px;
	float:left;
}

#sub-column-right{
	width: 300px;
	margin: 0 0 0 10px;
	float:right;
}


#selector-primary {
	font-size: 24px;
	color:#a2a2a2;
	text-decoration:none;
}

#selector-primary-text {
	font-size: 18px;
	color:#a2a2a2;
	text-decoration:none;
	text-transform: uppercase;
}


#selector-location {
	font-size: 18px;
	color:#a42020;
	text-decoration:none;
	text-transform: uppercase;
}

#selectors{ padding: 19px 0 15px 25px; }

/* Titles */

#headline {
	width:604px; 
	height:47px; 
}

body#communities #headline { background: url(../images/headline-communities.gif); }
body#about #headline { background: url(../images/headline-about.gif); }
body#careers #headline { background: url(../images/headline-careers.gif); }
body#resident-access #headline { background: url(../images/headline-ra.gif); }
.headline-divider {
	background-color:#e7e7e7;
	height: 6px;
	width: 642px;
	margin: 11px 0 21px 25px;
}





#column-left p { 
margin: 20px;	

}


body#index #column-left p { margin: 30px 0 0 0;	}

body#index #column-left p.first { margin: 0 0 0 0; }

body#index #column-left-photo { float:left; }

body#index #column-right {
	background:url(../images/divider1.gif) no-repeat;
	width: 283px;
	min-height: 400px;
	float:right;
	background-position: 0 0;
	margin: 0;
}	

body#resident-access #column-right {
	background: none;
	width: 283px;
	min-height: 400px;
	float:right;
	margin: 0;
}	

	

#column-right {
	background:url(../images/divider1.gif) no-repeat; 
	width: 283px;
	min-height: 400px;
	float:right;
	background-position: 5px 30px;
	margin: 0 0 0 25px;
}

blockquote {
background:url(../images/unquote.gif) no-repeat bottom right; 	
width:255px;
margin: 57px 0 0 25px;
padding: 0 0 22px 0;
font-size:16px;
}

blockquote p {
background:url(../images/quote.gif) no-repeat top left; 
padding: 5px 3px 0 5px;
line-height: 18px;
}

blockquote p span {
	margin: 0 0 0 22px;	

}

#attribution-container {
	width:260px;
	height: 89px;
	margin: 57px 0 0 25px;
	vertical-align:middle;
}

#attribution_photo {
	background:url(../images/attribution_photo_bg.gif) no-repeat; 
	height:89px;
	width:90px;
	padding: 11px 0 0 15px;
	float:left;
}


#attribution_text {
	width:151px;
	height:62px;
	padding: 27px 0 0 0;
	float:right;
	vertical-align:middle;
}


#widget3{ margin: 0 0 0 10px; }
	
#bottom-wrap {
	background:url(../images/bottom-wrap.jpg);
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
}

/* 
--------------------------------------------------------------------------------------------------------
	CORPORATE-FOOTER FRAMEWORK
--------------------------------------------------------------------------------------------------------
*/
	
	#top-footer-img { 
		background: url("../images/top-footer-container.jpg") top center no-repeat; 
		height: 70px;
	}
	
	#footer-body {	
		background:#e7e7dd url("../images/bg-footer.jpg") repeat-x;
		height: 251px;
		font: 12px/18px "Arial", Helvetica, sans-serif;
		text-align: center;
	}


/* 
--------------------------------------------------------------------------------------------------------
	FOOTER FRAMEWORK
--------------------------------------------------------------------------------------------------------
*/

	#footer-container {
		margin: 0 auto;
		padding-left: 13px;
		text-align: left;
		width: 986px;
	}

		#footer-container p {
			color:#6b6b6b; 
			float:left;
			font-size: 11px;
			padding-top: 28px;
		}

	#affiliates { 
		background: url("../images/affiliates.png") no-repeat; 
		height: 51px; 
		width: 257px;
		float: left;
		margin-left: 24px;
		margin-right: 10px;
	}
	
	#dzap { 
		background: url("../images/dzap.png") no-repeat; 
		height: 51px; 
		width: 165px;
		float: left;
		margin-left: 9px;
	}

	#footer {
		float: left;
		padding-top: 28px;
		padding-right: 14px;
		font-size: 11px;
	}

	#footer p {
		float:left;
		font-size:11px;
		color: #6b6b6b;
	}

	#footer a:link, #footer a:visited {
		color:#9a9a9a;
	}

	#footer a:hover, #footer a:active {
		color:#9a9a9a;
		text-decoration: none;
	}

	#footer ul {
		margin-top: 12px;
	}

	#footer li {
		padding:0 5px 0 7px;
		display: inline;
	}

	#footer li.first {
		border: none;
	}