@charset "utf-8";

body {
	margin: 0;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}
.clear {clear: both;}
.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}

/* ========== HEADER ========== */

#head_wrap {
	height: 184px;
	text-align: center;
}
#head {
	display: block;
	height: 184px;
	position: relative;
	width: 1000px;
}

#head_login, #head_logo, #head_title, #head_subtitle, #head_phone, #head_social, #head_menu {
	display: block;
	position: absolute;
}

#head_login {
	height: 32px; width: 354px;
	left: 641px; top: 0px;
}

#head_logo {
	left: 13px; top: 22px;
	padding: 6px;
}
#head_title {
	left: 198px; top: 45px;
	overflow: hidden;
	width: 564px; height: 60px;
	z-index: 10;
}
#head_subtitle {
	left: 200px; top: 95px;
	overflow: hidden;
	width: 562px; height: 35px;
	z-index: 20;
}

#head_phone {
	right: 14px; top: 60px;
}

#head_social {
	left: 769px; top: 85px;
	overflow: hidden;
	width: 222px; height: 88px;
	z-index: 30;
}
#head_social img {
	border: none;
	float: right;
	margin: 0 4px 0 4px;
}

#head_menu {
	left: 10px; top: 143px;
	width: 980px; height: 41px;
	z-index: 40;
}

/* ========== LOGIN FORM ========== */

.login {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
}
.login label, .login input[type="text"], .login input[type="password"] {float: left; margin-right: 10px; width: 85px;}
.login label {
	display: block;
	line-height: 23px;
	text-align: right;
}
.login input[type="text"], .login input[type="password"] {
	height: 13px;
	line-height: 13px;
	padding: 2px;
}
a.login_submit:link, a.login_submit:visited {
	display: block;
	float: left;
	width: 25px; height: 19px;
}
a.login_submit:hover, a.login_submit:active {
	background-position: bottom;
}
a.login_submit span {display: none;}

/* ========== DROP DOWN HORIZONTAL CUSTOMIZATION ========== */

/* ---------- main menu item structure ---------- */

#dyn_nav_h {
	border: none;
}
#dyn_nav_h.dropdown li {
	border: none;
	padding: 0 10px;
}

/* ---------- main menu item arrow ---------- */

#dyn_nav_h.dropdown .dyn_nav_a {
	background: none;
	padding: 0 10px;
}

/* ---------- main menu item text ---------- */

a.dyn_nav_mm:link, a.dyn_nav_mm:visited {
	display: block;
	height: 41px;
	line-height: 35px;
	padding: 0 10px;
	text-decoration: none;
	text-transform: uppercase;
}
a.dyn_nav_mm:hover, a.dyn_nav_mm:active {
	line-height: 37px;
	text-decoration: none;
}

/* ---------- drop down item structure ---------- */

#dyn_nav_h.dropdown ul {
	border: none;
	margin-top: 0px;
	padding-bottom: 17px;
	width: 190px;
}
#dyn_nav_h.dropdown ul li {
	border: none;
	padding: 0 0 0 0;
}

/* ---------- drop down item text ---------- */

.dyn_nav_dd a:link, .dyn_nav_dd a:visited {
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 0 20px;
	padding: 0;
	text-decoration: none;
	width: 150px; /* drop down item width minus item text padding */
}
.dyn_nav_dd a:hover, .dyn_nav_dd a:active {
	line-height: 25px;
	text-decoration: none;
}

/* ========== SPLASH PANEL ========== */

#splashpan_head {
	height: 45px;
}

#splashpan_foot {
	height: 24px;
}

/* ---------- splash panel main photo ---------- */

#splashpan_photo {
	display: block;
	height: 330px;
	width: 502px;
	float: right;
}
#splashpan_photo_wrap {
	display: block;
	height: 284px;
	margin: 26px 0 0 20px;
	overflow: hidden;
	width: 431px;
}

/* ---------- splash panel welcome ---------- */
	
#splashpan_title {
	padding: 20px 527px 0 41px;
}
#splashpan_welcome {
	padding: 10px 527px 0px 41px;
	text-align: justify;
}

/* ---------- splash panel button ---------- */

#splashpan_butt {
	padding: 20px 0 0 124px;
}
#splashpan_butt a:link, #splashpan_butt a:visited {
	display: block;
	height: 37px;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	width: 260px;
}
#splashpan_butt a:hover, #splashpan_butt a:active {
	background-position: bottom;
	line-height: 39px;
	text-decoration: none;
}

/* ---------- splash panel id search ---------- */

#splashpan_id {
	height: 37px;
	margin: 28px 0 0 10px;
	padding: 0 527px 15px 0;
}

.listingid {
	padding: 9px 0 0 35px;
}
.listingid label {
	display: block;
	float: left;
	line-height: 20px;
	text-align: left;
	width: 150px;
}
.listingid input[type="text"] {
	float: left;
	height: 14px;
	line-height: 14px;
	margin-right: 10px;
	padding: 2px;
	width: 200px;
}
a.listingid_submit:link, a.listingid_submit:visited {
	display: block;
	float: left;
	width: 53px; height: 19px;
}
a.listingid_submit:hover, a.listingid_submit:active {background-position: bottom;}
a.listingid_submit span {display: none;}

/* ---------- splash panel partners ---------- */

#splashpan_partners {
	padding: 25px 41px 0 41px;
	text-align: center;
}
#splashpan_partners_top {
	height: 6px;
}
#splashpan_partners_mid {
	padding: 3px 10px 0 10px;
}
#splashpan_partners_bot {
	height: 6px;
}

/* ========== SPLASH CALLOUTS ========== */

#callout_wrap {
	height: 173px;
	position: relative;
	width: 1000px;
}
.callout {
	display: block;
	position: absolute;
	width: 311px; height: 148px;
	top: 15px;
	z-index: 10;
}
.callout div {
	height: 148px;
	position: relative;
	width: 311px;
}
.callout div span.co_title {
	display: block;
	left: 13px; top: 9px;
	position: absolute;
	overflow: hidden;
	width: 286px; height: 25px;
}
.callout div span.co_subtitle {
	display: block;
	left: 128px; top: 45px;
	position: absolute;
	overflow: hidden;
	text-transform: uppercase;
	width: 166px; height: 20px;
}
.callout div span.co_text {
	display: block;
	left: 128px; top: 68px;
	position: absolute;
	overflow: hidden;
	width: 166px; height: 78px;
}
.callout div img {
	left: 8px; top: 43px;
	padding: 3px;
	position: absolute;
}

#callout_wrap a:link, #callout_wrap a:visited {
	display: block;
	position: absolute;
	width: 311px; height: 148px;
	top: 15px;
	z-index: 20;
}
#callout_wrap a:hover, #callout_wrap a:active {
	background-position: bottom;
}

#callout_wrap a span {display: none;}

.callout1 {left: 10px;}
.callout2 {left: 346px;}
.callout3 {left: 681px;}

/* ========== MAIN PANEL ========== */

#mainpanel_head {
	height: 25px;
}
#mainpanel_tile {
	padding: 15px 11px 22px 28px;
}
#mainpanel_foot {
	height: 40px;
}

#column_left {
	display: block;
	float: left;
	width: 281px;
}
#column_right {
	display: block;
	float: right;
	width: 637px;
}

/* ========== FEATURED LISTINGS ========== */

#featured_head {
	height: 6px;
}
#featured_foot {
	height: 6px;
}

#featured_title {
	padding: 14px 18px 0 18px;
}
#featured_title div {
	padding-bottom: 5px;
	text-transform: uppercase;
}

#featured_body {padding: 12px 18px 16px 18px;}

/* ========== ADVERTISEMENT ========== */

#side_ad {
	margin: 20px 0 0 11px;
	padding: 1px;
}

/* ========== QUICK SEARCH ========== */

#quicksearch {
	height: 118px;
}
#search_title {
	margin: 0;
	padding: 4px 40px 10px 0;
	text-align: right;
	text-transform: uppercase;
}
#search_option {
	display: block;
	float: left;
	padding: 4px 0 0 85px;
	width: 150px;
}
#search_option input[type="radio"] {
	float: left;
	margin: 3px 5px 0 0;
	padding: 0;
}

.search {
	margin: 0 0 0 20px;
	padding: 0;
}
#search_left {
	display: block;
	float: left;
	width: 310px; height: 85px;
}
#search_mid {
	display: block;
	float: left;
	width: 150px; height: 85px;
}
#search_right {
	display: block;
	float: left;
	padding-top: 10px;
	width: 150px; height: 85px;
}
.search label {
	display: block;
	float: left;
	line-height: 19px;
	margin: 10px 10px 0 0;
	text-align: right;
}
#search_option label {
	float: left;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 50px;
}

.search_lab_pricerange {width: 65px}
.search_lab_bedrooms {width: 60px}
.search_lab_bathrooms {width: 60px}
.search_lab_city {width: 65px}
.search_lab_location {width: 65px}

.search select {
	float: left;
	line-height: 14px;
	margin: 10px 10px 0 0;
	padding: 2px;
}

.search_sel_pricemin {width: 106px;}
.search_sel_pricemax {width: 106px;}
.search_sel_bedrooms {width: 61px;}
.search_sel_bathrooms {width: 61px;}

.statedropdown {width: 45px;}
.statecitydropdown {width: 67px;}
.fsbocitydropdown {width: 222px;}

a.search_submit:link, a.search_submit:visited {
	display: block;
	float: left;
	text-decoration: none;
	width: 132px; height: 33px;
}
a.search_submit:hover, a.search_submit:active {
	background-position: bottom;
	text-decoration: none;
}
a.search_submit span {
	display: block;
	line-height: 33px;
	padding-left: 37px;
	text-align: center;
}
a.search_submit span span {
	display: inline;
	padding-left: 0;
}
a.search_submit:hover span, a.search_submit:active span {line-height: 35px;}

a.search_adv:link, a.search_adv:visited {
	display: block;
	float: left;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	width: 132px; height: 30px;
}
a.search_adv:hover, a.search_adv:active {
	background-position: bottom;
	line-height: 30px;
	text-decoration: none;
}

/* ========== BODY ========== */

#body_title {
	display: block;
	padding: 30px 27px 0 0;
	text-align: right;
	text-transform: uppercase;
}
#body_body {
	padding: 20px 27px 0 0;
}
.body_splash {color: #666666; width: 98%;}
.body_splash p {
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
}

/* ========== MAP ========== */

#splash_map {
	margin: 15px 27px 0 0;
	padding-top: 20px;
}
#splash_map img {border: none;}