@import url("global.css");
@import url("chf.css");

/* =================================================================
 home.css

 Description: Styles for homepage layout
================================================================= */

body {
	margin:0;
	padding:0;
	position:relative;
	color:#333;
	font:normal 95%/200% Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#fff;

}
	body.main {
		color:#f9f9f9;
		background-color:#000;
		text-align:center;
	}
	
div.container_wrapper {
	position:relative;
	margin:0 auto;
	width:770px;
	text-align:left;
}
div.container{
	position:relative;
	width:100%;
	color:#333;
	background:#b7b7b7 url(../images/images_home/content_bg.gif) repeat-y left top;
}	


/* START: header
******************************/
div#header {
	position:relative;
	z-index:15;
	width:100%;
	height:225px;
	background:#000 url(../images/images_home/bg.jpg) no-repeat left top;
}
#skip {
	position:absolute;
	z-index:200;
	top:50px;
	left:0;
	width:100%;
	text-align:left;
}
	#skip a, #skip a:hover, #skip a:visited { 
		float:left;
		position:absolute; 
		left:0; 
		top:-500px; 
		width:1px; 
		height:1px; 
		overflow:hidden;
		color:#de1e2f;
		font-size:10px;
		background:transparent url();
	}   
		#skip a:active { 
			position:static;
			width:auto; 
			height:auto; 
		}
div#logo {
	float:left;	display:block;
	width:469px;
	height:50px;
	padding-top:25px;
	background:transparent url();
}
	div#tagline {
		display:none;
	}
/* END: header
******************************/


/* START: quicksearch
******************************/
div#quick_search_wrapper {
	float:right;
	width:253px;
	padding:0 0 20px 0;
	min-height:200px;
	text-align:left;
	color:#fff;
}
	* html div#quick_search_wrapper {
		height:200px;
	}
div#quick_search {
	float:right;
	padding:20px;
}
	div#quick_search h3 {
		float:left;
		margin:0;
		padding:0 0 15px 0;
		width:212px;
		height:auto;
		font:bold 1.6em Arial, Helvetica, sans-serif;
		text-indent:0;
		color:#fff;
		text-transform:uppercase;
	}
	div#quick_search div {
		padding-top:0 ! important;
		padding-bottom:0 ! important;
	}
	div#quick_search form {
		position:relative;
		float:left;
		z-index:1;
		margin:0;
		padding:0 0 40px 0;
		font-size:0.8em;
	}
	div#quick_search form br {
		display:none;
	}
	div#quick_search div select#cityList {
		margin-right:1px;
	} 
	div#quick_search select#bathrooms,
	div#quick_search select#bedrooms {
		margin-right:60px;
		width:200px;
	}
	div#quick_search select{
		position:relative;
		z-index:1;
		margin:3px 0 4px 0;
	}
	div#quick_search input {
		margin:3px 35px 0 0;
		width:auto;
		border-width:0 0 0 0;
		background:none;
	}
	div#quick_search form div input {
		position:absolute;
		bottom:0;
		left:0;
		float:left;
		display:inline;
		padding:0 0 0 3px;
		margin:0;
		width:114px;
		height:26px;
		color:#fff;
		font:bold 1em/26px Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		background:transparent url(../images/images_home/quicksearch_btn.gif) no-repeat 0 0;
		border-width:0;
	}
		div#quick_search form div input:hover {
			color:#333;
			background:transparent url(../images/images_home/quicksearch_btn.gif) no-repeat 0 -26px;
		}
/* END: quicksearch
******************************/


/* START: agent information
******************************/
div#agent_wrapper {
	width:253px;
	margin:10px 0 0 12px;
	background:#848484 url(../images/images_home/contact_bg.gif) repeat-y left top;
}

div#agent {
	width:253px;
	background:transparent url(../images/images_home/contact_bottom.gif) no-repeat left bottom;
}
div#agent_photo_wrapper{ 
	width:100%;
	background:transparent url(../images/images_home/contact_top.gif) no-repeat left top;
	text-align:center;
}
div#agent_photo{
	float:left;
	display:inline;
	padding:2px;
	margin-left:69px;
	border:1px solid #757575;
	background-color:#fff;
}
	div#agent_photo img {
		float:left;
		width:108px;
		height:125px;
		border:1px solid #b7b7b7;
	}
div#contact_info {
	float:left;
	padding:20px;
	font-size:.8em;
	line-height:1.5em;
	color:#fff;
	text-align:left;
}
	div#contact_info a {
		color:#b41826;
		font-weight:bold;
	}
		div#contact_info a:hover {
			color:#fff;
		}
	div#contact_info .displayname,
	div#contact_info .phone_title {
		margin:0;
		padding:0;
		color:#fff;
		font:bold 1em Arial, Helvetica, sans-serif;
	}
	div#contact_info .displayname {
		display:block;
	}

/* END: agent information
******************************/


/* START: navigation
******************************/
div#nav_wrapper {
	float:right; display:inline;
	width:468px;
	margin:0 12px 0 0;
	padding-bottom:33px;
	color:inherit;
	border-top:12px solid #b7b7b7;
}
ul#navigation {
	float:left;	display:inline;
	margin:0 10px;
	padding:0;
}
	ul#navigation li {
		float:left;	display:inline;
		list-style:none;
		margin:0;
		padding:0;
		width:204px;
	}
	ul#navigation li.cat {
		float:right; display:inline;
		font:bold 1.1em Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		text-transform:uppercase;
		margin:0 10px;
	}
		ul#navigation li.odd {
			float:left;
			clear:left;
		}
		ul#navigation li.even {
			float:right;
			clear:right;
		}
	ul#navigation li.cat:hover {
		cursor:default;
	}
	ul#navigation li.odd {
		float:left;
		display:inline;
		clear:left;
	}
		ul#navigation li span.nav_category {
			display:block;
			padding:10px 0;
			color:#c37b13;
		}
		ul#navigation li ul.nav {
			float:left; display:inline;
			margin:0 0 10px 0;
			padding:0 0 32px 0;
			background:transparent url(../images/images_home/nav_div.gif) no-repeat left bottom;
		}
		ul#navigation li.over ul.nav,
		ul#navigation li:hover ul.nav {
			display:block;
		}
			ul#navigation ul.nav li div{
				float:left;
				display:inline;
				font:normal 0.70em/1.2em Arial, Helvetica, sans-serif;
				letter-spacing:0px;
				text-transform:none;
				border-top:1px solid #bbb;
			}
		ul#navigation ul.nav li a {
			float:left;
			display:inline;
			width:204px;
			color:#000;
			text-decoration:none;
			border-width:0;
		}
		ul#navigation ul.nav li a:hover{
			color:#b41826;
			background:#d6d6d6 url(../images/hover.gif) repeat-x left top;
		}

		ul#navigation ul.nav li a span.nav_title{
			display:block;
			padding:12px;
		}
		ul#navigation ul.nav li div span.nav_desc{
			display:none;
		}
		ul#navigation ul.nav ul,
		ul#navigation li.over ul.nav ul,
		ul#navigation li:hover ul.nav ul {
			display:none;
		}
/* END: navigation
******************************/



/* START: footer
******************************/
div.footer_container {
	position:relative;
	z-index:50;
	float:left;	display:inline;
	width:100%;
	padding-bottom:12px;
	background-color:#B7B7B7;
}
div#footer{
	float:left;	display:inline;
	color:#fff;
	font-size:.65em;
	line-height:1.5em;
	margin:12px 0 0 12px;
	width:746px;
	background-color:#757575;
}
div#footer a {
	border-width:0;
	margin:0 5px;
	color:#fff;
}
div#footer_copyright {
	float:right;
	display:inline;
	text-align:right;
	padding:0 2px;
}
div#footer_login {
	float:left;
	color:#fff;
	text-align:right;
}
div#footer_login ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
	div#footer_login ul li {
		display:inline;
	}
	div#footer_login ul li.li_space {
		display:none;
	}
/* END: footer
******************************/