/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: xx - http://www.xxx
	developer: xxx
	date: xx/xx/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {
	font-size:0.9em;
	color: #333333;
}
p a {
	color:#D78241;
}
h1 {}
h2 {}
h3 {
	color:#005455;
	margin-bottom:0;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:normal;
}
h4 {}
h5 {
	color:#005455;
	font-size:1.2em;
}


										/* ---------- 3. listography ---------- */ 
										
.apart_locs {
	list-style:none;
	
}
.apart_locs li {
	list-style:none;
	font-size:0.9em;
	color:#D78241;
	text-decoration:underline;
	padding:0;
	margin:4px 0;
}
.apart_locs li a {
	color:#D78241;
}
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #fff;
}
.clr {
	clear:both;
}


#wrap {
	position		: relative;
	margin			: 0 auto 30px auto;
	width			: 790px;
}
#header {
	position		: relative;
	width			: 790px;
	margin-bottom:10px;
}
#banner {
	position		: relative;
	width			: 790px;
}
#nav {
	position		: relative;
	width			: 790px;
	height			: 18px;
	color			: #838383;
	margin			: 1px 0;
}
#main {
	position		: relative;
	width			: 790px;
	border			: 1px solid #838383;
	border-left		: 1px solid #000;
}
#home #main {
	background		: url(../images/wrap_bg.jpg) repeat;	
}
	#col_a {
		position		: relative;
		float			: left;
		width			: 170px;
	}
	#content {
		position		: relative;
		float			: left;
		border-left		: 1px solid #838383;
		border-right	: 1px solid #838383;
	}
	
		#home #content {
			width			: 410px;
		}
		#col2 #content {
			width			: 581px;
			border-left		: none;
		}
	
	#col_c {
		position		: relative;
		float			: left;
		width			: 200px;
	}
	
#inner_footer {
	position:relative;
	margin-top:20px;
	border-top:1px solid #ccc;
}
	#inner_footer p {
		margin:0.6em 2%;
		font-size:0.85em;
		color:#999999;
	}
	#inner_footer a {
		color:#D78241;
	}
	
#footer {
	position		: relative;
	width			: 790px;
	margin:0 auto;
	font-size:0.85em;
	color:#999999;
	top:-15px;
}

	#footer a {
		color:#999999;
	}
	#footer a:hover {
		color:#D78241;
	}





										/* ---------- 5. navigation ---------- */ 
										
#nav a {
	line-height		: 18px;
	color			: #D78241;
	font-size		: 0.85em;
	display			: block;
	float			: left;
	padding			: 0 10px 0 10px;
	border-right	: 1px solid #838383;
}
#nav a:hover {
	color			: #B3C994;
}
#nav a.on {
	color			: #B3C994;
}
#nav a.nb {
	border-right	: none;
}



										/* ---------- 6. page specific structure ---------- */ 
										
/* FEATURED PROPERTIES ON HOMEPAGE */

.fp_wrap {
	position:relative;
	width:404px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:5px;
	border-bottom:1px solid #CCCCCC;
}
.fp_img {
	position:relative;
	width:130px;
	height:85px;
	float:left;
}
.fp_txt {
	position:relative;
	width:270px;
	float:left;
}

.fp_txt_title {
	font-size:0.9em;
	color:#D78241;
	text-decoration:underline;
}
.fp_txt_loc{
	font-size:0.9em;
	color:#D78241;
}
.fp_txt_summ{
	font-size:0.9em;
	color:#000;
}
.fp_txt_more{
	font-size:0.85em;
	color:#D78241;
}

/* VIEW PROPERTIES PAGE */
.vp_title {
	color:#005455;
	margin-bottom:0;
	font-size:1.8em;
}
.vp_loc {
	color:#005455;
	margin-top:0;
	font-size:1.3em;
	font-weight:normal;
}


.vp_t {
	font-size:0.9em;
}
.vp_t tr td {
	padding:3px;
}
.vp_t tr{
	
}
.vp_t_th {
	background:#99BD88;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}

.vphr {
	border:none;
	height:1px;
	background:#ccc;
	width:95%;
	margin:20px auto;
}

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. forms ---------- */
										
.saveasfav {
	margin			: 0.6em 4%;
}
.savefav {
	padding:2px 6px;
	color:#fff;
	background:#FF6600;
	font-size:0.85em;
} 


#rss_feed a {
	color:#D78241;
}


.alrd {
	font-size:1em;
	color:#D78241;
	font-weight:bold;
}

.drop_box {
	font-size:0.9em;
	width:150px;
	border:1px solid #ccc;
}
.txt_box {
	font-size:0.9em;
	width:140px;
	border:1px solid #ccc;
	padding:2px;
}

.submit_btn {
	font-size:0.8em;
	padding:1px 4px;
	background:#D78241;
	color:#fff;
	margin-left:7px;
}
p label {
	font-weight:bold;
	font-size:0.9em;
}









/* ---------------------------------------------------------------------------- CSS Dropdown Nav ----------------------------------------------- */
#nav_drop, #nav_drop ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:4;
}

#nav_drop a {
	display: block;
	margin: 0;
	font-size: 0.9em;
}

#nav_drop li { /* all list items */
	float: left;
	border-left: 1px solid #818a8f;
	margin:0;
	padding:0;
}
#nav_drop li a {
	display: block;
	margin: 0;
	text-decoration:none;
	color: #D78241;
	padding: 9px 8px 5px 8px;
}
#nav_drop li a:hover {
	background:#fff;
	color:#B3C994;
}

#nav_drop li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 150px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav_drop li ul li {
	border:none;
}
#nav_drop li ul li a {
	padding:4px;
	color:#57584f;
	background: #F3F3F3;
	display:block;
	width: 150px;
	font-size:0.85em;
}
#nav_drop li ul li a:hover {
	color:#fff;
	background: #D78241;
}

#nav_drop li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#nav_drop li:hover ul ul, #nav_dropli.sfhover ul ul {
	margin-left: -1000em;
}

#nav_drop li:hover ul, #nav_drop li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#nav_drop li li:hover ul, #nav_drop li li.sfhover ul {
	margin-left: 10em;
}


/* extra positioning rules for limited noscript keyboard accessibility */
#nav_drop li a:focus + ul { margin-left: 0; }
#nav_drop li li a:focus + ul { margin-left: 1010em; }
#nav_drop li li a:focus { margin-left:1000em; width:150px; background: orange; }
#nav_drop li li li a:focus {margin-left: 2010em; width: 10em; background: orange; }
#nav_drop li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav_drop li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }