
body { 
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-weight: normal;
	text-decoration: none;
	color: #626262; 
	margin: 0;
	padding:0;
	background: #c15300 url(../_images/35/bg_body.gif) bottom center repeat-x fixed;
	}
	
a:link, a:visited {
	color: #214f7e;
	}
	
a:hover, a:active {
	color: #bb6b99;
	}
	
p { 
	font-size: 12px;
	line-height: 16px;
	color: #626262;
	margin: 15px 0 0;
	padding: 0;
	}
	
h1 {
	color: #214f7e;
	font-size: 19px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}
	
h2 {
	color: #ae4000;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}

div.clear {
	clear: both;
	height: 3px;
	}

div.bgGradation {
	display: block;
	margin: 0;
	padding: 0;
	background: url(../_images/35/bg_top.gif) top center repeat-x;
	height: 100%;
	}
	

table.mainTable { 
	margin: 0 auto;
	padding: 0;
	width: 756px;
	height: 100%;	
	}

table.mainTable td.headerArea {
	height: 135px; 
	margin: 0;
	padding: 0 0 35px 0;
	background: url(../_images/35/bg_header.jpg) bottom left no-repeat;
	}

table.mainTable td.headerArea img {
	width: 200px;
	height: 104px;
	background: url(../_images/35/logo_main.gif) top right no-repeat;
	margin: 0;
	padding: 0;
	border-style: none;
	float: left;
	}

table.mainTable td.headerArea ul {
	list-style: none;
	float: right;
	margin: 76px 40px 0 0;
	padding: 0;
	width: 400px;
	}

table.mainTable td.headerArea li {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	width: 160px;
	}

table.mainTable td.headerArea li a {
	height: 32px;
	margin: 0;
	padding: 0 0 0 13px;
	text-decoration: none;
	background-image: url(../_images/35/tab_main.gif);
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	}
	
table.mainTable td.headerArea li a span {
	height: 32px;
	margin: 0;
	padding: 0 35px 0 22px;
	text-decoration: none;
	background-image: url(../_images/35/tab_main.gif);
	background-position: center right;
	background-repeat: no-repeat;
	display: block;
	}

table.mainTable td.headerArea li a span b {
	padding: 12px 0 0 0;
	margin: 0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
	display: block;
	}

table.mainTable td.headerArea li a:hover {
	background-position: bottom left;
	}
	
table.mainTable td.headerArea li a:hover span {
	background-position: bottom right;
	}
	
table.mainTable td.headerArea li.selected a,
table.mainTable td.headerArea li.selected a:hover {
	background-position: top left;
	}
	
table.mainTable td.headerArea li.selected a span,
table.mainTable td.headerArea li.selected a:hover span {
	background-position: top right;
	}
	
table.mainTable td.headerArea li.selected a span b,
table.mainTable td.headerArea li.selected a:hover span b {
	padding: 10px 0 0 0;
	color: #000;
	}	
	
table.mainTable td.navArea {
	margin: 0;
	padding: 15px 0 50px 3px;
	width: 150px; 	
	background: white url(../_images/35/bg_contentTable_t.gif) top left repeat-y;
	}
	
table.mainTable td.contentArea {
	margin: 0;
	padding: 15px 15px 60px 15px;
	font-size: 12px;
	line-height: 16px;
	color: #525252;
	width: 576px;
	background: white url(../_images/35/bg_contentTable_t.gif) top right repeat-y;
	}

table.mainTable td.footerArea {
	background: url(../_images/35/bg_contentTable_b.gif) top center no-repeat;
	height: 139px;
	margin: 0;
	padding: 39px 0 0 0;
	}

div.footerArea {
	font-size: 90%;
	line-height: 150%;
	height: 100px; 
	margin: 0;
	padding: 10px 30px;
	display: block;
	}

div.footerArea small a {
	color: white;
	}
	
div.footerArea small {
	font-size: 10px;
	line-height: 12px;
	color: #eaeaea;
	}
	
div.footerArea img {
	border-style: none;
	margin: 0;
	padding: 0;
	width: 230px;
	height:30px;
	background: url(../_images/35/logo_footer.gif) no-repeat center center;
	}

div.footerArea a,
div.footerArea a:link,
div.footerArea a:visited {
	color: white;
	}
	
	
/* ------------------------------------------------------------------- */
/* NORMAL FORM AREAS */	


div.form {
	display: block;
	margin: 15px 0;
	padding: 3px;
	border:1px #4c4c4c solid;	
	background: #fff;
	}

div.form form, div.form span.inner {
	display: block;
	margin: 0;
	padding: 5px;
	background: #e26f2c;
	}
	
div.form h1,
div.form h2 {
	color: #fff;
	}
	
div.form div.row, div.form div.rowb, div.form div.triplerow {
	clear: both;
	padding: 5px;
	} 

div.form div.row, div.form div.rowb {
	height:20px;
	}
	
div.form div.rowb { /* ALTERNATIVE ROW COLOR / ZEBRA LOOK */
	background: #e9f3ff;
	}
	
div.form div.triplerow {
	height:70px;
	}

div.form div.row span, div.form div.rowb span, div.form div.triplerow span {
	height: 20px;
	}

div.form div.row span.label, div.form div.rowb span.label, div.form div.triplerow span.label {
	float: left;
	width: 130px;
	text-align: right;
	padding: 0 5px;
	color: #eeeeee;
	}

div.form div.row span.formw, div.form div.rowb span.formw, div.form div.triplerow span.formw {
	float: left;
	text-align: left;
	color: #fff;
	} 
	
div.form div.row span.formw h2 {
	color: #eeeeee;
	font-size: 15px;
	}
	
div.form div.rowHighlite {
	margin: 5px;
	padding: 5px;
	background: #fff;
	border: 1px solid #9da0a9;
	}

div.form div.rowHighlite span {
	background: #fff;
	padding: 5px;
	display: block;
	}
	
div.form div.row span.formw input, div.form div.row span.formw select, div.form div.rowb span.formw input, div.form div.rowb span.formw select, div.form div.triplerow span.formw input, div.form div.triplerow span.formw select {
	margin: 0 4px;
	padding: 0;
	}
	
div.form small {
	position: relative;
	left: 140px;
	font-size: 11px;
	text-transform: lowercase;
	}


div.form a, div.form a:link, div.form a:visited {
	color: #eeeeee;
	}

	
	
	
/* ------------------------------------------------------------------- */
/* TIP and INFO BOX */


div.tip {
	margin: 5px;
	padding: 5px;
	background: #d3b2c3;
	border: 1px solid black;
	}
	
div.tip span {
	background: #848484 url(../_images/35/gfx_tip.gif) 5px 5px no-repeat;
	display: block;
	padding: 5px 5px 5px 60px;
	font-size: 12px;
	color: #fff;
	}
	
div.tip span h1 {
	font-size: 12px;
	color: black;
	}
	
	
	
	
/* ------------------------------------------------------------------- */
/* NAVIGATION */	


div.nav {
	margin: 0;
	padding: 0;
	}
	

div.nav ul, 
div.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
div.nav li {
	margin: 0;
	padding: 0;
	display: block;
	height: 22px;
	}


/* NORMAL STATE */
div.nav a, 
div.nav a:link, 
div.nav a:visited { 
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
	}


div.nav a span, 
div.nav a:link span, 
div.nav a:visited span { 
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
	color: #292929;
	margin: 1px 0 0 0;
	padding: 4px 4px 4px 11px;
	display: block;
	background-image: url(../_images/35/bg_nav.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	}

	
/* HOVER STATE */
div.nav a:hover, 
div.nav a:active, 
div.nav a.selected { 	
	color: #fff;
	font-weight: normal;
	}


div.nav a:hover span, 
div.nav a:active span, 
div.nav a.selected span { 
	color: #fff;
	font-weight: normal;
	background-position: top left;
	}
	
/* ------------------------------------------------------------------- */
/* LISTINGS */	

/* ------------------------------------------------------------------- */
/* LIST VIEW */

div.listing { 
	clear: both;
	display: block;
	width: 540px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
div.listing dl {
	display: block;
	clear: both;
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;	
	border-bottom: #dbdbdb solid 1px;
	}
	
div.listing dl dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	}
	
div.listing dl dd {
	margin: 0 0 0 150px; /* Width of Image */
	padding: 0;
	min-height:100px;  /* Same as Image */
	display: block;
	width: ; /* Width of listing Content Area */
	}	


	
/* ------------------------------------------------------------------- */
/* LIST ELEMENTS */	



div.listing dl dt a img, 
div.listing dl dt a:link img, 
div.listing dl dt a:visited img { /* Listing Thumb */
	clear: both;
	float: left;
	width:138px;
	height:100px;
	border: #393b4a solid 1px;
	background-position: center center;
	background-repeat: no-repeat;
	}	

div.listing dl dt a:hover img, 
div.listing dl dt a:active img { /* Listing Thumb OVER/HOVER */
	border: #9f9fa9 solid 1px;
	}	
	
	
div.listing dl dd div.title { /* Listing Header Area */
	display: block;
	height:18px;
	margin: 0 0 5px 0;
	}
	
		
div.listing dl dd div.title h1 { /* Listing Header text */
	float: left;
	color: #565656;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 1px 3px;
	}
	
		
div.listing dl dd div.title span { /* Status */
	float: right;
	color: #b3b3bb;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1px 3px;
	}	

div.listing dl dd div.priceRow { /* Price Row */
	display: block;
	height: 15px;
	line-height: 15px;
	font-weight: bold;
	font-size: 12px;
	padding: 0 3px;
	}	

div.listing dl dd div.price { /* Price */
	float: left;
	color: #ae4000;
	font-size: 12px;
	}	
	
div.listing dl dd div.mls { /* MLS Number */
	text-align: right;
	float: right;
	color: #b3b3bb;
	}
	
div.listing dl dd div.features { /* Features like Bed, Bath, etc */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}	
	
div.listing dl dd div.descShort { /* Short Description */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	}	
	
div.listing dl dd div.address { /* Address */
	display: block;
	padding: 0 3px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	}



/* ------------------------------------------------------------------- */
/* BUTTONS */	
	
/* General Button Setting */	
div.listing dl dd div.buttons {
	display: block;
	height:20px;
	margin: 0;
	padding: 0;
	}

div.listing dl dd div.buttons ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}

div.listing dl dd div.buttons ul li { 
	float: left;
	list-style: none;
	margin: 0 0 0 10px; /* Distance between Buttons */
	padding: 2px 0;
	}	

div.listing dl dd div.buttons ul li a, 
div.listing dl dd div.buttons ul li a:link, 
div.listing dl dd div.buttons ul li a:visited { 
	text-decoration: none;
	color: #214f7e;
	}		

div.listing dl dd div.buttons ul li a span, 
div.listing dl dd div.buttons ul li a:link span, 
div.listing dl dd div.buttons ul li a:visited span { 
	text-decoration: none;
	cursor: pointer;
	color: #214f7e;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	}		

/* Roll Over Changes */
div.listing dl dd div.buttons ul li a:hover, 
div.listing dl dd div.buttons ul li a:active { 
	text-decoration: none;
	color: #ae4000;
	}		

div.listing dl dd div.buttons ul li a:hover span, 
div.listing dl dd div.buttons ul li a:active span { 
	text-decoration: none;
	cursor: pointer;
	color: #ae4000;
	}
	

/* Details Button */		
div.buttons ul li.details a span { 
	padding: 0 3px 0 21px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_images/35/btn-sm_details.gif);
	}
		
/* Virtual Tour Button */		
div.buttons ul li.vtour a span { 
	padding: 0 3px 0 19px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_images/35/btn-sm_vtour.gif);
	}	

/* Save Button */		
div.buttons ul li.save a span { 
	padding: 0 3px 0 19px;
	background: url(../_images/35/btn-sm_save.gif) no-repeat left top;
	}	
	
/* Shopping Cart Button */		
div.buttons ul li.cart a span { 
	padding: 0 3px 0 16px;
	background: url(../_images/35/btn-sm_cart.gif) no-repeat left top;
	}	
	
/* ------------------------------------------------------------------- */
/* Page Settings */	
	
/* General Page Links */	
div.pageLinks {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

div.pageLinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

div.pageLinks ul li { 
	float: right;
	list-style: none;
	margin: 0 0 0 10px; /* Distance between Buttons */
	padding: 15px 0;
	}

div.pageLinks ul li select { 
	padding:0;
	margin: 0;
	font-size: 11px;
	width: 50px;
	}
	
div.pageLinks ul li select.sort { /* The Sort Drop Down Menu */
	width: 60px;
	}
	
div.pageLinks ul li input { 
	padding: 1px 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
	width:25px;
	cursor:pointer;
	}

div.pageLinks ul li.pageAmount {
	float: left;
	margin: 0;
	}

div.pageLinks ul li a, 
div.pageLinks ul li a:link, 
div.pageLinks ul li a:visited {	
	color: #214f7e;
	} 
	
div.pageLinks ul li a:hover, 
div.pageLinks ul li a:active {	
	color: #ae4000;
	} 
	
	
	
	
/* ------------------------------------------------------------------- */
/* Advanced Search Options */
a.btnSearchOptions {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../_images/35/btn-sm_searchoptions.gif) no-repeat left center;
	}

a.btnReturningClient {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../_images/35/btn-sm_returningclient.gif) no-repeat left center;
	}

div.advancedSearch, div.returningClient {
	margin: 5px 2px;
	padding: 3px 0;
	border-top: 1px solid #565656;
	}	
	
	
/* ------------------------------------------------------------------- */
/* DETAILS */	


/* ------------------------------------------------------------------- */
/* LISTING DETAILS */

div.listingDetails {
	
	}
	
div.detailButtons { 
	display: block;
	margin: 0;
	background: #c6c6c7 url(../_images/35/detailButtons_tl.gif) no-repeat top left;
	text-align: center;
	}

div.detailButtons div {	
	display: block;
	background: url(../_images/35/detailButtons_tr.gif) no-repeat top right;
	}
	
div.detailButtons div span {
	display: block;
	background: url(../_images/35/detailButtons_bl.gif) no-repeat bottom left;
	}

div.detailButtons ul {
	list-style: none;
	padding: 10px;
	margin: 0;
	height: 55px;
	display: block;
	background: url(../_images/35/detailButtons_br.gif) no-repeat bottom right;
	
	}	

div.detailButtons li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width:55px;
	text-align: center;
	}

div.detailButtons a b, 
div.detailButtons a:link b, 
div.detailButtons a:visited b, 
div.detailButtons a, 
div.detailButtons a:link, 
div.detailButtons a:visited {
	text-decoration: none;
	
	}

div.detailButtons a b, 
div.detailButtons a:link b  {
	font-size: 11px;
	line-height: 12px;
	text-transform: lowercase;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	height: 50px;
	color:#eaeaea;
	}

div.detailButtons a:hover b, 
div.detailButtons a:active b  {
	color: #fff;
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	}

li.btnCart a b, li.btnCart a:link b, li.btnCart a:visited b, li.btnCart a:hover b,li.btnCart a:active b { background-image: url(../_images/35/btn-lg_cart.gif); }
li.btnSave a b, li.btnSave a:link b, li.btnSave a:visited b, li.btnSave a:hover b,li.btnSave a:active b { background-image: url(../_images/35/btn-lg_save.gif); }
li.btnVtour a b, li.btnVtour a:link b, li.btnVtour a:visited b, li.btnVtour a:hover b,li.btnVtour a:active b { background-image: url(../_images/35/btn-lg_vtours.gif); }
li.btnSchools a b, li.btnSchools a:link b, li.btnSchools a:visited b, li.btnSchools a:hover b,li.btnSchools a:active b { background-image: url(../_images/35/btn-lg_schools.gif); }
li.btnMap a b, li.btnMap a:link b, li.btnMap a:visited b, li.btnMap a:hover b,li.btnMap a:active b { background-image: url(../_images/35/btn-lg_map.gif); }
li.btnCalculator a b, li.btnCalculator a:link b, li.btnCalculator a:visited b, li.btnCalculator a:hover b,li.btnCalculator a:active b { background-image: url(../_images/35/btn-lg_calculator.gif); }
li.btnFlyer a b, li.btnFlyer a:link b, li.btnFlyer a:visited b, li.btnFlyer a:hover b,li.btnFlyer a:active b { background-image: url(../_images/35/btn-lg_printer.gif); }
li.btnSchedule a b, li.btnSchedule a:link b, li.btnSchedule a:visited b, li.btnSchedule a:hover b,li.btnSchedule a:active b { background-image: url(../_images/35/btn-lg_schedule.gif); }
li.btnShare a b, li.btnShare a:link b, li.btnShare a:visited b, li.btnShare a:hover b,li.btnShare a:active b { background-image: url(../_images/35/btn-lg_share.gif); }

a.btnReturn {
	float: right;
	background: url(../_images/35/btn-sm_return.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-transform: lowercase;
	}

a.btnMore {
	float: right;
	background: url(../_images/35/btn-sm_details.gif) no-repeat left center;
	padding: 0 0 0 20px;
	text-transform: lowercase;
	}
	
a.btnMap {
	background: url(../_images/35/btn-sm_map.gif) no-repeat left center;
	padding: 0 0 0 15px;
	text-transform: lowercase;
	}
	

div.listingDetails div.description {
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0;
	border-top: 1px dotted #666;
	}
	
div.detailsRow,	
div.detailsRowStatus, 
div.detailsRowPrice, 
div.detailsRowMls, 
div.detailsRowAddress {
	clear: both;
	height:20px; 
	padding: 0;
	margin: 0 0 0 30px;
	}
	
div.detailsRow .title,
div.detailsRowStatus .title, 
div.detailsRowPrice .title, 
div.detailsRowMls .title, 
div.detailsRowAddress .title {
	width:60px;
	float: left;
	font-size: 12px;
	color: #979797; 
	}
	
div.detailsRow .info,
div.detailsRowStatus .info, 
div.detailsRowPrice .info, 
div.detailsRowMls .info, 
div.detailsRowAddress .info {
	float: left;
	font-size: 14px;
	color: #666;
	}
	
div.detailsRowStatus .info { 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #666; 
	}
	
div.detailsRowPrice .info { 
	font-weight: bold; 
	color: #ae4000; /* PRICE COLOR */
	font-size: 16px; 
	} 
	
div.detailsRowMls .info { 
	font-weight: bold; 
	color: #979797; 
	}
	
div.detailsRowMls .address { 
	color: #666; 
	}
		


/* ------------------------------------------------------------------- */
/* LISTING DETAILS FEATURES */

div.listingDetails div.features {
	clear: both;
	margin: 15px 0 0 0;
	padding: 15px 0;
	border-top: 1px dotted #666;
	display: block;
	}


div.listingDetails div.featureList {
	display: block;
	clear: both;
	margin: 15px 0 0 0;
	padding: 5px;
	border: #c9c9c9 solid 1px;
	background: url(../_images/35/bg_features.gif) repeat-x top left;
	}

div.listingDetails div.featureList h2 { /* FEATURES TITLE like Interior Features  */
	color: #ae4000; /* HEADER 1 COLOR */
	}


div.listingDetails div.featureList ul {
	padding: 0 auto;
	margin: 3px auto;
	} 


div.listingDetails div.featureList li {
	list-style-image: url(../_images/35/gfx_features.gif);
	padding: 0;
	margin: 0 auto;
	clear: both;
	width: 80%;
	}
	
	
	
	

