/* This stylesheet was created by Copyright Julia Elman 2009 http://www.juliaelman.com */


/* ---------- RESET ---------- */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; font-weight: normal;   }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
table th { font-weight: bold; color: #666; text-align:left; }
th, td { padding: 0 10px 0 0; }
textarea, input { padding: 4px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=file] { background: none; border: none; }
form table td ul { list-style: none; padding: 0; }
form table td { padding: 0 10px 5px 0; }


/* ---------- MAIN ---------- */
body { width: 975px; height: 100%; margin: auto; background-image: url(../images/gradient.gif); background-color: #fff; background-attachment: fixed; background-repeat: repeat-x; background-position: bottom; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.125em; color: #666; }
p { font-size: 13px; line-height: 26px; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #399f3d; }
h1, h2, h3, h4, h5 { color: #333; font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; color: #6fa9d6; line-height: 22px; }
.hidden { display: none; }
.button { padding: 3px; background-color: #eee; border: 1px solid #ccc; color: #666; font-size: 16px; font-weight:bold; }
.button:hover { background-color: #399f3d; color: #fff; }
a.dropdown { padding-right: 20px; background: url(../images/arrow-down.gif) no-repeat scroll right 50%; }
a.arrow_down { padding-right: 10px; background: transparent url(../images/arrow-down-gray.gif) no-repeat scroll right 50%; }
a:hover.arrow_down { background: transparent url(../images/arrow-down-green.gif) no-repeat scroll right 50%; }
div.hr hr { display: none; }
div.hr { height: 10px; background: url(../images/horizontal_rule.gif) no-repeat scroll center; border: none; clear: both; }
div.divider hr { display: none; }
div.divider { height: 10px; background: url(../images/horizontal_rule_blue.gif) no-repeat scroll center; border: none; clear: both; }
.pagination { clear: both; overflow: hidden; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }


/* ---------- HEADER ---------- */
#header { height: 100px; position: relative; }
#header .logo h1 { margin: 15px 0 10px 40px; }
#header .logo h1 a { display: block; width: 261px; height: 75px; background: url(../images/logo.png) no-repeat; overflow: hidden; text-indent: -1000px; }
#header #usernav { position: absolute; top: 30px; right: 50px; font-size: 13px; }
#header #usernav input { width: 250px; }
#header #usernav .button { margin: 0 0 5px 10px; width: 16px; height: 20px; border: 0; background: transparent url(../images/spyglass.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

#navbar { margin: 0 50px 0 40px; padding: 10px; height: 13px; background-color: #005aa0; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#navbar ul { list-style: none; }

#navbar ul li { float: left; color: #1a6baa; }
#navbar ul li.title { color: #fff; }
#navbar ul li a { margin: 0 10px 0 10px; color: #fff; font-weight: bold; }
#navbar ul li a:hover { color: #6fa9d6; }

#header .search input { border: 1px solid #ddd; color: #fff; font-weight: bold; background: #ddd;  }

/* ---------- MODULE---------- */
.module { margin: 10px 0 0 40px; float: left; width: 880px; border: 4px solid #cfe3f2; background: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px;}
.module .module-area { padding: 20px; border: 1px solid #bed9ee; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/* ---------- COPYRIGHT NOTICE ON EVERY PAGE ------------- */
#text_content #copyright p { float:left;line-height:20px; margin:10px 0px 10px 0px;width:650px; }
#text_content #copyright img { float:left; margin:15px 20px 10px 0px; }

/* ---------- BLANK CONTENT PAGE ------ */
#content_page #content_page_module p { line-height:20px; }
 
/* ---------- HOMEPAGE ---------- */
#homepage .main_image { float: right; margin: 10px 50px 0 0;  }
#homepage #search.module { width: 405px; height:298px;}
#homepage #featured_listings.module .module-area { padding: 0;}
#homepage #browse_by_city.module .module-area { height: 180px; }
#homepage #browse_by_city #cities div { float: left; padding-top: 13px; width: 137px; line-height: 18px; }
#homepage #text_content #copy p { line-height:20px; margin:10px 0px 10px 0px;}

#homepage .module .module-area .search { padding: 22px 0 0 0; height:193px;}
#homepage .module .module-area .search .bigSelect { width: 290px; border: 1px solid #ddd; color: #666; font-weight: bold; font-size: 16px; }
#homepage .module .module-area .search .options { padding: 20px 0 0 0; font-size: 14px; font-weight: bold; line-height: 30px; }
#homepage .module .module-area .search .options .distance { margin-left: 10px; }
#homepage .module .module-area .search .button { padding: 4px 20px 4px 20px; margin: 30px 0 0 0; }

/* ---------- PROPERTY LISTINGS ---------- */
#property_listing .module .module-area .search .bigSelect { width: 330px; border: 1px solid #ddd; color: #333; font-weight: bold; font-size: 16px; margin:0px 10px 0px 0px;}
#property_listing .module .module-area .search button { padding: 3px 3px 4px 3px; margin: 0 20px 0 -0.25em; font-size: 14px; }
#property_listing .module .module-area .search .options { padding: 10px 0 0 0; font-size: 14px; font-weight: bold; line-height: 30px; }
#property_listing .module .module-area .search .options .space { margin-left: 10px; }

#property_listing .arrow_down { font-size: 14px; font-weight: bold; }

#property_listing .module .module-area #extra { margin:10px 0px 0px 0px;height: 60px; width: 100%;}
#property_listing .module .module-area #extra div { float: left; }
#property_listing .module .module-area #extra div ul li .label { font-weight:bold;width:100px; }
#property_listing .module .module-area #extra div ul li .control { width:310px; margin:0px 0px 5px 0px;}
#property_listing .module .module-area #extra div input { padding: 0; margin: 0; width: auto; border: none; }
#property_listing .module .module-area #extra button { margin-top: 20px; }

#property_listing #listings .listings-top { position: relative; display: block; margin-bottom: 20px; }
#property_listing #listings .listings-top .title { float: left; font-size: 16px; font-weight: bold; color: #333; font-weight: bold; }
#property_listing #listings .listings-top .title span { font-weight: normal; color: #666; }

#property_listing #listings .listings-top .pagination { position: absolute; top: 5px; left:700px; line-height: 18px; }
#property_listing #listings .listings-top .pagination a { float: left; margin-right: 5px; font-weight: bold; }
#property_listing #listings .listings-top .pagination a.next, #property_listing #listings .listings-top .pagination a.previous { padding: 0px; margin: auto 0; display: block; height: 18px; width: 18px; background-color: #ccc; 
text-indent:-1000px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-repeat: no-repeat; background-position: 50% 50%;}
#property_listing #listings .listings-top .pagination a.next { background-image:url(../images/arrow-right.gif); }
#property_listing #listings .listings-top .pagination a.previous { background-image:url(../images/arrow-left.gif); margin-right: 5px;}
#property_listing #listings .listings-top .pagination a.next:hover, #property_listing #listings .listings-top .pagination a.previous:hover { background-color: #399f3d;}

#property_listing #listings .listings-top .sort-listings { padding-top: 10px;}

#property_listing #listings .listings-bottom .pagination { margin:10px 0px 0px 700px; line-height: 18px; }
#property_listing #listings .listings-bottom .pagination a { float: left; margin-right: 5px; font-weight: bold; }
#property_listing #listings .listings-bottom .pagination a.next, #property_listing #listings .pagination a.previous { padding: 0px; margin: auto 0; display: block; height: 18px; width: 18px; background-color: #ccc;
text-indent:-1000px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-repeat: no-repeat; background-position: 50% 50%;}
#property_listing #listings .listings-bottom .pagination a.next { background-image:url(../images/arrow-right.gif); }
#property_listing #listings .listings-bottom .pagination a.previous { background-image:url(../images/arrow-left.gif); margin-right: 5px;}
#property_listing #listings .listings-bottom .pagination a.next:hover, #property_listing #listings .listings-top .pagination a.previous:hover { background-color: #399f3d;}

#property_listing #listings .listings-detail { position: relative; display: block; margin: 20px 0 20px 0; height: 170px; }

#property_listing #listings .listings-detail .images { float: left; }
#property_listing #listings .listings-detail .images img.main { max-width:192px;max-height:144px; }
#property_listing #listings .listings-detail .images ul.thumbs { position: absolute; top: 0; left: 200px; }
#property_listing #listings .listings-detail .images ul.thumbs li { margin-bottom: 6px; }
#property_listing #listings .listings-detail .images ul.thumbs li img { width: 55px; height:40px; }
#property_listing #listings .listings-detail .images p.controls { margin-top:5px; }
#property_listing #listings .listings-detail .images p.controls a { padding: 8px 10px 8px 35px; }
#property_listing #listings .listings-detail .images p.controls a.map {background: url(../images/map.png) no-repeat scroll left; }
#property_listing #listings .listings-detail .images p.controls a.street {background: url(../images/street.png) no-repeat scroll left; }

#property_listing #listings .listings-detail .details { float: left; position: absolute; left: 275px; width: 400px; font-size: 15px; line-height: 18px;}
#property_listing #listings .listings-detail .details ul li a { font-weight: bold; }
#property_listing #listings .listings-detail .details ul li.facts { font-size: 14px; font-weight: bold; }
#property_listing #listings .listings-detail .details p { line-height: 16px;}

#property_listing #listings .listings-detail .buttons { float: left; position: absolute; left: 725px; }
#property_listing #listings .listings-detail .buttons a { font-size: 22px; font-weight: bold; line-height:22px;}
#property_listing #listings .listings-detail .buttons button { font-size: 12px; padding: 3px; width: 110px; }

#property_listing #text_content #copy p { line-height:20px; margin:10px 0px 10px 0px;}

/* ---------- PROPERTY DETAIL ---------- */
#property_detail .listing-detail { position: relative; display: block; padding:0px 0px 15px 0px;}
#property_detail .listing-detail .details { float: left; position: absolute; top: 5px; left: 315px; width: 300px;  }
#property_detail .listing-detail .details ul li { font-size: 14px; line-height:18px;}
#property_detail .listing-detail .details ul li h1 { line-height:18px; }
#property_detail .listing-detail .details ul li.facts { font-size: inherit; line-height: 18px; font-weight: bold; }
#property_detail .listing-detail .details p { width: 500px; line-height:18px; margin-top:5px; } 
#property_detail .listing-detail .details .comSpacer { height:10px; }
#property_detail .listing-detail .details .landSpacer { height:5px; }
#property_detail .listing-detail .details .mltSpacer { height:10px; }

#property_detail .listing-detail .buttons { float: left; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 620px; width: 225px;}
#property_detail .listing-detail .buttons a { font-size: 22px; font-weight: bold; }
#property_detail .listing-detail .buttons button { font-size: 14px; padding: 3px; width: 185px; height: 30px; }
#property_detail .listing-detail .buttons .phone { font-size: 14px; font-weight: bold; color: #005aa0; }

#property_detail .listing-extra #extras { height: 40px; background-color: #d9edda; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#property_detail .listing-extra #extras ul { padding: 13px; list-style: none; }
#property_detail .listing-extra #extras ul li { float: left; padding-right: 20px; }
#property_detail .listing-extra #extras ul li a { font-weight: bold; padding: 5px;  }
#property_detail .listing-extra #extras ul li a:hover { text-decoration: none; color: #fff; background-color: #399f3d; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#property_detail .listing-extra #extras-content { margin: 20px 0; }

#property_detail .details_box { padding:10px 10px 10px 10px; background:#CFE3F2; width:232px; margin:0px 0px 10px 0px;}
#property_detail .details_box h2 { padding:0px 0px 5px 0px; }
#property_detail .details_box td { padding:3px; }
#property_detail .details_box .highlight { background-color:#6FAAD8; color:#fff; }
#property_detail .details_box .highlight td {font-weight:bold; padding:5px;}
#property_detail .big_details_box { padding:20px 10px 10px 10px; background:#CFE3F2; width:100%; margin:10px 0px 10px 0px;}
#property_detail .big_details_box h2 { padding:0px 0px 5px 0px; }
#property_detail .big_details_box td { padding:5px; }
#property_detail .details_row { float:left; width:252px;}
#property_detail .details_row_half { float:left; width:378px; }
#property_detail .details_row_full { float:left; width:817px; }
#property_detail .details_container { min-height:500px; }
#property_detail .no_image {width:290px;height:218px;background:#b8b8b8; }
#property_detail #photos_tab img { width:110px; height:80px; margin:0px 15px 10px 0px;}

/* ---------- FOOTER ---------- */
.clear { height: 5px; clear: both; }

#footer { margin: 20px 0px 20px 0; text-align: center; font-size:11px; color: #333; font-weight: bold; }

/* ---------- CAROUSEL ---------- */
.carousel { background: none repeat scroll 0 0; position: relative; width: 883px; height:180px;}

.carousel .carousel_wrapper { margin: 0 auto; padding: 20px 35px 20px 35px; overflow: hidden; position: relative; height: 155px; }
.carousel .carousel_wrapper .carousel_list { padding-top: 20px; width: 813px; height: 100px; position: absolute; }

.carousel .item { float: left; height: 90px; padding-right: 10px; width:260px; }
.carousel .item img { float: left; padding-right: 10px; height: 100px; }
.carousel .item p { font-size: 12px; line-height: 20px; margin-bottom: 5px; }
.carousel .item p.description { line-height: 16px; }
.carousel .item .button { padding: 2px; font-size: 11px; line-height:25px;}

.carousel li.previous a, .carousel li.next a { background-color: #90bee0; background-position:50% 50%; background-repeat:no-repeat; display:block; height: 100%; overflow:hidden; position:absolute; text-indent:-1000px; width:20px; }
.carousel li.previous a:hover, .carousel li.next a:hover { background-color: #005aa0; }
.carousel .previous a { -webkit-border-radius: 5px; -moz-border-radius: 5px 0 0 5px; background-image:url(../images/arrow-left.gif); left: 0px; top: 0px; }
.carousel .next a { -webkit-border-radius: 5px; -moz-border-radius: 0 5px 5px 0; background-image:url(../images/arrow-right.gif); right: 5px; top: 0px; }
.previous a { bottom:15px; left:auto; right:10px; top:auto; }
.next a { bottom:auto; left:auto; right:10px; top:10px; }

/* ---------- ADVANCED SEARCH ---------- */
.advanced { padding: 10px 0px 0px 0px; width: 100%; }


/* --------------- STATE & REGION PAGES ----------------*/
#state .module { width:877px; }
#state #content h1 { margin-bottom:15px; }
#state #content ul { list-style: none; }
#state #content li { font-size:12px; margin:5px 0px 5px 0px; }
#state #content li a { width:150px; }
#state #content #region_img { float:left; margin:0px 20px 0px 0px;}
#state #content #region_name { float:left; line-height:150px; font-size:25px;}
#state #content #help {font-size:10px; }