/* =================================================================
 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 {
	color:#000;
	font:normal 62.5%/200% Arial, Helvetica, sans-serif;	
	background:#000 url(../images/intro-bg.gif) repeat-x left top;
	margin:0; 
	padding:0;
	text-align:center;
}

h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd, ul, ol, li {
	margin:0; padding:0;
	text-align:center;
}

a {
	color:#af7122;
}

	a:hover {
		color:#000;
	}

#header {
	position:relative;
	z-index:400;
	padding-top:15px;
	color:#fff;
	text-align:center;
	background:#000 url(../images/header-bg.jpg) no-repeat center top;
}

#header div.clearfix {
	width:750px;
	margin:0 auto;
	text-align:left;
}

#logo {
	display:block;
	width:313px;
	height:136px;
	margin:0 auto;
	text-align:center;
	padding-bottom:15px;
}

#header h2 span {
	text-indent:-9999px;
	display:block;
}

#header h1 {
	text-indent:-9999px;
	display:none;
}

#skip {
	display:none;
}

/* BEGIN NAV */

#header #nav {
	background:transparent url(../images/nav-rpt.gif) repeat-x 0 0;
	
}

#header #nav .ul_wrapper {
	height:30px;
	background:transparent url(../images/nav-bg2.jpg) no-repeat center top;
	text-align:center;
	
}

#header #nav .ul_wrapper div {
	position:relative; /* FIX FOR IE6 NAV DISAPPEARING WHEN WIDTH ADJUSTED */
}

#header #nav .ul_container {
	width:750px;
	height:25px;
	margin:0 auto;
	padding:3px 0 2px 0;
	background:none;
	text-align:left;
		
}

#navigation {
	float:left;
	display:inline;
	list-style:none;
	margin:0 0 0 15px;
	border-left:1px solid #c2ad7a;
	border-right:1px solid #231f20;
	
}


#navigation li {
	float:left;
	position:relative;
}

	#navigation li span.nav_category {
		display:block;
		border-left:1px solid #231f20;
		border-right:1px solid #c2ad7a;
		font-weight:normal;
		font-size:1.2em; 
		line-height:25px;
		padding:0 15px;
}

#navigation li ul {
	background-color:#bbb687;
	width:200px;
	margin:0;
	border:1px solid #000;
	float:left;
	position:absolute;
	left:-999em;
	z-index:999;
}
	
	#navigation li.cat { }
	
	#navigation li.cat:hover {
		color:#fff;
		background-color:#c58c43;
		cursor:pointer;
		
}
	#navigation li.cat:hover ul {
		left:auto;
}
	#navigation li:hover ul {
		left:0;
}
			#navigation li ul ul {
				display:none;
}

	#header #nav #navigation li div {
		width:auto;
		height:auto;
		padding:0;
}
	
#navigation li ul li {
	width:200px;
	list-style:none;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.2em;
	padding:0;
	margin:0;
	z-index:1000;
	}

#navigation li ul li a {
	color:#000;
	text-decoration:none;
	display:block;
	margin:1px;
	width:196px;
	border:1px solid #bbb687;
	
}

	#navigation li ul li a:hover {
		color:#fff;
		background-color:#c58c43;
		border:1px solid #c58c43;
		text-decoration:none;
}

#navigation li ul li a span.nav_title {
	display:block;
	text-align:left;
	padding:5px 15px;
}

#navigation li ul li a span.nav_desc {
	display:none;
}

/* END NAV */



/* START: quicksearch */

div#quick_search_wrapper {
	width:100%;
	height:83px;
	background-color:#bbb687;
}

	div#quick_search {
		position:relative;
		margin:0 auto;
		width:750px;
		height:25px;
}
	
			div#quick_search h3 {
				position:absolute;
				left:25px;
				top:16px;
				padding:10px 5px 6px 0;
				width:75px;
				font:normal 1.5em Arial, Helvetica, sans-serif;
				color:#011b58;
				text-transform:uppercase;
				border-right:1px solid #011b58;
				letter-spacing:.15em;
}

					div#quick_search h3:first-line {
						font:bold 1.4em/.70em Arial, Helvetica, sans-serif;
						color:#fff;
						letter-spacing:.10em;
}
		
			div#quick_search form {
				position:absolute;
				right:20px;
				top:12px;
				width:495px;
				margin:0;
				font-size:1.1em;
				cursor:pointer;
				text-transform:uppercase;
}

			div#quick_search br {
				display:none;				
}

			div#quick_search form br {
				display:none;				
}

			div#quick_search select{
				margin:3px 6px 4px 0;
}

			div#quick_search input {
				margin:3px 15px 0 0;				
}

			div#quick_search form div {
				display:inline;
				margin:auto;
}
			
			div#quick_search form div input {
				display:inline;				
				padding:0;
				margin:0 0 4px 14px;
				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/quick_search_btn.gif) no-repeat 0 0;
				border:0;
}

			div#quick_search form div input:hover {
				color:#fff;
				background:transparent url(../images/quick_search_btn.gif) no-repeat 0 -23px;
				
}

/* END: quicksearch
******************************/



/* CLEAR FIX HACK for clear:both */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height: 1%;
}

/* END CLEAR FIX */

/* BEGIN MAIN CONTENT */

#welcome {
	width:100%;
	height:129px;
	border-top:1px solid #fff;
	background:transparent url(../images/white-bg.gif) repeat-x 0 0;
}

#welcome h3 {
	width:750px;
	height:125px;
	margin:0 auto;
	padding:2px 0 0 0;
	background:#f4eed6 url(../images/main-img.jpg) no-repeat 125px 0;
}	

	#welcome h3 span {
		display:block;
		text-indent:-999em;
}

#maincontentWrapper {
	width:100%;
	min-height:170px;
	padding-bottom:115px;
	background:#f4eed6 url(../images/footer-gradient.gif) repeat-x left bottom;
}

#maincontent {
	position:relative;
	margin:0 auto;
	width:750px;
	min-height:233px;
	background:f4eed6 url(../images/JR-watermark.gif) no-repeat 0 0;	
}

/* BEGIN IE HACK for min-height */

* html #maincontent {
	height:233px;
}
/* END IE HACK for min-height */


#contact_wrapper {
	position:relative;
	width:180px;
	padding:24px 0 0 15px;
	float:left;
	font-size:1.2em;
	
}

#agent_photo {
	position:absolute;
	top:-212px;
	width:108px;
	height:125px;
	left:15px;
}	

#contact {
	text-align:left;
}

	#contact span.name {
		font-weight:bold;
		font-size:1.25em;		
}

	#contact span.phone {
		font-weight:bold;
}

#buttons {
	width:513px;
	height:233px;
	background:transparent url(../images/buttons-bg.gif) no-repeat 0 0;
	float:right;
	margin:0 15px 0 0;
	display:inline;
}

	#buttons ul li {
		list-style:none;	
		float:left;
		padding:0 3px 0 3px;
		text-indent:-9999px;
}

	#buttons ul li a {
		display:block;
		width:165px;
		height:142px;
}
	
		#buttons ul li.homes a:hover {
			background:transparent url(../images/search-btn.gif) no-repeat 0 0;			
}	
		#buttons ul li.sellers a:hover {
			background:transparent url(../images/sellers-btn.gif) no-repeat 0 0;			
}	
		#buttons ul li.buyers a:hover {
			background:transparent url(../images/buyers-btn.gif) no-repeat 0 0;			
}	

#footerWrapper {
	background:transparent url(../images/footer-bg.gif) repeat-x 0 0;
}

#footer {
	color:#fff;
	width:719px;
	padding:15px 0 35px 0;
	margin:0 auto;
	text-align:right;
	line-height:1em;
}

#footer ul li{
	list-style:none;
	float:left;
	padding:0 3px;
}

#footer_login {
	float:left;
}
	#footer_login a {
		color:#cec996;
}
	#footer_login a:hover {
		color:#fff;
}

#footer_copyright {
	float:right;
}
	#footer_copyright a {
		color:#cec996;
	}
	#footer_copyright a:hover {
		color:#fff;
	}

	#footer ul li.agentlogin {
		float:left;
		border-right:1px solid #bbb687;
}