@charset "utf-8";


/* ---------------------------------------------------- DEFAULTS --------------------------------------------------- */


body { 
	
	margin: 0;
	background: #263536 url('/images/bkg_body_alt.gif') repeat-x;
	font: 12px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;	 
	color: black;
}

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
li { list-style-type: none }

ul, ol { padding: 0 0 18px 2.3em }
dl { padding: 0 0 18px 1.0em }

li, dd { padding-bottom: 7px }
dd { padding-left: 15px }

ul li { list-style-type: disc; }
ol li { list-style-type: decimal; }

p { margin:0 0 18px 0 }
p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px }

h1 { margin:0 0 10px 0; font-size:22px }
h2 { margin:0 0 10px 0; font-size:20px }
h3 { margin:0 0 10px 0; font-size:18px }
h4 { margin:0 0 3px 0; font-size:14px; color: black; }

h1, h2, h3 { color: #800000; /*font-family: Impact, sans-serif;*/}

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-style: normal; font-size: 12px; }

a { color: #800000 }
a:hover { color: #000 }

a.button, a.btn { 
	
	padding: 8px; 
	border: 1px solid #999;
	display: block;
	background: #E6E6E6 url('/images/bkg_btn1.gif') repeat-x center center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}


a.btn.red { 
	
	background: #E6E6E6 url('/images/bkg_btn1_red.gif') repeat-x center center;
	border: 1px solid #560000; 
}


a.btn.red { color: white }


a.button:hover, 
a.btn:hover { background: white }

a img { border: 0px }
b, strong { color: black }

.lg { font-size: 125%;}
.md { font-size: 115%;}
.sm { font-size: 90%;}
.xsm { font-size: 80%;}

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }

.lh2 { line-height: 2.0em !important; }

.p { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }
.on { font-weight: bold; font-size: 120%; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color:#FF6 }
.padded { padding: 5px }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/
.error { border: 1px solid #999; background-color:#F66; padding: 5px } /* Red */

.disclaimer { font-size: 10px; line-height: normal !important; }

div.error { margin-bottom: 15px }

form label { font-weight: bold }

select { border: 1px solid #7c7c7c; }
input { border: 1px solid #7c7c7c;	}


/* ---------------------------------------------------- page ------------------------------------------------------- */


#page { 
	
	width:860px; 
	border: 10px solid white;
	margin: 2px auto 0 auto;
}


/* ------------------------------------------------ page > content ------------------------------------------------- */


#page #content { 
	
	border: 1px solid #999;
	background-color: #F1F1E3;
	float: left; /*IE6 Hack*/
}


/* ------------------------------------------- page > content > masthead ------------------------------------------- */


#page #content #masthead { 
	
	width: 858px;
	background-color: #800000; 
	border-bottom: 8px solid #F8BB01;
	
}


/* --------------------------------------------- page > content > nav ---------------------------------------------- */


#page #content #nav { 

	float: left;
	width: 231px;
	margin: 0;
	padding-top: 0;
}

#page #content #nav ul { width: 100%; margin: 0; padding: 0; float: left; }

#page #content #nav ul li { 

	margin: 0; padding: 0; 
	float: left;
	clear: both;
	list-style-type: none; 
	border-bottom: 1px solid #999;
}

#page #content #nav ul li a { 

	width: 215px;
	float: left;
	padding: 7px 0 6px 16px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #4C4C4C;
	background-color: white;
	background: white url('/images/bkg_nav_links.gif') repeat-x center center;
}

#page #content #nav ul li a:hover {	 }

#page #content #nav ul li a:hover, 
#page.about #content #nav ul li a.about, 
#page.financing #content #nav ul li a.financing, 
#page.contact #content #nav ul li a.contact, 
#page.resources #content #nav ul li a.resources, 
#page.faqs #content #nav ul li a.faqs, 
#page.terms #content #nav ul li a.terms { background-image: url('/images/bkg_nav_links_on.gif'); color: #800000; }


#page #content #nav a.viewAll { float: left; margin: 10px 0 0 10px; }

#page #content #nav h3 { 
	
	text-align: center;
	color: #4C4C4C;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
	
}

/* =================== */
/* = Nav Search Form = */
/* =================== */

#page #content #nav form#nav-search { 
	
	width: 189px;
	float: left;
	clear: both;
	display: inline; /*IE6 Hack*/
	margin: 10px 0 15px 10px;
	padding: 10px;
	border: 1px solid #999;
	background-color: #727A7A;
	color: white;
	
}

#page #content #nav form#nav-search p { margin-bottom: 10px }

#page #content #nav form#nav-search label { font-size: 11px; }

#page #content #nav form#nav-search select { font-size: 10px }

#page #content #nav form#nav-search input[type='submit'] { margin-top: 5px; width: 189px; }

/* ============================ */
/* = Featured Property in Nav = */
/* ============================ */

#page #content #nav #nav-featured {
	
	width: 211px;
	float: left;
	clear: both;
	display: inline; /*IE6 Hack*/
	margin-left: 10px;
}


#page #content #nav #nav-featured #saleNumber-viewDetails { height: 15px; clear: both; }

#page #content #nav #nav-featured .viewDetails { float: right; }

#page #content #nav #nav-featured .saleNumber { float: left; color: #800000; font-size: 13px;}


/* --------------------------------------------- page > content > text --------------------------------------------- */


#page #content #text { 

	width: 626px;
	float: right;
	background: white url('/images/bkg_textmain.png') repeat-x; 
	border-left: 1px solid #999;
}


/* --------------------------------------- page > content > text > text-main --------------------------------------- */


#text #text-main { 
	
	padding: 10px 20px 20px 20px; 
	min-height: 890px;
	height: auto !important;
	height: 890px;
}

#text #text-main p { line-height: 1.4em; }

/* ---------------------------------------- Page Specific (Property Details) --------------------------------------- */


/* ===================================== */
/* = Not the best way to get this done = */
/* ===================================== */

#page.properties #content.details strong.price { color: #800000; }

#page.properties #content.details #mid { width: 300px; float: left; }
#page.properties #content.details #data { width: 266px; float: right; }

#page.properties #content.details #data h1 { font-size: 20px; }
#page.properties #content.details #data h2 { font-size: 17px; color: black; }
#page.properties #content.details #data h2.price { margin-bottom: 1px; }
#page.properties #content.details #data h3 { font-size: 15px; margin-bottom: 10px; }

#page.properties #content.details #data p.liquidationPrice { font-size: 13px; font-weight: bold; color: #800000; margin-bottom: 2px; }

#page.properties #content.details #data div.section { margin-bottom: 15px; border-bottom: 1px solid #CCC }

#page.properties #content.details #data em.status { font-size: 14px; color: black;}


/* ------------------------------------------- Page Specific (Property List) --------------------------------------- */


#page.properties #content.list strong.price { color: #800000; }
#page.properties #content.list h4 { color: #800000; }
#page.properties #content.list h4 em { color: black; }
#page.properties #content.list #table-properties td { text-align: center; padding: 3px; }
#page.properties #content.list #data_sort { float: right; margin-bottom: 15px }
#page.properties #content.list #data_count { float: left; margin-bottom: 15px }

#page.properties #content.list #page_nav-top { 
	
	clear: both;
	margin-bottom: 15px;
	border: solid 1px #CCC; 
	text-align: center; 
	padding: 10px;
	
}

#page.properties #content.list #page_nav-bottom { 
	
	clear: both;
	margin-top: 15px;
	border: solid 1px #CCC; 
	text-align: center; 
	padding: 10px;
	
}

#page.properties #content.list .previous { 
	
	float: left;
	text-align: left;
	width: 110px;
	
}

#page.properties #content.list .next { 
	
	float: right;
	text-align: right;
	width: 110px;
	
}


/* ---------------------------------------------- Page Specific (Homepage) ----------------------------------------- */


#page.homepage #text #text-main { padding: 10px }


#page.homepage #homepage-search-select { 
	
	float: right;
	text-align: center;
	padding: 5px 0 0 25px;
}

#page.homepage p { margin-bottom: 10px }


/* ----------------------------------------------- Page Specific (Contact) ----------------------------------------- */

#page.contact #text-main .links { margin-top: 15px;}
#page.contact #text-main .links ul { margin: 0; padding: 0;}
#page.contact #text-main .links ul li {list-style-type: none; margin: 0 0 20px 20px; padding: 0; float: left;}


/* ------------------------------------------------------ foot ----------------------------------------------------- */


#foot { 

	width:850px; 
	margin: 0 auto;
	padding: 30px 15px 15px 15px;
	background: #F1F1E3 url('/images/bkg_foot.gif') repeat-x;
	font-size: 10px;
}

/* Clearfix Hack */

#foot:after { 

	content: ""; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden
}


#foot .right { 
	
	width: 252px;
	height: 100px;
	float: right;
}

#foot .right .icons { 
	
	width: 100px;
	height: 100px;
	float: left;
}

#foot .right .excellence { 
	
	width: 122px;
	height: 100px;
	float: right;
	border-left: 1px solid #999;
	padding-left: 14px;
	margin-left: 15px;
}

#foot .right .icon { 
	
	float: left;

}

/*#foot .logos .logo-excellence { float: right; padding-left: 20px; border-left: 1px solid #999; }*/


#foot .left { 
	
	width: 588px;
	float: left;
}

#foot .left .receive-updates { float: left; }


#foot .copyright { float: left; width: 540px; margin: 15px 0 0 10px }


#foot ul { 
	
	float: left;
	margin: 15px 0 0 10px; 
	padding: 0; 
	
}

#foot ul li { 

	margin: 0; 
	padding: 0 9px 0 8px; 
	border-left: 1px solid #999;
	display: inline;
	list-style-type: none; 
}

#foot ul li:first-child { border-left: 0; padding-left: 0; }


/* ----------------------------------------------- Hacks and Clearfixes -------------------------------------------- */


.clearfix:after { 

	content: ""; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden
}