/* START Global Page Style */

body 
{
	padding: 11px 0 14px 0;
	margin: 0;
	background-color: #EFEFDF; 
	color: #000;
}

div, h1, h2, p, form, label, input, textarea, img, span, ul 
{
	margin: 0;
	padding: 0;
}

h3
{
	text-decoration: underline;
}

ul
{
	list-style-type: none;
	font-size: 0;
}

table,td
{
	border: 1px solid #CCC;
	border-collapse: collapse;
	font: small/1.5 "Tahoma","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
	padding: 5px 10px;
	color: #666;
}

.spacer 
{
	clear: both;
	font-size: 0;
	line-height: 0;
}

#wrapper
{
	width: 981px;
	margin: 0 auto;
}
/* END Global Page Style */

/* START Header Style */

#header
{
	background:url(../img/header.gif) 0 0 no-repeat;
	width: 981px;	
	height: 274px;
	position: relative;
	margin: 0 auto;
}

	#header ul
	{
		background:url(../img/nav_bar.gif) 0 0 no-repeat;
		width: 847px;
		height: 29px;
		position: absolute;
		left: 31px;
		top: 6px;
		padding: 0 0 0 72px;
	}	

	#header ul li
	{
		background:url(../img/nav_div.gif) right top no-repeat;
		height: 27px;
		float: left;
		padding: 0 1px 0 0;
	}

	#header ul li a
	{
		display: block;
		background:url(../img/nav_bg.gif) 0 0 repeat-x;
		padding: 0 14px;
		font: bold 11px/27px Arial,Helvetica,sans-serif;
		color: #344A04;	
		background-color: inherit;
		text-decoration: none;
	}
	
	#header ul li a:hover
	{
		background:url(../img/nav_hover.gif) 0 0 repeat-x;
		color: #FFF;
		background-color: inherit;
	}

	#header ul li a.hover
	{
		display: block;
		background:url(../img/nav_hover.gif) 0 0 repeat-x;
		color: #FFF;
		padding: 0 14px;
		font: bold 11px/27px Arial,Helvetica,sans-serif;
		background-color: inherit;
		text-decoration: none;
		cursor: text;
	}	

	#header ul li.last 
	{
		background-image: none;
		height: 27px;
		float: left;
	}

	#header img.logo
	{
		position: absolute;
		left:40px;
		top: 59px;
		width: 174px;
		height: 80px;
	}

	#header h1
	{
		width: 600px;	
		position: absolute;
		left: 250px;
		top: 74px;
		font-size: 12pt;
	}
	
	#header p
	{
		font: normal 12px/19px Arial,Helvetica,sans-serif;
		color: #FFF;
		background-color: inherit;
		position: absolute;
		left: 411px;
		top: 142px;
	}
	
	#header p span.highlight
	{
		color: #FFF;
		background-color: #1E6887;
	}
	
	#header p span.highlight a
	{
		color: #FFF;
		padding: 4px;
	}
	
	#header img.sequim-logo
	{
		position: absolute;
		left: 50px;
		top: 181px;
	}
	
	#header p.sequim-txt
	{
		font: normal 18px/23px Arial,Helvetica,sans-serif;
		color: #E8E8E8;
		background-color: inherit;
		position: absolute;
		left: 285px;
		top: 203px;
		width: 588px;
	}
	
	#header p.sequim-txt span.small
	{
		font: normal 12px/18px Arial,Helvetica,sans-serif;
		color: #FF9C3A;
		background-color: inherit;
	}

	#header #agent_img img
	{
		position: absolute;
		left: 850px;
		top: 50px;
		border: 4px solid #CCC;
		height: 100px;
	}

/* END Header Style */

/* START Body Style */

#body
{
	width: 978px;
	padding: 13px 1px 13px 2px;
	margin: 0 auto;
}

/* END Body Style */

/* START Left Style */

#left
{
	width: 357px;
	float: left;
	cursor: pointer;
}

	#left-content
	{
		width: 324px;
		background:url(../img/left_box_bg.gif) 0 0 no repeat #EAEADA;
		border: #DDDDCA solid 7px;
		margin: 0 0 4px 0;
		padding: 4px;
		color: #878767;
		height: 370px;
	}
	
		#left-content a
		{
			text-decoration: none;
			color: #D76E08;
		}
			
		#left-content .feature
		{
			width: 320px;
			margin: 0 auto;
			text-align: center;
		}

			#left-content .feature .featured-title
			{
				color: #000;
				font-size: 10pt;
				font-weight: bold;
			}
		
			#left-content .feature .ad-img
			{
				width: 280px;
				margin: 0 auto;
				border: 4px solid #DDD;	
			}

			#left-content .feature .ad-details
			{
				margin-top: 0px;
				margin-bottom: 8px;
				margin-left: 40px;
				text-align: left;
			}
		
/* END Left Style */

/* START Right Style */

#right
{
	background-color: #FFFAFA;
	border: 1px solid #DDD;
	width: 608px;
	height: 393px;
	float: right;
	font: normal 14px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

	#right p,h2,table
	{
		margin-top: 4px;
		margin-left: 8px;
		margin-bottom: 4px;
	}

	#right table
	{
		margin-top: 8px;
	}

	#right .title-left
	{
		position: relative;
		left: 10px;
		top: 4px;
		text-align: left;
		float: left;
	}

	#right .title-right
	{
		position: relative;
		right: 8px;
		top: 4px;
		text-align: right;
	}

	#right .small
	{
		font-size: 8pt;
		position: relative;
		right: 40px;
	}
/* END Right Style */

/* START bodyBottom Style */

#bodyBottom
{
	background:url(../img/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color: #FFF;
	padding: 22px 13px 19px 18px;
	margin: 0 auto;
}

	#market
	{
		width: 341px;
		float: left;
		margin: 0 28px 0 0;
	}
		#market h2
		{
			display: block;
			background:url(../img/arrow_red.gif) 0 0 no-repeat;
			padding: 0 0 0 25px;
			font: bold 22px/16px Arial,Helvetica,sans-serif;
			color: #FFF;
			background-color: inherit;
			margin: 0 0 17px 0;
		}
		
		#market h3
		{
			display: block;
			background:url(../img/date_bg.gif) 0 0 no-repeat;
			width: 331px;
			height: 17px;
			padding: 0 0 0 7px;
			margin: 0 0 10px 0;
			font: bold 11px/17px Arial,Helvetica, sans-serif;
			color: #974D04;
			background-color: inherit;
			text-transform: uppercase;
		}
		
		#market ul
		{
			padding: 0;
			margin: 0;
			display: block;
		}
			
			#market ul li
			{
				display: block;
				height: 20px;
				line-height: 0px;
			}
			
			#market ul li a
			{
				display: block;
				background:url(../img/arrow_white.gif) 0 7px no-repeat;
				padding: 0 0 0 10px;
				font: normal 11px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
				color: #47472D;
				background-color: inherit;
				text-decoration: underline;
				height: 20px;
			}

			#market ul li a:hover
			{
				color: #974D04;
				background:url(../img/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
			}

	#statistics
	{
		width: 309px;
		float: left;
	}
	
		#statistics h2
		{
			display: block;
			background:url(../img/arrow_red.gif) 0 0 no-repeat;
			padding: 0 0 0 24px;
			font: bold 22px/16px Arial,Helvetica,sans-serif;
			color: #FFF;
			background-color: inherit;
			margin: 0 0 17px 0;
		}


		#statistics h3
		{
			display: block;
			background: url(../img/date_bg.gif) 0 0 no-repeat;
			width: 327px;
			height: 17px;
			padding: 0 0 0 11px;
			margin: 0 0 14px 0;
			font: bold 11px/17px Arial,Helvetica,sans-serif;
			color: #974D04;
			background-color: inherit;
			text-transform:uppercase;
		}

		#statistics ul
		{
			padding: 0;
			margin: 0;
			display: block;
		}
		
			#statistics ul li
			{
				display: block;
				background:url(../img/arrow_white.gif) 0 7px no-repeat;
				padding: 0 0 0 10px;
				font: normal 11px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
				color: #47472D;
				background-color: inherit;
				text-decoration: underline;
				height: 20px;
			}

			#statistics ul li:hover
			{
				color: #974D04;
				background:url(../img/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
				text-decoration: none;
			}

#disclaimer
{
	font-size: 8pt;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    color:#47472D;
}

/* END bodyBottom Style */

/* START Footer Style */

#footer
{
	width: 981px;
	height: 125px;
	margin: 0 auto;
	background:url(../img/footer_bg.gif) 0 0 repeat-x #323232;
	color: #FFF;
	position: relative;
}
	#footer ul
	{
		width: 587px;
		position: absolute;
		left: 11px;
		top: 27px;
	}
	
		#footer ul li
		{
			float: left;
			color: #D4D4C6;
			background-color: inherit;
			font: normal 11px/19px Arial,Helvetica,sans-serif;
		}
	
			#footer ul li a
			{
				color: #D4D4C6;
				background-color: inherit;
				font: normal 11px/19px Arial,Helvetica,sans-serif;
				padding: 0 7px;
				text-decoration: none;	
			}
		
				#footer ul li a:hover
				{
					color: #D4D4C6;
					background-color: #D76E08;
				}

	#footer p.copyright
	{
		font: normal 11px/19px Arial,Helvetica,sans-serif;
		color: #D76E08;
		background-color: inherit;
		position: absolute;
		left: 19px;
		top: 49px;
	}

	#footer a.subscribe
	{
		background:url(../img/subscribe_icon.gif) 0 2px no-repeat;
		font: normal 11px/19px Arial,Helvetica,sans-serif;
		color: #B9B99D;
		background-color: inherit;
		position: absolute;
		left: 19px;
		top: 68px;
		text-decoration: underline;
		width: 50px;
		padding: 0 0 0 18px;
	}

		#footer a.subscribe:hover
		{
			color: #9CCC37;
			background-color: inherit;
			text-decoration: none;
		}

	#footer a.xht
	{
		width: 98px;
		height: 20px;
		background:url(../img/xhtml_bg.gif) 0 0 no-repeat;
		position: absolute;
		left: 757px;
		top: 23px;
	}	
		#footer a.xht:hover
		{
			background:url(../img/xhtml_bg_hover.gif) 0 0 no-repeat;
		}

	#footer a.cs
	{
		width: 98px;
		height: 20px;
		background:url(../img/css_bg.gif) 0 0 no-repeat;
		position: absolute;
		left: 866px;
		top: 23px;
	}

		#footer a.cs:hover
		{
			background:url(../img/css_bg_hover.gif) 0 0 no-repeat;
		}

	#footer p.design
	{
		font: bold 12px/19px Arial,Helvetica,sans-serif;
		color: #C5BE25;
		background-color: inherit;
		position: absolute;
		left: 19px;
		top: 85px;
	}

		#footer p.design a
		{
			color: #FFF;
			background-color: inherit;
			text-decoration: none;
		}
	
			#footer p,design a:hover
			{
				color: #C5BE25;
				background-color: inherit;
			}
/* END Footer Style */

/* START table.results style */
table.results
{
	background-color: #EEE;
	margin: 0 auto;
	width: 976px;
}
	table.results tr td.img
	{
		width: 282px;
	}
	
	table.results tr td.img img
	{
		border: 8px solid #E0E0E0;
		width: 240px;
		height: 180px;
	}
	
	table.results tr td.txt
	{
		vertical-align: top;
		width: 286px;
		max-width: 286px;
		font-size: 12pt;
	}	

	table.results tr td.txt span
	{
		color: #333;
	}

	table.results td:hover
	{
		cursor: pointer;
	}
	
	table.results .PBRE
	{
		background:url(../img/blue_bg.gif) 0 0;
		color: #000;
	}
	
		table.results tr td span.PBRE-FIELD
		{
			font-weight: bold;
		}
		
		table.results tr td div.PBRE-FIELD-FEATURE
		{
			margin: 0 auto;
			background:url(../img/featured_bar.gif) 0 0 no-repeat;
			width: 200px;
			height: 29px;
			font-size: 10pt;
			line-height: 29px;
			font-weight: bold;
			text-align: center;
		}

	table.results .details
	{
		width: 100%;
		text-align: right;
		margin-top: 8px;
	}

	table.results .last_space
	{
		border: none;
	}	

table.pagination
{
	width: 976px;
	margin: 8px auto 8px auto;
	background-color: #EEE;
}

	table.pagination tr td.info
	{
		border: none;
		font-size: 12pt;
	}

	table.pagination tr td span
	{
		font-size: 8pt;
	}

	table.pagination tr td.bold
	{
		font-weight: bold;
	}
	
/* END table.results style */


/* START no results style */
#no_results_wrapper
{
	margin: 8 auto 8 auto;
	padding: 40px 0px;
	border: 1px solid #DDD;
	background-color: #EEE;
}
	#no_results
	{
		position: relative;
		left: 18px;
		font: bold 12pt/14pt Arial, Helvetica,sans-serif;
	}
/* END no results style */

/* START Details style */
#details
{
	background-color: #EEE;
	border: 1px solid #DDD;
	margin: 8px 0 8px 0;
	padding: 8px;
}	

#features {
    width: 750px;
	margin: 0 auto;
}

	.left {
	    float: left;
	    width: 250px;
		text-align: left;
	}

	.middle {
	    padding: 0 250px 0 250px;
		text-align: left;
	}

	.right {
	    float: right;
	    width: 250px;
		text-align: left;
	}

	ul.property-features
	{
		margin-top: 8px;
		font-size: 10pt;
		margin-bottom: 8px;
	}
	ul.property-features li
	{
		position: relative;
		left: 14px;
		list-style-type: disc;
	}

	#features .title 
	{
		font-size: 10pt;
		font-weight: bold;
	}	

	
.clear {
    clear: both;
}

#head-details
{
	border-bottom: 1px solid #DDD;
	padding-bottom: 4px;
}

#head-details span.small
{
	color: #000;
	font-size: 10pt;
}
	#head-details span.small a
	{
		color: #000;
		text-decoration: none;
		font-size: 10pt;
	}
	#head-details span.small a:hover
	{
		text-decoration: underline;
	}
	#head-details p.title
	{
		color: green;
		margin-bottom: 4px;
	}

#map-gallery
{
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
	border: 1px solid #777;
	background-color: #BBB;
}
#map-gallery .left
{
	margin-left: 8px;
}
#map-gallery .right
{
	margin-right: 424px;
}
#featured-container
{
	margin: 0 auto;
	margin-top: 4px;
	width: 280px;
	height: 210px;
	background-color: #000;
	border: 4px solid #CCC;
	
}
#gallery-container
{
	width: 600px;
	padding: 25px;
	border: 8px solid #DDD;
	background-color: #000;
	color: #FFF;
}
#google-map
{
	width: 250px;
	border: 8px solid #DDD;
	background-color: #000;
}
p.broker 
{
	margin-top: 8px;
	margin-right: 8px;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}
/* END Details style */