body {
	background-color: #fff;
	margin: 50px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	}

h1, h2, h3 { margin: 0; }
h1 {}
h2 { font-size: 18px; }
h3 {  }
h2.title { font-weight: normal; font-size: 18px; }
h3.subtitle { /*font-weight: normal;*/ font-size: 13px; color: darkgray; }
h3.header { border-bottom: dotted 1px #B8B8B8; font-size: 14px; /*font-weight: normal;*/ margin: 0 0 10px 0; }
h3.header span { font-size: 120%; }

td { text-align: left; vertical-align: top; padding: 10px; }
td.no_padding { padding: 0; }

form { margin: 0; padding: 0; }
fieldset { border: none; clear: right; margin: 0; padding: 0; }	
fieldset div { float: left; }	
	
a { color: #454545; }	
a:hover { text-decoration: underline; }	
	
.smooth { border: solid 1px #AAB4B1; }
.hover { filter: alpha(opacity=70); opacity: .7; }	
.hover:hover { filter: alpha(opacity=100); opacity: 1; }

/*input[type="text"], textarea { border: solid 1px #AAB4B1; filter: alpha(opacity=60); opacity: .6; }
input[type="text"]:hover, textarea:hover { filter: alpha(opacity=100); opacity: 1; }*/

button { background-repeat: no-repeat; cursor: hand; cursor: pointer; border: none; }
button.search { background: url('../images/visuals/search.gif'); background-repeat: inherit; height: 15px; width: 40px; }

.uline { border-bottom: dotted 1px #ACACAA; padding-bottom: 2px; }

.h_divider { background: url('../images/visuals/hwedge.gif') center repeat-x; padding: 0; } !important
	
#main { width: 100%; }	
#wrapper { width: 860px; }
#navigation, #inner, #footer { width: 860px; }
	
#navigation {
	border: solid 1px #c7c7c7;
	border-top: solid 2px #c7c7c7;
	background: url('../images/backgrounds/nav.gif') repeat-x;
	height: 34px;
	overflow: hidden;
	}
	
#logo { position: absolute; margin-top: -65px; margin-left: 40px; }
	
#header { width: 862px;  text-align: left; }	
#header .inner-visuals, #header .home-visuals { border: solid 1px #D4DAD0; }	
#header .inner-content, #header .home-content { position: absolute; margin-top: 40px; text-align: left; }	
#header .inner-content { margin-left: 250px; width: 360px; }
#header .home-content { margin-left: 340px; width: 180px; margin-top:30px; }
#header .inner-visuals .left, #header .home-visuals .left { float: left; }
#header .inner-visuals .right, #header .home-visuals .right { float: right; }	
#header .inner-visuals { background: url('../images/backgrounds/header.gif') #B8B8B8 repeat-x; height: 185px; }	
#header .home-visuals { background: url('../images/backgrounds/header_home.gif') #B8B8B8 repeat-x; height: 295px; }	
#header .clear{
	background: url('../images/visuals/header_clear.gif') repeat-x;	
	width: 860px;
	height: 7px;
	border: solid 1px #bfbfbf;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #c7c7c7;
	position: absolute;
	z-index: 1000;
	}

#inner { text-align: left; padding-top: 9px; }
#inner.home { background: none; border: none; padding-top: 19px; }
#inner.inner {
	background: url('../images/backgrounds/content_bottom.gif') bottom repeat-x #ebebeb;
	border: solid 1px #C9C9C9;
	border-top: none;
	}

#footer { padding: 10px 0; color: #999; text-align: left; font-size: 11px; }
#footer .images { float: right; }
#footer img { margin-left: 20px; }
	
#clear { clear: left; }
	
	
/* --------- [properties output] --------- */

.box_spacer { width: 10px; float: left; }
.box_clearer { clear: right; float: none; }
#links_layout .box_spacer { width: 5px; }
/* using CSS from boxtemplate.cfm custom tag */
	
	
/* ------------------------ [WEDGE graphics] -------------------------- */
.wedge { width: 3px; float: left; }
.wedge div { float: left; margin: 2px 0px; width: 1px; height: 100%; }
.wedge .bar1 { background: #DBDBDC; }
.wedge .bar2 { background: #D2D2D2; }
.wedge .bar3 { background: #F0F0F0; }
/***********************************************************************
   use specific classes to control the height of the specific wedge;
	 these are the classes pertaining to different implementations of
	 the wedge class:
************************************************************************/
.nav_wedge { height: 30px; }


/* ------ [Quick Search] -------- */

#quickSearch { margin-top: 5px; font-size:11px;		}	
#quickSearch input { margin-left: 10px; }	
#quickSearch fieldset div, #quickSearch select { margin-top: 4px; }
#quickSearch fieldset div { width: 65px; }	
#quickSearch .button { clear:both; float: right; margin-right: 15px; margin-top: 5px; }
#quickSearch select {
	width: 90px;
	margin-left: 10px;
	font-size: 10px;
	}
	
.inner-content #quickSearch fieldset { float: left; margin-right: 15px; }
.inner-content #quickSearch fieldset.normal { float: none; margin-right: 0; }
.inner-content #quickSearch .button { clear: none; margin-top: -15px; }


/* --------- [web ID search] ---------- */

.webIDIntro { margin-top: 5px; }
.home-content .webIDIntro { margin-top: 25px; }

#webIDForm { margin-top: 5px;	}	
#webIDForm fieldset { border: none; clear: right; }	
#webIDForm fieldset div, #webIDForm input { margin-top: 2px; }
#webIDForm fieldset div { float: left; width: 65px; }	
#webIDForm .button { float: right; margin-right: 15px; margin-top: 5px; }
#webIDForm #agentsStr {
	width: 85px;
	margin-left: 10px;
	font-size: 10px;
	padding: 1px 2px;
	}
	
.inner-content #webIDForm fieldset, .inner-content #webIDForm .button { float: left; }
.inner-content #webIDForm .button { margin-left: 15px; }
	
	
/* ----- [search form] --------- */

#search_layout h3 { font-size: 14px; }

fieldset.areas label { display: block; width: 180px; }
.mainAreas { display: block; text-align: center; font-size: 11px; }
.main_cat_group { margin: 0 0; width:180px; }
.main_cat_group .head { margin-bottom: 0px; display: block; font-size: 12px;
	/*background: #ebebeb;*/ padding: 0 2px; width: 180px; }
.sub_cat_group { margin: 5px 10px; display: none; visibility: hidden; }
	
/* ----- [search results] ------ */

/*#searchResults_layout { clear: left; }
#searchResults_layout .h_divider { background-position: top; }
#searchResults_layout .h_divider div { height: 15px; }*/
#searchResults .sort { float: left; }
#searchResults .sort .header { float: left; padding: 5px; }
#searchResults .control_panel { padding: 5px; text-align: right; }

#fav_text { padding: 1px 5px; }
#searchResults #fav_text { float: left; }

#sResults_layout { border-right: none; width: 100%; clear: left; }
#sResults_layout .h_divider { background-position: top; border-right: none; padding: 0; }
#sResults_layout .h_divider div { height: 3px; }
#sResults_layout td { vertical-align: top; border-right: solid 1px darkgray; border-bottom: solid 1px darkgray; }
#sResults_layout th img { margin-left: 10px; }
#sResults_layout th a.sort { text-decoration: underline; }	
#sResults_layout th .selectable { font-size: 13px;}
#sResults_layout th .selected { font-size: 15px; border-bottom: none; }
#sResults_layout td {	padding: 5px; font-size: 11px; }
#sResults_layout .photo {	width: 150px; text-align: center;	}		
#sResults_layout .vertFrame {	text-align: center;	width: 150px; }
#sResults_layout .location { width: 135px; }
#sResults_layout .location a { text-transform: capitalize; font-size: 13px; text-decoration: underline; }	
#sResults_layout .location div a { text-transform: none; font-size: 10px; text-decoration: none; font-weight: bold; }		
#sResults_layout .location div a:hover { text-decoration: underline; }	
#sResults_layout .size { width: 75px; }
#sResults_layout .price { width: 60px; }
#sResults_layout .costs { width: 75px; }	
#sResults_layout .amenities { width: 100px; }
#sResults_layout .amenities a { font-size: 10px; }
#sResults_layout .contact { width: 125px; border-right: none; }	


/* ----- [pagination] ------- */

#pagination a { color: #858585; }


/* ------- [details] ------- */

#details_layout { width: 100%; }
#details_layout td { padding-right: 15px; }
#details_layout .h_divider { padding: 0; }
#details_layout .h_divider div { height: 3px; }
#details_layout .last { padding-right: 10px; }
#details_layout .essentials { width: 190px; }
#details_layout .amenities {  }
#details_layout .essentials strong { font-size: 12px; }
#details_layout .amenities div { float: left; width: 95px; }
#details_layout .description { width: 245px; }
#details_layout .agent_info h3 { text-align: right; }
#details_layout .agent_info div { float: right; }
#details_layout .agent_info div a { color: gray; }
#details_layout .agent_info .pic img { margin: 0px 20px; width: 60px; height: 75px; border: solid 1px gray; }
#details_layout .contact .form input { width: 133px; font-size: 10px; padding: 1px 2px; }
#details_layout .contact .form fieldset { margin-top: 2px; }
#details_layout .contact .form fieldset div { width: 55px; }
#details_layout .contact .form .comments { clear: right; width: auto; margin-top: 5px; }
#details_layout .contact .form textarea { width: 190px; height: 60px; }
#details_layout .contact .form button { float: right; margin-right: 5px; margin-top: 5px; }
#details_layout .contact .form button.contact {
	background: url('../images/visuals/contact.gif');
	background-repeat: inherit;
	width: 81px;
	height: 15px;
	}	

#listingNav div { float: left; }
#listingNav .prev { padding-right: 5px; }
#listingNav .middle { width: 3px; text-align: center; }
#listingNav .next { padding-left: 6px; }
#listingNav div a { color: #666; }
#listingNav {
	position: absolute;
	margin-left: 745px;
	margin-top: 35px;
	width: 135px;
	}
	
#print_div { position: absolute; margin-left: 735px; margin-top: 10px; }
#print_div a {
	background: url('../images/icons/print_this_listing.gif') no-repeat;
	padding-left: 22px;
	color: gray;
	font-size: 120%;
	}
	
#map { width: 350px; height: 247px; display: block; color: #333; margin: 20px 5px 10px 5px; }
#map a { color: #666; }
	
/* -------- [my account] ------- */

#login_layout { width: 100%; }
#login_layout td { background: url('../images/visuals/vwedge.gif') right repeat-y; }
#login_layout .last { background: none; }
#col1 { float: right; }
#col2 { float: left; }
#login_layout form.accountForms { margin: 10px 15px 0px 0px; }
#login_layout .form { text-align: right; }
#login_layout .form label { display: block; font: 8pt Arial, Helvetica, sans-serif; color: #666; margin-bottom: 8px; }
#login_layout .form input.form-txtfield,
.form input.form-ptxtfield { border: solid 1px #ccc; width: 153px; margin-left: 5px; }
#login_layout .form input.form-submit { margin-top: 12px; }
#account-home { font-family: Arial, Helvetica, sans-serif; }
#account-header td { font-family: Arial, Helvetica, sans-serif;	 white-space: nowrap; }
#account-header .links { font-size: 11px; }
#account-header .links a:hover { text-decoration: underline; }
#account-header .welcome { color: #484848; }
#account-header .welcome span { color: #CE0000; font-size: 18px; }
#account-edit td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#login_layout div.box {
	width: 247px;
	border: solid 1px #ccc;
	background-color: #f6f6f6;
	padding: 20px;
	overflow: hidden;
	text-align: left;
	margin: 0 30px;
}

#accountHome_layout h3 { font-weight: normal; font-size: 14px; }
#accountHome_layout .h_divider div { height: 20px; }

.results_title th { font-size: 16px; padding: 0 10px; }


#resources_layout { padding: 10px; }


/* -------[contact]-------- */

#contact_layout { width: 100%; }
#contact_layout td { padding: 10px; }
#contact_layout td.form { padding: 0; width: 570px; }
#contact_layout td.form p { margin: 10px 10px 5px 10px; }
#contact_layout td.info div { clear: left; float: left; width: 60px; font-size: 12px; }

fieldset, form, ul, li { margin: 0; padding: 0; }
li.inline { display: inline; }

#contact_form { width: 380px; }
#contact_form th { padding: 10px 0; font-weight: normal; font-size: 15px; } 
#contact_form table { margin:0 auto; }
#contact_form table td { padding: 10px; }
#contact_form input, #contact_form select, #contact_form textarea { margin: 0; margin-top: 5px; }
#contact_form fieldset { margin-bottom: 10px; }
#contact_form li { list-style-type: none; }
#contact_form fieldset.firstname { float: left; margin-right: 10px; }
#contact_form fieldset.lastname { float: none; margin-left: 10px; }
#contact_form fieldset.name input { width: 120px; }
#contact_form fieldset.company input { width: 255px; }
#contact_form fieldset.phone { margin-right: 0; }
#contact_form fieldset.phone input { width: 130px; }
#contact_form fieldset.phone input.long_digits { width: 50px; }
#contact_form fieldset.email { float: none; margin-left: 0; }
#contact_form fieldset.email input { width: 255px; }
#contact_form fieldset.address { float: left; margin-left: 5px; margin-right: 5px; }
#contact_form fieldset.street { margin: 0 0 10px 0; float: none; }
#contact_form fieldset.street input { width: 275px; }
#contact_form fieldset.state { margin-left: 0; }
#contact_form fieldset.state select { width: 180px; }
#contact_form fieldset.city { margin-left: 0; float: none; }
#contact_form fieldset.city input { width: 275px; }
/*#contact_form fieldset.state select { width: 160px; }*/
#contact_form fieldset.zip { margin-right: 0; }
#contact_form fieldset.zip input { width: 86px; }
#contact_form fieldset.inquiry { clear: left; margin-top: 20px; }
#contact_form fieldset.inquiry select { width: 323px; }
#contact_form fieldset.comments { clear: left; margin-top: 0; }
#contact_form fieldset.comments textarea { width: 275px; height: 115px; }
#contact_form button { margin: 5px 0; }
span.required { color: #cc0000; }
span.message { margin:10px 20px; display:block; float:right; }


/* --------- [agents] --------- */

#agents { margin: 20px 10px; }
#agents h3 { margin-bottom: 5px; }
#agentsList_layout { margin: 10px; width: 840px; }
#agentsList_layout th { padding: 2px 5px; font-size: 13px; background: #666; color: #fff; }
#agentsList_layout td { padding: 2px 5px; }
#agentsList_layout.face td.image { width: 65px; }
#agentsList_layout.face td.image img { border: solid 1px #ccc; }
#agentsSearch_layout td { padding: 0; }
#agentsSearch_layout input, #agentsSearch_layout select { margin-left: 10px; }
#agentsSearch_layout .button { margin: 0; }
	
	
/* ------- [message display boxes] ------ */

img.MSG_information { float: left; padding-right: 10px; padding-bottom: 10px; }
.MSG_ .title { font-size: 12px; font-weight: bold; }
.MSG_ { float: right; width: 150px; }	
#MSG_default,
#MSG_contact,
#MSG_propertyContact,
#MSG_register,
#MSG_listForm,
#MSG_login {
	color: black;
	position: absolute;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
	background: #ebebeb;
	border: solid 1px silver;
	z-index: 1000;
	padding-right: 20px;
	text-align: left;
	}
	
#MSG_default { margin-left: 615px; margin-top: 20px; }		
#MSG_propertyContact { margin-left: 210px; margin-top: -35px; }
#MSG_register { margin-left: 0; margin-top: 0; }
#MSG_login { margin-left: 0; margin-top: 0; }


.pad_5px { padding: 5px; }
.pad_5px_left { padding-left: 5px; }