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

 Description: Home (/default) page formatting
================================================================== */

/* reset margin, padding to 0 so it will be the same in all platforms */
/* { margin:0; padding:0; }*/
body, h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd, ul, ol, li {
	margin:0; padding:0;
}

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:#f2f2ea 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/content_top.jpg) no-repeat left top;
		}
		div#content div div {
			float:left;
			width:745px;
			padding-bottom:75px;
			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;
		}

/* START: 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:0;
	z-index:150;
}
	
/* skip to content link */
#skip {
	position:absolute;
	top:0;
	right:0;
	z-index:200;
	font-size:1em;
	line-height:20px;
	text-align:right;
}
	#skip a, #skip a:hover, #skip a:visited { 
		color:#7895a3;
	}  
	#skip a:hover {
		color:#011b58;
	}

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:#7895a3;
}
	div#footer_login ul li a {
		color:#7895a3;
	}
		div#footer_login ul li a:hover {
			color:#011b58;
		}
	div#footer_login ul li {
		display:inline;
		padding:0 10px;
	}
	li.agentlogin {
		border-right:1px solid #7895a3;
	}

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



/* START: 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:#7895a3;
		border-bottom:1px solid #011b58;
	}
	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:#e9af10;
			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;
	}
/* END: navigation
******************************/


/* START: quicksearch
******************************/
div#quick_search_wrapper {
	float:left;
	width:160px;
	border-bottom:2px solid #7895a3;
	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:#001c58;
		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:#333;
		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;
		}
/* END: quicksearch
******************************/


/* START: footer
******************************/
div#footer_wrapper {
	float:left;
	display:inline;
	font-size:1em;
	width:100%;
	padding:5px 0 15px 0;
	background:#fff url(../images/footer_bg.gif) repeat-x 0 0;
}
div#footer {
	margin:0 auto;
	width:745px;
	min-height:80px;
	background:transparent url(../images/footer_logo.gif) no-repeat 100% 0;
}
	* html div#footer {
		height:80px;
	}
div#footer_copyright {
	float:left;
	color:#7895a3;
	padding:30px 0 0 10px;
}
div#footer_copyright a {
	color:#7895a3;
}
	div#footer_copyright a:hover {
		color:#011b58;
	}

/* END: footer
******************************/

/* START: general layout and formatting
****************************************/
img { border:0; }

.smalltxt {
	font-size:0.9em;
}
.redtxt {
	color:#f00;
}
p {	margin:0; padding:0 0 1.5em 0;}
	p.required {
		padding:0;
	}
a {
	color:#e9af10;
	text-decoration:underline;
}
	a:hover{
		color:#d7a10f;
	}
a.image, a.image:hover {
	border:0;
}
a img { border:0; }

.padding10left { padding:0 0 0 10px; margin:0; float:left;}

.darkbg{ color:#fff; background-color:#999; }
.lightbg{ color:#333; background-color:#eee; }
.darkborder{ border:1px solid #85766B; }
.lightborder{ border:1px solid #ccc; }
.float100 { float:left;	width:100%; }

.row { width:100%; }

.col2 { width:49.5%; }
.col3 { width:33%; }
.mid { padding-left:2px; }

.col10 { width:10%; }
.col20 { width:19%; }
.col30 { width:29%; }
.col40 { width:39.5%; }
.col45 { width:44.5%; }
.col60 { width:60%; }
.col70 { width:70%; }
.col80 { width:80%; }

.left { float:left;display:inline; }
.right { float:right;display:inline; }

.alignright { text-align:right; }
.alignleft{ text-align:left; }
.aligncenter{ text-align:center; }

.nodisplay { display:none; }
.nobackground { background:transparent url(); }
.noborder { border-width:0 0 0 0; }
	a.noborder { border-width:0 0 0 0; }
	a.noborder:hover { border-width:0 0 0 0; }

/* clear fix */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* END: general layout and formatting
****************************************/