‚/* 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:#73604c 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:#413b34;	}

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

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

h4 {
	color:#eeda91;
	font-variant: small-caps;
}

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

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

#container-top {
	width:986px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
	
	/* ------------------------ header framework ------------------------ */
	
#header { 
	height: 400px; 
	background: #fff;  
	margin: 0;
	width: 940px;
	border: 10px solid #fff;
} 




#header a span {display:none;}

#h_column-right .markdown h2 { font-size: 1.56em; color: #060d18;}

#h_column-right .markdown p, #h_column-right .markdown ul { color:#060d18;}

#h_column-left {
	width: 635px;
	height: 401px;
	float:left;
	
}	

#h_column-right {
	background-color: #f6f3e9;
	width: 250px;
	height: 350px;
	float:right;
	padding: 25px;
}

.property_group_banner {
	background-color: black;
	opacity: 0.8;
	color:#FFFFFF;
	font-size: 2.37em;
	height: 40px;
	padding:10px;
	position: absolute;
	text-align:left;
	top: 460px;
	width: 615px;
}
	

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



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

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

#icons-sidebar span { display: none; }

#icons-sidebar li, #icons-sidebar a { height:59px; 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 5px;
			vertical-align:middle;
}

.panel-text {
	margin: 11px 0 11px 0;
	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/horizon-logo.gif) no-repeat center; 
	width:225px; 
	height:55px; 
	float:left;
	position:relative;
	top:3px;
}

#logo a {
	width:185px;
	height:50px;
	padding: 10px;
	display:block;
}

#logo a span {
	display:none;	
}

#nav {
	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;
	height:182px;
	padding: 0 0 0 0;
}

body#resident_access #subheader1 {

	width: 986px;
	height:150px;
	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;
	height:2720px;
	padding: 0 0 0 0;
}


#subheader2 {

	width: 986px;
	height:186px;
	*margin-top: 70px! 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: 568px;
margin: 0 0 0 48px;
float:left;
padding-right: 10px;
}

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

}	

.column-left {
	margin: 30px 0 30px; 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;

}

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#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;
}

.two-column {
	margin: 12px 40px 10px 0;
	width: 518px;

}


.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 0px;

}


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

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

}

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

}

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

}


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

.column-left .headline-divider, .column-left2 .headline-divider{
	background:url(../images/dots.gif) repeat-x;
	height: 1px;
	margin-top: 9px; 
	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;
}

blockquote {
background:url(../images/unquote.gif) no-repeat bottom right; 	
width:260px;
margin: 18px 0 0 0;
padding: 0 0 3px 0;
float:left;

}

blockquote p {
background:url(../images/quote.gif) no-repeat 0 5px; 
padding: 0 3px 0 5px;
line-height: 21px;
font-size:15px;
color: #fff;

}

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

}

#attribution-container {
margin: -150px 0 0 280px;
}

#attribution-photo {
	height:159px;
	width:223px;
	display:block;
}

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

/* =================== */
/* = Table Framework = */
/* =================== */


table {
	margin: 12px 0 0 0px;
}

td {
	height: 65px;
	vertical-align:middle;
	text-align: left;
	font-size:12px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}

tr:hover { 
	background-color:#302920;
	width:543px;
	height:auto;
}

tr:hover td a { color:#EECD61;}

.legends {
	background-color:#302920;
	vertical-align: bottom;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 28px;
} 

.td-one {
	width: 100px;
	padding: 10px;
}

.td-one img {
	float:left;
}

.td-one a {
	color: #EECD61;
	text-decoration:none;
}

.selector-property-name {
	float:left;
}

.td-two {
	width: 1000px;
	padding: 10px;
}

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

.td-three {
	width:178px;
	border-left-color: #d1d1d1;
	border-left-width: 1px;
	padding: 10px;
}

.td-three a {
	color:#1a0b03;
	text-decoration:none;
}

.td-four {
	width:161px;
	border-left-color: #d1d1d1;
	border-left-width: 1px;
	padding: 10px;
}

.td-four a {
	color:#1a0b03;
	text-decoration:none;
}
.td-five {
	width:172px;
	border-left-color: #d1d1d1;
	border-left-width: 1px;
	padding: 10px;
}

.td-five a {
	color:#1a0b03;
	text-decoration:none;
}


	
/* ------------ 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:#302920 url(../images/bg-footer.jpg) repeat-x;
	margin:0;
	height:78px;
	}
#footer-left img#map { border-left: 1px solid; position: relative; top: 5px; padding-left: 10px; margin-left: 10px;}

#footer {
	background:#302920 url(../images/bg-footer.jpg) repeat-x;
	color:#6A5E36;
	font-size:11px;
	height:70px;
	margin:0 auto;
	padding: 0;
	text-align:center;
	margin: 0 -8px -10px
	}	

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

#footer-right{
		width: 180px;
		padding: 6px 0 0 13px;
		float:left;
}