body {
	margin:0; 
	padding:0;
	text-align:center; 
	background:url(../images/bg.png) repeat-x #cccccc;
}
		
#wrapper {
	width:987px;
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:left;
	font-family: arial; 
	font-size:12px;
	line-height:20px;
	color:#333;
}

/*-----HEADER-----*/

#header {
	float: left;
	width: 960px;
	background:url(../images/header_main.png) no-repeat top;
	height:174px;
}

#hdrnav {
	float:right;
	position:absolute;
	text-align:right;
	top:10px;
	width:987px;
}
	
#hdrphone {
	float:right;
	font-size:18px;
	position:absolute;
	text-align:right;
	top:30px;
	width:987px;
}

#hdrlogo {
	height:48px;
margin:63px 0 0 140px;
position:absolute;
width:177px;
}
	
#hdrnav a:link, #hdrnav a:visited {
	color:#000; 
	text-decoration:none;
}

#hdrnav a:hover, #hdrnav a:active {
	color:#000; 
	text-decoration:underline;
}
			
#navbar ul, #mright ul, #footer ul { 
	list-style: none; 
	margin:0; 
	padding:0; 
}

#navbar li, #footer li { 
	float:left; 
	margin:0; 
	padding:0; 
}

#navbar li a, #footer li a { 
	margin:10px 12px 6px; 
	padding:0; 
}
		
/*-----NAVABAR-----*/

#navbar { 
	float:left;
	margin-left:150px;
	margin-top:126px;
	padding:3px 0 0 20px;
	width:987px; 
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}
		
#nav a {
	color:#FFFFFF;
	display:block;
	font-family:arial;
	font-size:12px;
	margin:2px;
	text-decoration:none;
	z-index:1;
}
		
#nav li { /* all list items */
	float: left;
			 /* width needed or else Opera goes nuts */
}
		
#nav li ul { /* second-level lists */
	background:transparent url(../images/bg-menu.png) repeat-x scroll center top;
	border-bottom:1px solid #000000;
	font-size:13px;
	height:auto;
	left:-999em;
	margin:0;
	padding-bottom:15px;
	position:absolute;
	width:200px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom:15px;
}
		
#nav li ul li { 
	padding:0; 
	width:200px; 
	text-align:left; 
	font-style:normal; 
}
		
#nav li ul li a:link, #nav li ul li a:visited { 
	text-decoration: none; 
	font-size:12px;
}
		
#nav li ul li a:hover, #nav li ul li a:active { 
	text-decoration: underline; 
}
		
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*-----CONTENT-----*/

#maincontent { 
	margin:20px 0 0 0; 
	padding:7px; 
	background:url(../images/mainbg.png) no-repeat; 
	height:auto; 
	min-height:298px; 
	height:298px !important; 
}
		
#mleft { 
	margin:0 15px 0 0; 
	float:left;
}
		
#mright { 
	float:left; 
	margin:13px 0 0 0; 
	background:url(../images/bg-mright.png) no-repeat; 
	width:215px; 
	height:auto; 
	min-height:259px; 
	height:259px !important;;
}

#mright ul { 
	padding:5px; 
}

#mright li { 
	line-height:12px; 
	background:url(../images/btn-green-tip.png) no-repeat; 
	padding:12px 10px 0 7px; 
	display:inline-block; 
	width:190px; 
	height:33px; 
}

#mright li a { 
	color:#003366; 
	text-decoration: none; 
	display:inline-block; 
}
		
#m { 
	background:url(../images/bg-m.png) repeat-y; 
}

#m1 { 
	background:url(../images/bg-m1.png) repeat-y; 
}

#mone { 
	float:left; 
	width:515px; 
	margin:0 13px 0 0; 
	padding:5px 40px 0 40px; 
}

#mone p{ 
	font-family:Arial, Helvetica, sans-serif; 
}

#mone img{
	margin:15px;
	}
		
#m2 { 
	background:url(../images/bg-m2.png) repeat-y; 
}

#m12 { 
	background:url(../images/bg-m2.jpg) repeat-y; 
}

#mone2 { 
	float:left; 
	width:900px; 
	margin:0 13px 0 0; 
	padding:5px 40px 0 40px; 
}
		
h1 { 
	font-size:20px; 
	color:#6e1111; 
}

h2 { 
	font-size:16px; 
	color:#6e1111; 
	padding-left:15px;
}

h3 {
	font-size:14px; 
	color:#6e1111;
	}
	
h4 {
	font-size:12px; 
	color:#6e1111;
	}
	
#mtwo { 
	float:left; 
	width:375px; 
	text-align:left; 
}

#mtwo p { 
	padding-left:15px;
}

/*-----SUB PAGE CONTENT-----*/

#sub_content {
	float: left;
	display: inline;
	width: 422px;
	margin-right: 25px;
	padding-bottom:25px;
}
#sub_content .title {
	padding-left: 10px;
}
#sub_header {
	float: left;
	display: inline;
	width: 960px;
	height: 138px;
}

.top_ { background: #E9E7E8 url(../images/top_company_information.jpg) no-repeat bottom left; }
.top_property_development { background: #E9E7E8 url(../images/top_property_development.jpg) no-repeat bottom left; }
.top_company_information { background: #E9E7E8 url(../images/top_company_information.jpg) no-repeat bottom left; }
.top_resident_services { background: #E9E7E8 url(../images/top_resident_services.jpg) no-repeat bottom left; }
.top_search { background: #E9E7E8 url(../images/top_apartment_search.jpg) no-repeat bottom left; } 
.top_employee { background: #E9E7E8 url(../images/top_company_information.jpg) no-repeat bottom left; }

		
#footer { 
	background:url(../images/bg-footer.png) no-repeat scroll 0 0;
	float:left;
	font-size:10px;
	height:150px;
	padding:7px 0 10px;
	width:987px; 
}

#footer a:link, #footer a:visited { color:#000; text-decoration: none;}

#footer a:hover, #footer a:active { color:#000; text-decoration: underline; }
		
#ftleft{ padding-top:10px; font-size:8px;}

#ftleft a:link, #ftleft a:visited {color:#FFF; text-decoration:none;}

#ftleft a:hover, #ftleft a:active {color:#FFF; text-decoration:underline;}

#ftright { float:left; padding-top:40px; }

#ftright { font-weight:bold; color:#000; }

#ftright { padding-left:90px; }

#ftright img { vertical-align:middle; margin:0 0 0 15px; }
		
#ftaddress {position:relative; top:15px; left:40px; width:350px; height:50px; line-height:14px; font-size:14px;}
		
/*-----SIDEBAR-----*/
		
#sidebar{
	display:inline;
	float:left;
	position:relative;
	text-align:left;
	width:350px;
}

#sidebar li, li a{
	font-size:12px;
	list-style-image:url(../images/bullet.jpg);
	list-style-type:none;
	margin-bottom:5px;
	padding-bottom:2px;
	color:#333;
	text-decoration:none;
}

#sidebar h2{
	color: #b8b8b8;
	font-size:18px;
	text-align:center;
}

#sidebar h3 {
	font-size:14px;
}

/*-----SEARCH-----*/

#search { 
	width: 375px; 
	}
	
#search p { 
	float: left; 
	}
	
#search select {
	float: left;
	display: inline;
	width: 275px;
	margin: 8px 5px 0 0;
	padding: 2px;
}

a.search_button {
	display: inline;
	width: 43px;
	height: 44px;
	background: transparent url(../images/search.png) no-repeat 0 0;
}



#c2a1 {
	position:relative;
	width:250px;
	height:auto;
	font-family:arial;
	font-size:10px;
	left:10px;
	}
	
#c2a2 {
	position:relative;
	width:250px;
	height:auto;
	font-family:arial;
	font-size:10px;
	left:364px;
	}
	
#c2a3 {
	position:relative;
	width:250px;
	height:auto;
	font-family:arial;
	font-size:10px;
	left:661px;
	}
	
/*-----DETAIL-----*/


.half {
	width: 47%;
	float: left;
	margin: 10px;
	padding:0;
}

.quarter {
	width: 25%;
	float: left;
}

.third {
	float: left;
	width: 33%;
}

.detail { margin: 0px 10px; }
.left div { margin-bottom: 15px; }
.left span { font-weight: bold; }
.right .border { border: 1px #999 solid; padding: 15px; }

.contact {
	background: url('../images/contact_icon.gif') no-repeat;
	height: 30px;
}

.online_app {
	background: url('../images/online_app_icon.gif') no-repeat;
	height: 30px;
}

.print_app {
	background: url('../images/printable_app_icon.gif') no-repeat;
	height: 35px;
}

.tell {
	background: url('../images/tell_icon.gif') no-repeat;
	height: 30px;
}

.print {
	background: url('../images/print_icon.gif') no-repeat;
	height: 30px;
}

.pdf {
	background: url('../images/pdf_icon.gif') no-repeat;
	height: 35px;
}

.driving {
	background: url('../images/directions_icon.gif') no-repeat;
	height: 35px;
}

a.icon {
	margin-left: 40px;
	margin-top: 7px;
	float: left;
	color: #666;
	font-weight: bold;
	font-size: 10px;
}

.separator {
border: 1px solid #d6d6d6;
margin: 10px 0;

}




.heading {
	background: url('../images/heading_bg.gif') repeat-x;
	height: 25px;
	margin-bottom: 10px;
}

.heading div {
	padding: 4px 10px;
	border: #d2d2d2 solid 1px;
}

.indent {
margin: 0 15px;
}

.detail li {
list-style-image: url('../images/red_bullet.gif');
}


/****** forms *****/
form label {
width: 200px;
float: left;
}

form .text_field {
	width: 80%;
}



/* MISC STYLES ////////////////////////////////////////////////////////////////*/

.title {
	color: #9A1C22;
	font-family: Georgia;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px;
}
a span { display: none; }
.main_title { font-size: 20px; }
p { margin-bottom: 10px; }
.clear { clear: both; }
#sub_content li { margin-left: 15px; }

#nav1 {
	float: left;
	width: 960px;
	height: 26px;
	line-height: 26px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #9D1B33
}
#nav1 a, #nav1 a:active, #nav1 a:visited {
	float: left;
	display: inline;
	width: 239px;
	border-right: 1px solid #000;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
#nav1 a:hover { color: #CCC; }
#header_image {
	float: left;
	width: 960px;
	height: 281px;
	background: transparent url(../images/header_image.jpg) no-repeat 0 0;
}
#nav2 {
	float: left;
	width: 960px;
	height: 26px;
	line-height: 26px;
}
#nav2 a, #nav2 a:active, #nav2 a:visited {
	float: left;
	display: inline;
	width: 240px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
#nav2 a:hover { color: #CCC; }

/* RIGHT COLUMN //////////////////////////////////////////////////////////*/

#right_column {
	float: right;
	display: inline;
	width: 325px;
	margin-top: 40px;
	padding-top: 15px;
	margin-right:25px;
}
.block {
	background:#EEEEEE none repeat scroll 0 0;
border:2px solid #333333;
display:inline;
float:right;
font-size:11px;
line-height:14px;
margin-bottom:15px;
width:325px;
}
.block a, .block a:active, .block a:visited {
	color: #666;
	text-decoration: underline;
}
.block a:hover { text-decoration: none; }
.block .title { margin-bottom: 10px; }
#mission {
	padding-bottom: 25px;
}
#news {
	padding-bottom: 25px;
}
#properties {
	padding-bottom: 25px;
}
#management {
	padding-bottom: 25px;
}
#development {
	padding-bottom: 25px;
}

#dtcont {
	width:987px;
	height:auto;
	background:url(../images/dbg.png) repeat-y;
	}
	
#eho {
	background:url(../images/fheo400.png) no-repeat scroll 0 0;
height:53px;
left:900px;
position:relative;
top:5px;
width:50px;
}

#search a.search_button {
	float: left;
	display: inline;
	width: 43px;
	height: 44px;
	background: transparent url(../images/search_icon.gif) no-repeat 0 0;
}

.OuterBorder
{  border:1px solid #426394;
    padding: 2px 5px 2px 5px;
}
.FullDot
{  border:1px solid #426394;
    background-color:#DAE1EB;
    cursor:default;
}
.EmptyDot
{  border:1px solid #426394;
    background-color:#F3F6FA;
    cursor:default;
}

#top {
	background:url(../images/bg-m-top.png) no-repeat top left; 
	width:987px;
	height:22px;
	}
	
#bottom {
	background:url(../images/bg-m-btm.png) no-repeat top left; 
	width:987px;
	height:22px;
	}
	
#sidebar li {
	list-style-type:disc;
	margin-left:30px;
	}
	
table {
	text-align:left;
	}
	
td, th {
	text-align:left;
	}