/*
Name: Maui Sales
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

/* main styles */
body {
	margin:0;
	padding:0;
	text-align:center;
	background:#555F3C url(../images/bg.jpg) repeat-x top left;
	}

body#comps {
	background:none;
}

#wrap {
	width:756px;
	margin:0 auto;
	text-align:left;
	font-size:small;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
#comps #wrap {
	width:auto;
}	

.clear {
	clear:both;
	}

.float-left {
	float:left;
	margin:10px 10px 10px 0;
}

.float-right {
	float:right;
	margin:10px 0 10px 10px;
}

/* header */
#header {
	position:relative;
	width:756px;
	height:290px;
	background:url(../images/header_bg.jpg) no-repeat top left;
	}

#header h1, #header h2 {
	margin:0;
	padding:10px 0;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
	color:#2F2719;
	font-size:200%;
	letter-spacing:-2px;
	font-weight:normal;
	}

#header p {
	font-size:16px;
	text-indent:-9000px;
}

#header p.phone {
	text-indent:0;
	position:absolute;
	right:0;
	top:21px;
	margin:0;
	font-size:1.4em;
	font-weight:bold;
	color:#2F2719;
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
}

#header p.phone em {
	font-size:.7em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#nav ul {
	float:left;
	margin:0 0 0 22px;
	padding:0;
	position:absolute;
	top:262px;
	list-style:none;
	}

#nav ul li {
	float:left;
	padding-right:9px;
	margin-right:4px;
	background:#7896B9 url(../images/tab_right.gif) no-repeat top right;
	}

#nav ul li a {
	display:block;
	padding:5px 3px 3px 12px;
	font-size:15px;
	text-decoration:none;
	color:#080B00;
	background:#7896B9 url(../images/tab_left.gif) no-repeat top left;
	float:left;
	}

#nav ul li a:hover {
	color:#E3ECF7;
	}

#page-home #nav ul li#home, #page-about #nav ul li#about, #page-maui #nav ul li#maui, #page-listings #nav ul li#advsearch, #page-rentals #nav ul li#rentals, #page-blog #nav ul li#blog, #page-adv #nav ul li#advsearch, #page-contact #nav ul li#contact {
	padding-bottom:3px;
	background:#FEFEFE url(../images/tab_active_right.gif) no-repeat top right;
	}

#page-home #nav ul li#home a, #page-about #nav ul li#about a, #page-maui #nav ul li#maui a, #page-listings #nav ul li#advsearch a, #page-rentals #nav ul li#rentals a, #page-blog #nav ul li#blog a, #page-adv #nav ul li#advsearch a, #page-contact #nav ul li#contact a {
	background:#FEFEFE url(../images/tab_active_left.gif) no-repeat top left;
	}

#page-home #nav ul li#home a:hover, #page-about #nav ul li#about a:hover, #page-maui #nav ul li#maui a:hover, #page-listings #nav ul li#advsearch a:hover, #page-rentals #nav ul li#rentals a:hover, #page-blog #nav ul li#blog a:hover, #page-adv #nav ul li#advsearch a:hover, #page-contact #nav ul li#contact a:hover {
	color:#080B00;
	}

/* main content area */
#content-area {
	width:750px;
	background:#fff;
	margin-left:3px;
	}

#content {
	float:right;
	width:502px;
	padding:0 15px;
	line-height:18px;
	}
	
#comps #content {
	float:none;
	width:545px;
	padding:0 20px 1em 20px;
}	

#content a {
	color:#457395;
	}

#content a:hover {
	text-decoration:none;
	}

#content h2 {
	font-size:160%;
	font-weight:normal;
	font-style:italic;
	color:#27384A;
	line-height:22px;
	margin:20px 0 0 0;
	padding:0;
	}

#content h2 a {
	color:#27384A;
}

#content h1.title, #content h2.title {
	margin-top:20px;
	color:#000;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:180%;
}

#content h3 {
	font-size:110%;
	color:#203B0E;
	}

#content p {
	margin:5px 0 10px 0;
}

.photo-wrap {
	float:right;
	margin:20px 0 10px 10px;
	}

.photo-wrap p {
	text-align:center;
	}

blockquote {
	margin:0;
	background:url(../images/quote_open.gif) no-repeat top left;
	}

blockquote p {
	padding:0 30px;
	font-style:italic;
	color:#323D4A;
	font-size:110%;
	background:url(../images/quote_close.gif) no-repeat bottom right;
	}

p.quote {
	font-weight:bold;
	color:#323D4A;
	text-align:right;
	padding:0 30px 10px 0;
	}

#content ol li {
	font-weight:bold;
}

/* about maui */
#maui-left {
	float:left;
	width:220px;
}

#maui-right {
	float:right;
	width:220px;
}

#content #maui-left ul, #content #maui-right ul {
	margin:0;
	padding:0 0 20px 10px;
}

/* listings section */
#listing {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif;
}

#listing h2 {
	margin-top:15px;
	color:#044F86;
	text-align:center;
	border:none;
	font-style:normal;
	font-size:180%;
	font-family:Georgia, Times, serif;
}

#listing p.results {
	font-weight:bold;
	text-align:center;
}

p.pages {
	font-size:90%;
	text-align:center;
}

p.pages a {
	padding:0 8px;
	background:url(../images/pages_bg.gif) no-repeat left center;
	text-decoration:none;
	color:#054E85;
}

#content #listing p.pages a:hover {
	text-decoration:underline;
}

p.pages a.nobg {
	background:none;
}

p.hide {
	margin:0;
	padding:0;
	text-align:right;
	font-size:90%;
	position:relative;
	bottom:15px;
}

#content #listing p.hide a {
	color:#474747;
}

/* listings search box */
div#search-box {
	width:500px;
	background:url(../images/search_box_bg.gif) repeat-x top left;
	position:relative;
	bottom:15px;
}

div#search-box h3 {
	color:#27374E;
	padding:6px 0 4px 0;
	font-size:100%;
	margin:0;
}

div#search-box ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#search-box .location {
	float:left;
	width:146px;
}

div#search-box .location h3 {
	padding-left:6px;
	background:url(../images/search_bg_lt.gif) no-repeat top left;
}

div#search-box .location li {
	margin-left:10px;
	line-height:20px;
	padding-left:16px;
	font-size:90%;
	background:url(../images/arrow.gif) no-repeat center left;
}

div#search-box .location li a {
	color:#273649;
}

div#search-box .sort {
	float:left;
	width:183px;
}

div#search-box .sort h3 {
	background:url(../images/search_bg_md.gif) no-repeat top left;
}

div#search-box .sort li {
	margin:5px 0 8px 0;
}

div#search-box li input {
	margin-left:100px;
}

div#search-box li.one {
	padding-left:20px;
	background:url(../images/one.gif) no-repeat left center;
}

div#search-box li.two {
	padding-left:20px;
	background:url(../images/two.gif) no-repeat left center;
}

div#search-box li select {
	font-size:90%;
	padding:2px;
	color:#2D0301;
}

div#search-box .change {
	float:left;
	width:171px;
}

div#search-box .change h3 {
	background:url(../images/search_bg_rt.gif) no-repeat top left;
}

div#search-box .change li {
	margin:5px 0 8px 0;
}

div#search-box .change li select {
	width:140px;
}

div#search-box .bottom {
	width:500px;
	height:9px;
	background:url(../images/search_box_bottom.gif) no-repeat bottom left;
}

/* auto-notifications */
div#search-box p.auto {
	padding:10px;
	margin-bottom:0;
	line-height:13px;
	font-size:.9em;
}

div#search-box fieldset.auto {
	border:0;
	width:380px;
}

div#search-box fieldset.auto li {
	display:block;
	text-align:left;
	}

div#search-box fieldset.auto li input, div#search-box fieldset.auto li input.btn {
	margin:5px 0 0 5px;
	width:200px;
}
div#search-box fieldset.auto li input.btn {
	width:100px;
}

div#search-box fieldset.auto ul li label {
	float:left;
	display:inline;
	width: 100px;
	text-align:right;
	padding-right:5px;
	margin-top:5px;
}

/* listing wrap */
.listing-wrap {
	width:500px;
	background:url(../images/listing_bgb.gif) repeat-x top left;
	margin-bottom:10px;
}

#comps .listing-wrap, #comps .listing-wrap-alt {
	width:auto;
}

.listing-wrap-alt {
	width:500px;
	background:url(../images/listing_bgg.gif) repeat-x top left;
	margin-bottom:10px;
}

.listing-wrap .img-wrap, .listing-wrap-alt .img-wrap {
	float:left;
	width:120px;
	padding:10px 15px 0 10px;
	margin-bottom:20px;
	text-align:center;
	font-size:90%;
}

#content #listing .img-wrap a {
	color:#002EB2;
	text-decoration:none;
}

#content #listing .img-wrap a:hover {
	text-decoration:underline;
}

.listing-wrap .img-wrap a img, .listing-wrap-alt .img-wrap a img {
	border:0;
}

.text-wrap {
	float:left;
	width:203px;
	padding-top:6px;
}

#content #listing .text-wrap h3 {
	color:#000;
	margin:0;
	padding:0;
}

#content #listing h3.listingDay {
	background:#3D5873;
	padding:5px;
	border:1px solid #1E2B34;
	color:#fff;
	font-weight:normal;
}

.text-wrap p {
	font-size:90%;
	line-height:14px;
	padding:0;
	margin:0;
}

.text-wrap ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:90%;
}

.text-wrap li {
	font-weight:bold;
	padding:0;
	line-height:14px;
}

.text-wrap li {
	margin:.2em 0;
}

.text-wrap li span {
	color:#455F78;
	font-weight:normal;
}

.pricing {
	float:right;
	margin-right:15px;
	display:inline;
}

#content .listing-wrap .pricing h3, #content .listing-wrap-alt .pricing h3 {
	text-align:center;
	margin:0;
	padding:6px 4px;
	background:#CDD4DA url(../images/listing_priceb.gif) no-repeat bottom left;
	color:#000;
}

#content .listing-wrap-alt .pricing h3 {
	background:#D4D9C5 url(../images/listing_priceg.gif) no-repeat bottom left;
}

#content .pricing p {
	text-align:right;
	padding:0;
	margin-right:10px;
	font-size:90%;
	text-transform:uppercase;
}

.pricing img {
	margin-top:50px;
}

.pricing a img {
	border:0;
}

#listing .listings-foot {
	border-top:1px solid #A6A6A6;
	padding-top:15px;
}

#listing .listings-foot p.results {
	font-size:90%;
	margin:0;
	padding:0;
}

/* listings page */
#listing-nav {
	margin:15px 0 10px 0;
}

#listing-nav a img {
	border:0;
}

#content #listing-nav img.comps {
	position:relative;
	top:2px;
}

#content #listing-nav img.print {
	padding-left:1.5em;
}

#content #listing-nav img.back {
	margin-right:40px;
}

#content #listing-nav img.previous {
	margin-right:15px;
}

#content #listing-nav img.next {
	margin-right:20px;
}

#listing-title {
	width:480px;
	padding:10px 10px;
	background:#E4E9ED;
}

#content #listing-title h3 {
	font-size:130%;
	color:#113454;
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
}

#content #listing-title h3.addy {
	float:left;
}

#content #listing-title h3.price {
	float:right;
}

#listing #main-image {
	text-align:center;
}

#listing img#mainImg {
	margin:10px 0;
	padding:1px;
	background:#fff;
	border:6px solid #BEBD9E;
}

#listing #thumb-wrap {
	width:500px;
	margin-bottom:10px;
}

#content #listing #thumb-wrap div.img-wrap {
	float:left;
	width:79px;
	height:79px;
	padding:2px;
	text-align:center;
}

#content #listing #thumb-wrap div.img-wrap a img {
	border:0;
}

#content #listing .contact {
	width:500px;
	text-align:center;
}

#content #listing .contact a img {
	border:0;
}

#content #listing .contact p {
	color:#26415F;
	font-weight:bold;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-top:5px;
}

#content #listing .contact p span {
	font-weight:none;
	text-transform:uppercase;
}

img.friend {
	margin-left:20px;
	position:relative;
	bottom:1px;
}

#listing table {
	width:500px;
	font-size:95%;
	margin-bottom:20px;
}

#content table a {
	color:#08019C;
}

#listing table th {
	padding:4px 8px;
	color:#133251;
	border-bottom:1px solid #AFB9AE;
	background:#E0E2CC url(../images/table_tab.gif) no-repeat top left;
	text-align:left;
}

#listing table th.left {
	width:270px;
	background:#E0E2CC url(../images/table_tab_lt.gif) no-repeat top left;
}

#listing table th.right {
	background:#E0E2CC url(../images/table_tab_rt.gif) no-repeat top right;
}

#listing table#main tr {
	background:#E4EFE7;
}

#listing table#main tr.alt {
	background:#F0F6F4;
}

#listing table td {
	padding:4px 8px;
	border-bottom:1px solid #AFB9AE;
}

#listing table td.first {
	width:270px;
}

#listing table tr.alt {
	background:#F1F1F1 url(../images/table_alt_bg.gif) repeat-x top left;
}

#listing a.condoDetails {
	display:block;
	text-indent:-9000px;
	width:334px;
	height:38px;
	margin:0 auto;
	background:url(../images/button_property_details.png) no-repeat 0 0;
}

#listing a.condoDetails:hover {
	background-position:0 -38px;
}

/* advanced search */
div.searchpage fieldset {
	margin:0;
	padding:0;
	border:0;
	width:auto;
}

div.searchpage fieldset ul {
	list-style:none;
	margin:10px 0 0 20px;
	padding:0;
	font-family:Trebuchet MS, Lucida Grande, Arial, Helvetica, sans-serif;
	}

input#mls-submit {
	position:relative;
	top:5px;
}

table#adv-search {
	margin:5px 0;
	padding:0;
	font-family:Trebuchet MS, Lucida Grande, Arial, Helvetica, sans-serif;
}

table#adv-search td.left {
	width:120px;
	background:#E6EBEF;
}

table#adv-search td.right {
	width:360px;
}

table#adv-search td {
	padding:5px 0 5px 10px;
	border-bottom:1px solid #CCC;
}

table#adv-search select.multiple {
	width:250px;
}

table#adv-search ul.cbox {
	margin:0;
	padding:0;
	list-style:none;
}

table#adv-search ul.cbox li {
	width:175px;
	float:left;
}

table#adv-search td select.minmax {
	margin-right:10px;
}

/* blog content area */
#blog-content {
	margin-top:10px;
}

.post-wrap {
	width:493px;
	background:#E0DECC url(../images/post_bg.gif) no-repeat top left;
	margin:0;
	padding:5px 5px 0 5px;
	border-bottom:1px dotted #000;
	font-family:Arial, Lucida Grande, Helvetica, sans-serif;
}

.post-wrap dl {
	float:left;
	margin:0 8px 0 0;
	display:inline;
	padding:0;
	width:37px;
	color:#fff;
}

.post-wrap dt {
	font-size:90%;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:2px 2px 0 2px;
	background:#91B4C8 url(../images/date_top.gif) no-repeat top left;
}

.post-wrap dd {
	margin:0;
	text-align:center;
	padding:2px;
	font-size:140%;
	background:#324F72 url(../images/date_bottom.gif) no-repeat bottom left;
}


#content h2.post-title, #content .post-wrap h2.post-title a {
	margin:0;
	padding:18px 0 0 0;
	color:#1A3A25;
	font-style:normal;
	text-decoration:none;
	letter-spacing:-1px;
}

.post-wrap h2 a:hover {
	text-decoration:underline;
}

p.post-details {
	color:#666;
	font-style:italic;
	font-size:90%;
}

/* contact page */
fieldset#contact-form {
	padding:0;
	margin:0;
	width:auto;
	border:none;
	}

fieldset#contact-form ul {
	margin:0;
	padding:0;
	list-style:none;
	}

fieldset#contact-form li label {
	float:left;
	clear:right;
	width:95px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset#contact-form li label.captcha {
	width:140px;
}

/*fieldset#contact-form li input#captcha {
	text-transform:uppercase;
}*/

fieldset#contact-form li input, fieldset#contact-form li select, fieldset#contact-form li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#27384A;
	width:200px;
	}

fieldset#contact-form li textarea {
	width:auto;
	font-size:100%;
	}

fieldset#contact-form li img {
	margin-left:155px;
}

fieldset#contact-form input#contactsubmit {
	width:auto;
	margin:20px 0 10px 150px;
	padding:3px;
	background:#27384A;
	color:#fff;
	border:none;
	}

/* sidebar */
#sidebar {
	float:left;
	width:198px;
	padding:0 10px 4px 10px;
	}

#sidebar a {
	color:#01229F;
	}

#sidebar a:hover {
	text-decoration:none;
	}

p.prop-search {
	height:32px;
	width:190px;
	padding-top:8px;
	background:url(../images/sidebar_search.gif) no-repeat top left;
	text-transform:uppercase;
	font-weight:normal;
	font-size:100%;
	text-align:center;
	margin-bottom:0;
	}

fieldset#prop-search {
	width:180px;
	padding:4px;
	border:1px solid #63625A;
	background:#C7C8A8;
	}

fieldset#prop-search div {
	margin:0;
	padding:4px;
	background:#E1E2CF;
	}

fieldset#prop-search select {
	width:154px;
	margin:6px 0 2px 8px;
	font-size:90%;
	padding:2px;
	color:#2D0301;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	}

fieldset#prop-search input#search-submit {
	float:right;
	margin:8px 8px 0 0;
	}

fieldset#prop-search p {
	float:left;
	width:85px;
	margin:5px 0 0 0;
	font-size:11px;
	padding:0 5px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	}

fieldset#prop-search p.red {
	text-align:center;
	float:none;
	width:auto;
	margin:3px 0;
}

fieldset#prop-search p.red a {
	color:#990000;
}

.sidebar-wrap {
	width:190px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color:#2D0301;
	font-size:90%;
	background:#F4F5ED url(../images/sidebar_bg.gif) no-repeat bottom left;
	margin-top:12px;
	}

.sidebar-wrap p.contact, .sidebar-wrap p.list, .sidebar-wrap p.hawaii {
	background:url(../images/sidebar_h2.gif) no-repeat top left;
	text-transform:uppercase;
	font-weight:normal;
	font-size:110%;
	text-align:center;
	margin-bottom:0;
	padding-top:6px;
	height:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	}

.sidebar-wrap p {
	line-height:16px;
	margin-top:0;
	}

.sidebar-wrap p.list-promo {
	color:#000;
	margin:0;
	}

.sidebar-wrap p.list-promo span {
	font-weight:bold;
	text-transform:uppercase;
	}

fieldset#list {
	width:180px;
	border:none;
	margin:0;
	padding:0;
	}

fieldset#list input {
	width:154px;
	margin:6px 0 2px 0;
	font-size:90%;
	padding:2px;
	color:#2D0301;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	}

fieldset#list #listsubmit {
	width:70px;
	height:28px;
	margin:0;
	padding:0;
	}

p.privacy {
	margin:0;
	padding:0 0 10px 0;
	}

ul#dropdown {
	margin: 5px 0 5px 11px;
	padding: 0 0 10px 0;
	list-style-type: none;
	width: 166px;
	}

ul#dropdown li{
	position: relative;
	margin:0 0 1px 0;
	}

ul#dropdown li ul {
	position: absolute;
	width: 190px;
	top: 0;
	visibility: hidden;
	list-style:none;
	margin:0;
	padding:0;
	}

ul#dropdown li ul li {
	margin:0 0 1px 0;
	padding:0;
	}

ul#dropdown li ul li a {
	border-left:none;
	}

ul#dropdown li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	height:17px;
	color: #fff;
	text-align:left;
	text-decoration: none;
	background:#3F4E5C url(../images/dropdown_bg.gif) repeat-x;
	padding:4px 4px 0 6px;
	border:1px solid #323E4A;
	border-bottom:none;
	}

ul#dropdown li ul li a {
	color:#18273A;
	border-bottom:1px solid #323E4A;
	background:#B2D1E9 url(../images/dropdown2_bg.gif) repeat-x;
	}

ul#dropdown li a:hover, ul#dropdown li ul li a:hover {
	text-decoration:underline;
	}

/* blog sidebar */
#subscribe {
	width:191px;
	margin:10px 0 0 0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

#subscribe h3 {
	text-align:center;
	font-weight:normal;
	color:#fff;
	font-size:110%;
	margin:0 0 1px 0;
	padding:6px 4px;
	background:#3E362A url(../images/subscribe_bg.gif) no-repeat top left;
}

#subscribe p {
	margin:0;
	padding:5px 0 0 0;
}

#subscribe form {
	background:#E1E2CF;
	padding:8px 4px;
	margin:0;
}

#subscribe input#email {
	width:100px;
}

#subscribe input#go {
	background:none;
	border:none;
	color:#8C2C02;
	width:auto;
	font-weight:bold;
	padding:2px;
	margin:0;
}

#subscribe form a {
	font-size:90%;
}

#subscribe a img.feed {
	border:none;
	padding:0 6px 0 10px;
	position:relative;
	top:2px;
}

ul#recent-posts, ul#blog-archives {
	margin:0 5px 0 15px;
	padding:0 0 10px 0;
	list-style:none;
	text-align:left;
}

ul#recent-posts li, ul#blog-archives li {
	margin:10px 0;
	padding:0 0 0 18px;
}

ul#recent-posts li {
	background:url(../images/posts_bg.gif) no-repeat top left;
}

ul#blog-archives li {
	background:url(../images/archive_bg.gif) no-repeat top left;
}

#sidebar .separator {
	padding:5px 0 10px 0;
	border-bottom:1px dotted #162740;
	margin-right:10px;
}

/* Holly Hack for IE \*/
* html ul#dropdown li { float: left; height: 1%; }
* html ul#dropdown li a { height: 1%; }
/* End */

/* footer */
#footer {
	width:756px;
	margin:0 0 0 3px;
	background:#555F3C url(../images/footer_bg.gif) no-repeat top left;
	}

#footer ul {
	display:inline;
	margin:0 0 0 200px;
	padding:25px 0 10px 0;
	float:left;
	list-style:none;
	}

#footer li {
	float:left;
	}

#footer li a {
	display:block;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right:1px solid #fff;
	float:left;
	padding:0 20px;
	font-size:11px;
	}

#footer li a:hover {
	text-decoration:none;
}

#footer p {
	font-size:90%;
	text-align:center;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	}

img.horz {
	width: 79px;
	height: 58px;
	}

img.vert {
	width: 58px;
	height: 79px;
	}

#map {
	width:500px;
	height:300px;
	padding:0;
	margin:0;
	}


p.modifySearch a {
	margin-right:20px;
}

p.notifyLinks {
	text-align:center;
}
p.notifyLinks a {
	margin:0 20px;
}