/* 
---------------------------
Structure Elements
---------------------------
*/

#wrapper {
	position:relative;
	margin:20px auto;
	width:756px;
	background:#000 url(../../images/sub-bg.jpg);
}

#bottom-bar {
	width:756px;
	height:21px;
	background:#000 url(../../images/sub-bottom-bar.jpg);
	clear:both;
}





/* 
---------------------------
Navigation Elements
---------------------------
*/

#subNav {
	width:580px;
	height:54px;
	background:#EDB845 url(../../images/subNav.jpg) repeat-x;
	clear:both;
	margin:15px 0 0 8px;
	position:relative;
}

#subNav ul {
	position:absolute;
	top:15px;
	left:5px;
	width:599px;
}

#subNav li {
	float:left;
	text-align:center;
	list-style-type:none;	
	border-right:1px solid #000;
	padding:0 6px 0 6px;
}

#subNav li.category-end {
	border:none;
}

#subNav li a {
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#subNav li a:hover {
	color:#3B2E08;
}



/* 
---------------------------
Left Elements
---------------------------
*/

#left {
	padding:0 0 0px 0;
}




/* 
---------------------------
Right Elements
---------------------------
*/

#right {
	padding:0 0 15px 0;
}

#content {
	background:#C6AA64 url(../../images/right.jpg) repeat-x;
	width:540px;
	float:left;
	left:25px;
	top:10px;
	position:relative;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #AF8E3A;
}

#content img.hr {
	margin:-3px 0 0 25px;
}


#cpad {
	width:460px;
	float:left;
	margin: 0 0 0 20px;
	padding:0 0 20px 8px;
}

#cpad img {
	margin:10px;
	padding:3px;
	border:1px solid #715812;
	float:left;
}

#cpad p {
	padding:8px 0 0 0;
}





/* 
---------------------------
Bread Crumbs
---------------------------
*/

p.breadcrumbs {
	margin:10px 25px 10px 25px;
	color:#3B2F0C;
	background:#CFB67D;
	padding:3px 10px 3px 10px;
	border:1px solid #BFA66B;
}

p.breadcrumbs a {
	color:#3B2F0C;
}




/* 
---------------------------
Sell Homes Page - Sub Tabs
---------------------------
*/

div.subpageTab {
list-style-type:none;
width:200px;
height:40px;
background:#000;
border:1px solid #222;
margin:10px 0 0 25px;
padding:5px;
float:left;
}


div.subpageTab img {
float:left;	
border:1px solid #fff;
}

div.subpageTab a {
float:left;	
margin:10px 0 0 15px;
color:#fff;
font-size:14px;
display:block;
}

div.subpageTab a.img {
float:left;	
margin:0px;
}


/* 
---------------------------
Featured Homes Module CSS
---------------------------
*/

#featured-homes {
	width:460px;
	float:left;
	margin: 0 0 0 20px;
	padding:0 0 20px 8px;
	position:relative;
}



#featured-homes li {
	list-style-type:none;
}

#featured-homes h3 {
	color:#715812;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:10px 0 0 0;
}

#featured-homes h4 {
	color:#715812;
	border-bottom:1px solid #715812;
	font-size:14px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#featured-homes h5 {
	color:#444;
	font-size:12px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 0 10px 0;
}


#featured-homes h5.pending {
	display: block;
	margin: 0;
	padding: 3px;
	border: 1px solid #d83535;
	width: 226px;
	text-align: center;
	color: #d83535
}
	
	



/* 
---------------------------
Default Homes - List 
---------------------------
*/


ul#defaulthomes  {
	position:relative;
	top:10px;
	margin:10px 0 0 0;
	padding:0;
	width:173px;
}


ul#defaulthomes  li a {
	font-weight:bold;
	text-align:left;
	font-size:12px;
	text-decoration:none;
	display:block;
	line-height:12px;
	border-bottom:1px solid #7F724F;
	margin:0;
	width:173px;
	color:#7F724F;
}

ul#defaulthomes li a:hover {
	color:#4F4427;
}

ul#defaulthomes a:hover li {
	border-bottom:1px solid #7F724F;
}


/* 
---------------------------
Default Homes - Preview
---------------------------
*/	
	
	#preview-pad {
		height:150px;
		width:300px;
		clear:both;
	}
	
	
	.preview {
		right:-30px;
		top:140px;
		position:absolute;
	}
	
	
	.homes {
		position:relative;
		right:3px;
		top:12px;
		width:300px;
		background:#fff;
		border:2px solid #715812;
		padding:0 0 10px 0;
	}
	
	.homes img {
		padding:3px;
		border:1px solid #ccc;
		margin:10px 22px 0 22px;
	}
	
	.homes p {
		margin:0 25px 0 25px;
		color:#555;
		font-size:11px;
		font-weight:normal;
		padding:0;
	}
	
	.homes a {
		margin:5px 0 0 0;
		color:#333;
	}
	



/* 
---------------------------
Next & Previous Buttons
---------------------------
*/

#content ul.buttons {
	position:absolute;
	top:20px;
	right:10px;
}

#content ul.buttons li {
	float:left;
	list-style-type:none;
}

#content li a.buttonNext {
	width:65px;
	background:#C8B688;
	padding:3px 10px 3px 10px;
	border:1px solid #B9A571;
	text-decoration:none;
	margin:0 10px 0 0;
	display:block;
	text-align:right;
}

#content li a.buttonPrev {
	width:65px;
	background:#C8B688;
	padding:3px 10px 3px 10px;
	border:1px solid #B9A571;
	text-decoration:none;
	margin:0 10px 0 0;
	display:block;
	text-align:left;
}

/* 
---------------------------
Homes - Details
---------------------------
*/

#details {
	padding:8px 0 20px 0;
}

/* 
---------------------------
Homes - Featured Image
---------------------------
*/

#featured-homes img.featuredhome {
	float:left;
	margin:10px 10px 2px 0;
	padding:3px;
	border:1px solid #AF8E3A;
}

/* 
---------------------------
Homes - View More Photos
---------------------------
*/

#morephotos {
	clear:both;
	position:relative;
	top:20px;
}



#featured-homes ul.thumbs li {
	width:125px;
	float:left;
	margin:10px 10px 10px 0;
}

#featured-homes ul.thumbs li img {
	border:1px solid #AF8E3A;
	padding:3px;
}

/* 
---------------------------
Download Specs
---------------------------
*/

#featured-homes span.spec {
	padding:4px 10px 4px 10px;
	background:#DFC47D;
	width:200px;
	border:1px solid #BFAB77;
	height:40px;
	position:relative;
	top:10px;
	}

#featured-homes a.spec {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
	


/* 
---------------------------
Paragraph Styles
---------------------------
*/


div.boxright, div.boxleft {
	display: block;
	padding: 8px;
	border: 1px solid #997328;
	width: 150px;
	background-color: #E6B242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

div.boxright {
	float: right;
	margin: 5px 0 5px 5px;

}

div.boxleft {
	float: left;
	margin: 5px 5px 0 5px;
}
	

blockquote {
padding: 3px 0 3px 5px;
border-left: 4px solid #E6B242;
display: block;
margin: 10px;
width: 250px;
}