@import url("global.css");
/* =================================================================
 home.css

 Description: Home (/default) page formatting
================================================================== */
body {
	position:relative;
	color:#333;
	font:normal 62.5%/200% Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	background-color:#fff;
}
	div#container_wrapper {
		display:block;
		background:#e0e0e0 url(../images/bg.gif) repeat-x left top;
		text-align:center;
	}
	div#container {
		margin:0 auto;
		width:745px;
		text-align:left;
		clear:both;
	}
	div#content{
		float:left;
		width:745px;
		background:transparent url(../images/content_bg.gif) repeat-y left top;
	}
		div#content div{
			float:left;
			width:745px;
			background:transparent url(../images/home/content_top.jpg) no-repeat left top;
		}
		div#content div div {
			float:left;
			width:745px;
			padding-bottom:50px;
			background:transparent url(../images/content_bottom.jpg) no-repeat left bottom;
		}
		div#content div div ul#navigation div{
			float:none;
			width:auto;
			height:auto;
			background:none;
			padding:0;
		}

/* --------------------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------------------*/
div#header {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	height:291px;
	background:transparent url(../images/home/header_bg.jpg) no-repeat 0 24px;
	overflow:visible;
}	
img#logo {
	position:absolute;
	top:24px;
	left:10px;
	z-index:150;
}
	
/* skip to content link */
#skip {
	position:absolute;
	top:0;
	right:10px;
	z-index:200;
	font-size:1em;
	line-height:20px;
	text-align:right;
}
	#skip a, #skip a:hover, #skip a:visited { 
		color:#b41826;
	}  
	#skip a:hover {
		color:#650c0f;
	}

div#header h1,
div#header h2 {
	display:block;
	text-indent:-999em;
}

/* login */
div#footer_login {
	position:absolute;
	top:0;
	left:0;
	z-index:201;
}
div#footer_login ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	font-size:1em;
	line-height:20px;
	color:#650c0f;
}
	div#footer_login ul li {
		margin:0;
	}
	div#footer_login ul li a {
		color:#b41826;
	}
		div#footer_login ul li a:hover {
			color:#650c0f;
		}
	div#footer_login ul li {
		display:inline;
		padding:0 10px;
	}
	li.agentlogin {
		border-right:1px solid #bbb;
	}

/* main links */
ul#main_links {
	position:absolute;
	top:24px;
	left:203px;
	margin:0;
	padding:0;
}
	ul#main_links li {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	ul#main_links li a {
		float:left;
		width:166px;
		height:114px;
		border-width:0;
		margin-right:7px;
	}
	ul#main_links li.search a {
		background:transparent url(../images/home/search_btn.gif) no-repeat left top;
	}
		ul#main_links li.search a:hover {
			background:transparent url(../images/home/search_btn.gif) no-repeat left bottom;
		}
	ul#main_links li.sellers a {
		background:transparent url(../images/home/sellers_btn.gif) no-repeat left top;
	}
		ul#main_links li.sellers a:hover {
			background:transparent url(../images/home/sellers_btn.gif) no-repeat left bottom;
		}
	ul#main_links li.buyers a {
		background:transparent url(../images/home/buyers_btn.gif) no-repeat left top;

	}
		ul#main_links li.buyers a:hover {
			background:transparent url(../images/home/buyers_btn.gif) no-repeat left bottom;
		}

	ul#main_links li.search a span,
	ul#main_links li.sellers a span,
	ul#main_links li.buyers a span {
		display:none;
	}

/* agent photo */
div#agent_photo{
	position:absolute;
	top:149px;
	left:11px;
	z-index:130;
}
	div#agent_photo img {
		float:left;
		width:108px;
		height:125px;
		border:2px solid #fff;
	}
/* contact information */
div#contact_info {
	position:absolute;
	top:310px;
	left:10px;
	margin:0;
	padding:0;
	width:180px;
	font-size:1.2em;
}
	div#contact_info .displayname {
		font-size:1.2em;
		font-weight:bold;
	}
	div#contact_info .companyname {
		font-size:1em;
		font-weight:bold;
	}
	div#contact_info .phone_title {
		font-weight:bold;
	}

/* --------------------------------------------------------------------------------
	NAVIGATION
----------------------------------------------------------------------------------*/
/* navigation */
ul#navigation {
	float:right;
	display:inline;
	margin:20px 10px 0 0;
	padding:0;
	width:550px;
}
	ul#navigation li {
		float:left;
		margin:0;
		padding:0;
		width:250px;
		display:inline;
		list-style:none;
	}
		ul#navigation li.cat:hover {
			cursor:default;
		}
		ul#navigation li.odd {
			float:left;
			display:inline;
			clear:left;
			margin:0 0 0 20px;
		}
		ul#navigation li {
			float:right;
			display:inline;
			clear:right;
			margin:0 20px 0 0;

		}
		ul#navigation li div {
			width:auto;
			height:auto;
		}

	ul#navigation li span.nav_category {
		display:block;
		margin-bottom:2px;
		padding:5px;
		color:#fff;
		font-size:1.4em;
		text-transform:uppercase;
		background-color:#b41826;
		border-bottom:1px solid #650c0f;
	}
	ul#navigation li ul.nav {
		float:left;
		display:inline;
		padding:0 0 30px 0;
		margin:0;
		width:250px;
	}
		ul#navigation ul.nav li {
			clear:none;
			width:250px;
			margin:0;
			padding:0;
			border-top:1px solid #bdbbb7;
		}
	ul#navigation ul.nav li a {
		float:left;
		display:inline;
		width:250px;
		text-decoration:none;
		color:#333;
		font-size:1.2em;
		border-width:0;
	}
		ul#navigation ul.nav li a:hover {
			color:#666;
			background-color:#fff;
		}
	a span.nav_title {
		display:block;
		font-size:1.8em;
		padding:15px 15px 5px 15px;
	}
		a:hover span.nav_title {
			color:#b41826;
			background-color:#fff;
		}
	a span.nav_desc br {
		display:none;
	}
	a span.nav_desc {
		display:block;
		padding:0 15px 15px 15px;
	}
	ul#navigation ul.nav ul,
	ul#navigation li.over ul.nav ul,
	ul#navigation li:hover ul.nav ul {
		display:none;
	}


/* --------------------------------------------------------------------------------
	QUICKSEARCH
----------------------------------------------------------------------------------*/
div#quick_search_wrapper {
	float:left;
	width:160px;
	border-bottom:2px solid #c0b9a7;
	margin-bottom:10px;
}
div#quick_search {
	float:right;
	width:160px;
}
	div#quick_search h3 {
		float:left;
		margin:0;
		padding:0;
		width:160px;
		height:auto;
		font:normal 1.6em Arial, Helvetica, sans-serif;
		text-indent:0;
		color:#333;
		text-transform:uppercase;
	}
	div#quick_search form {
		position:relative;
		float:left;
		margin:0;
		padding:0 0 40px 0;
		font-size:1em;
		cursor:pointer;
	}
	div#quick_search form br {
		display:none;
	}
	div#quick_search select{
		margin:3px 0 4px 0;
	}
	div#quick_search input {
		margin:3px 15px 0 0;
	}
	div#quick_search form div input {
		position:absolute;
		bottom:13px;
		left:0;
		float:left;
		display:inline;
		padding:0 0 0 3px;
		margin:0;
		width:97px;
		height:23px;
		color:#fff;
		font:bold 1em/23px Arial, Helvetica, sans-serif;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		background:transparent url(../images/home/quick_search_btn.gif) no-repeat 0 0;
		border-width:0;
	}
		div#quick_search form div input:hover {
			color:#fff;
			background:transparent url(../images/home/quick_search_btn.gif) no-repeat 0 -23px;
		}


/* --------------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------------*/
div#footer_wrapper {
	float:left;
	display:inline;
	font-size:1em;
	width:100%;
	padding:6px 0 15px 0;
	background:#fff url(../images/footer_bg.gif) repeat-x 0 0;
}
div#footer {
	margin:0 auto;
	width:745px;
	min-height:80px;
}
	* html div#footer {
		height:80px;
	}
div#footer_copyright {
	float:left;
	color:#666;
	padding:30px 0 0 10px;
}