/* CSS Document */ /* Theme Name: Jeff Quintin Real Estate Theme URI: http://jeffQuintin.com/ Description: Version: 1.0 Author: Ken Rossi Author URI: http://evolvestudios.com/ */ /* ------------------------------------------------------ Structure ------------------------------------------------------ */ /******************************************\ * Reset Styles * \******************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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, input, button { margin: 0; padding: 0; border: none; /* outline: 0; -- do not use in deference to keyboard users */ font-size: 100%; vertical-align: top; background: transparent; } body { background-color: #fff; color: #000; font-family: Helvetica, Arial, sans-serif; /* This sets the font of all elements to 10px. Browsers default to 16px. 16 * .625 = 10. This makes using ems much easier. 1em = 10px. 1.2em = 12px. Remember inheritance. */ font-size: 62.5%; line-height: 1; } abbr, acronym, fieldset, a img { border: none; } address, caption, cite, code, dfn, strong, th, var { font-style: normal; font-weight: normal; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* Fixes spacing issues in IE. */ form { display: inline; } h1 { font-size: 3em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } input, select, th, td { font-size: 1em; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } ol, ul { list-style: none; } q:before, q:after { content:''; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } textarea { overflow: auto; /* hides the scollbars which IE places inside of textareas */ } a:focus, a:active{ outline: none;} .auction-properties { position: absolute; top: 0; left: 0; z-index: 99; cursor: pointer;} #sign-up-letter { background-position: -940px -314px; display: block; text-decoration: none; padding-left: 30px; font-size: 13px; color: white; margin: 0 0 10px 0;} #sign-up-letter span { font-size: 16px;} #calling-us { } #call-direct{ color: #00b6d7; font-size: 14px;} #call-main { color: #00678a; font-size: 14px;} #email-jeff { font-size: 13px; color: white; text-decoration: none;} html{background: #011a2e;} body{ color: #fff; margin: 0 auto; background: url(images/bg_body.jpg); } div#background-container { width: 985px; background: url(images/bg_body.jpg); margin: 0 auto; position:relative; padding: 0 20px; overflow:hidden; } p, ol, ul {line-height:1.6em;} ul.bullet {list-style-type: disc; } .post li { list-style: inside disc; margin-bottom: 15px;} .post form li { list-style: none;} h1, #searchSection .search-current {color: #5eb0d3; font-size:2.6em; font-weight:normal; line-height: 32px;} a{color: #58A9E6;} p {margin-top:10px; margin-bottom:15px;} hr { border: 0; width: 100%; color: #1e394d; background-color: #1e394d; height: 1px;} h5 {color: #000000;} li h5{font-size: 12px;} form input, form textarea{ background-color: #fff; border:1px solid #58A9E6; padding: 2px; margin-bottom:15px; } input[type="submit"] { width:150px; color:#fff; font-weight: bold; height:27px; text-transform:capitalize; cursor: pointer; background: url(images/button_general.png) repeat-x top left; } input[type="submit"]:hover { width:150px; background: url(images/button_general.png) repeat-x bottom left; height:27px; } input[type="reset"] {width:150px; color:#fff; font-weight: bold; height:27px; text-transform:capitalize; cursor: pointer; background: url(images/button_general.png) repeat-x top left; } input[type="reset"]:hover { background: url(images/button_general.png) repeat-x bottom left; height:27px; width:150px } label {color: #fff;} div#header{width:960px; height:160px; margin:0 auto; padding-top:20px; padding-bottom:20px;} div#branding{width: 535px; float:left; height: 105px; overflow:hidden;} div#logoPrint{position:absolute; top:0px; left:-9999px; } div#contact {width:225px; height:90px; float:right; margin-right: 12px;} div#contact img {float:right;} a.view-property{position: relative; top: -44px; left: 710px; z-index: 999;} ul#upcoming-foreclosures{list-style: disc;} .shield{float: left; margin: -11px 7px 0 0;} /*------------------------------------------------*/ /*---------------[CATEGORIES DROPDOWN]------------*/ /*------------------------------------------------*/ div#navigation{ height: 56px; position:relative; margin-top:10px; width:959px; z-index:200; clear:both; border: none; background-position: 0 0; } ul#cats-menu { margin: auto 0px; position: relative; height: 56px; text-align:center; } ul#cats-menu li {float: left; height: 56px; position:relative; } ul#cats-menu li a { z-index: 500; line-height: 56px; display:block; height: 56px; position:relative; color: #ffffff; font-size:1.2em; font-family:Geneva, Helvetica, Arial, sans-serif; text-decoration:none; text-transform:uppercase; } ul#cats-menu li .hover{background-position: 0 -56px; position: absolute; height: 56px; left:0; top:0; z-index:2; display:none;} ul#cats-menu li.home .hover {width:58px;} ul#cats-menu li.company-profile .hover {width:133px; background-position: -58px -56px;} ul#cats-menu li.property-listings .hover{width:147px; background-position: -191px -56px; } ul#cats-menu li.bank-owned .hover{width:113px; background-position: -338px -56px;} ul#cats-menu li.short-sale .hover {width:105px; background-position: -451px -56px; } ul#cats-menu li.mls-property-search .hover{width:173px; background-position: -556px -56px;} ul#cats-menu li.tools-info .hover{width:113px; background-position: -729px -56px;} ul#cats-menu li.contact-us .hover{width:115px;background-position: -842px -56px; } ul#cats-menu li.home a {width:58px;} ul#cats-menu li.company-profile a {width:133px; background-position: -58px 0px;} ul#cats-menu li.property-listings a{width:140px; background-position: -191px 0px; padding: 0 4px 0 3px; line-height: 13px; padding-top: 17px; height: 39px;} ul#cats-menu li.property-listings li a{height: 20px;} ul#cats-menu li.bank-owned a{width:103px; background-position: -338px 0px; padding: 12px 4px 6px 6px; line-height: 13px; margin-top: 5px; } ul#cats-menu li.short-sale a {width:95px; background-position: -451px 0px; padding: 12px 5px 6px 6px; line-height: 13px; margin-top: 5px; height: 33px; } ul#cats-menu li.mls-property-search a{width:123px; margin-top: 5px; line-height: 13px; padding: 12px 27px 5px 22px; background-position: -556px 0px; height: 33px;} ul#cats-menu li.tools-info a{width:113px; background-position: -729px 0px; line-height: 14px; margin-top: 4px; padding-top: 12px;} ul#cats-menu li.contact-us a{width:115px; background-position: -842px 0px;} ul#cats-menu li.bank-owned-coming-soon-listings a{width: 170px !important;} ul#cats-menu li.company-profile li a:hover, ul#cats-menu li.property-listings li a:hover, ul#cats-menu li.bank-owned li a:hover, ul#cats-menu li.short-sale li a:hover, ul#cats-menu li.mls-property-search li a:hover, ul#cats-menu li.tools-info li a:hover, ul#cats-menu li.contact-us li a:hover, ul#cats-menu li.company-profile li a, ul#cats-menu li.property-listings li a, ul#cats-menu li.bank-owned li a, ul#cats-menu li.short-sale li a, ul#cats-menu li.mls-property-search li a, ul#cats-menu li.tools-info li a, ul#cats-menu li.contact-us li a {width:150px;} ul#cats-menu li.short-sale .children { width: 240px;} ul#cats-menu li.short-sale .children li { width: 240px;} ul#cats-menu li.short-sale .children .first a{ width: 230px;} #cats-menu .tools-info li.tools-info-ocean-city-top-20-agents a, #cats-menu .tools-info li.tools-info-ocean-city-top-20-agents a:hover, #cats-menu .tools-info li.tools-info-our-team-vs-other-companies a, #cats-menu .tools-info li.tools-info-our-team-vs-other-companies a:hover { width: 205px; font-size: 1em;} /*---------------[DROPDOWN]------------*/ ul#cats-menu li li { background-image:none; margin:0; padding: 0px; width: 206px; border-bottom: 1px solid #8dcaee; } ul#cats-menu li li a { line-height:12px; text-align: left; height:auto; padding:9px 5px 9px 5px; display: block; background-image:none; height: 10px !important; } ul#cats-menu li li a:hover { background-color: #39b8f7; background-image:none;} #cats-menu ul { background:#0385c6; padding: 8px 5px 15px 5px; width: 210px; } #cats-menu ul li ul { background:#39b8f7; } #cats-menu li:hover ul, ul#cats-menu li.sfHover ul { top:54px; } .nav .page-item-336:hover ul { top: 0 !important; left: 200px !important;} #cats-menu li li { background-image: none; margin: 0px; } #cats-menu li li a:hover { border: none; background-color:#1e9ede } ul#cats-menu li li li a:hover { background-color:#1e9ede } #cats-menu li li:hover ul, ul#cats-menu li li.sfHover ul { top:0px; left: 205px; } ul#cats-menu li.property-listings a{line-height: 13px; padding-top: 17px; height: 39px;} ul#cats-menu li.property-listings ul li a{height: 18px !important;} ul#cats-menu li.tools-info-how-much-is-your-home-worth a{height: 22px !important;} .ac_results .ac_over { background: #5EB0D3;} /*------------------------------------------------ DEFAULT DROPDOWN SETTINGS] ------------------------------------------------*/ .nav ul { position:absolute; top:-999em; } .nav .page-item-336 ul { position: absolute; top: -999em !important;} .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:54px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:234px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 234px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------ Pullouts ------------------------------------------------*/ ul#pullOut{width: 960px; margin:20px auto; height:114px; position:relative;} ul#pullOut li {float: left; width:234px; height:114px; margin-right: 7px;} ul#pullOut li.last{margin-right:0px;} ul#pullOut li a{display: block; width:234px; height:114px; text-indent: -9999px; text-transform: capitalize; } #pullOut li a{ position:relative;} li.pullOut1 a{background-position: -234px -111px; } li.pullOut2 a{background-position: -468px -111px; } li.pullOut3 a{background-position: -699px -111px; } li.pullOut4 a{background-position: 0 -111px; } li a span.hover{ position: absolute; width:234px; height:114px; top:0; left:0; cursor:pointer;} li.pullOut1 span.hover{background-position: -234px -224px;} li.pullOut2 span.hover{background-position: -468px -224px; } li.pullOut3 span.hover{background-position: -699px -224px; } li.pullOut4 span.hover{background-position: 0 -224px; } /*------------------------------------------------ Banner ------------------------------------------------*/ #banner-wrap{width:954px; margin:0 auto 20px auto; padding-bottom:2px; border: 1px solid #163e5a; overflow:hidden; } #banner{font-size: 1.2em; width:930px; background-position: -444px -351px; margin: 0 auto; padding-left:20px; overflow:hidden; padding-top:2px; } #banner h1 {margin-top: 20px; margin-bottom:10px;} #banner h1 a{text-decoration:none; font-size: 28px; } #banner p{margin-right: 20px;} #banner .alignright {margin-bottom: 0px;} /*------------------------------------------------ Search Contactv FORM ------------------------------------------------*/ #searchSection{height:99px; position:relative; width:680px; background: url(images/bg_body.jpg);} #contactSection{ margin: 20px 20px; } #searchSection form { position: absolute; bottom: 0; display:block; color:#000; } #searchSection form label {color: #fff; font-size:14px; line-height: 24px; } #searchSection form select {margin-right: 8px; cursor: pointer;} #contactSection h5{margin-bottom: 20px;} #contactSection h4{border: 5px solid #fff; padding:20px; margin-bottom: 20px; color: #000;} #contactSection form input {border:1px solid #a3a3a3; background-color: white; padding: 5px; margin-bottom: 10px;} #contactSection .rowElem {width: 220px; float: left;} #contactSection .rowElem2 {width: 420px; float: left;} #contactSection form label{display: block; margin-bottom: 5px; color: #000;} #contactSection form textarea {font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; padding: 5px; border:1px solid #a3a3a3; } #contactSection input#submit-button {text-indent: -9999px; width:81px; height:32px; text-transform:capitalize; cursor: pointer; background: url(images/button_submit.png) no-repeat; border: none;} #contactSection input#submit-button:hover { background: url(images/button_submit.png) bottom left no-repeat;} #contactSection div#submit {clear: both; text-align: center; cursor: pointer; text-transform:capitalize; position: relative; margin: 10px auto; } select[name=price], select[name=city]{ width: 142px;} #videoSection{ width:510px; overflow:hidden;} #videoSection h5{margin-bottom: 20px;} #videoSection object#vimeo, #videoSection object#youtube{ display: block; margin: 10px;} /*------------------------------------------------ Paging ------------------------------------------------*/ .paging{height: 32px; background: #faf5f1; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#faf5f1), to(#e2dfda)); /* for webkit browsers */ background: -moz-linear-gradient(top, #faf5f1, #e2dfda); /* for firefox 3.6+ */ overflow:hidden; padding:0 10px; line-height:28px; width: 660px;} .paging ul{float: right; } .paging li{display: inline; padding: 0 5px; line-height:30px;} .paging li a {color: #000; text-decoration:none;} .paging a.currentPage {color:#58A9E6} #hidden_navigation { display: none;} /*------------------------------------------------ Listing details ------------------------------------------------*/ #metaSection{float:right; overflow:hidden; width: 190px;} #all-listings { width: 670px;} .full-description p, .full-description{font-style: italic; height: 58px; margin-bottom: 20px;} .listingItem, .detailItem{ background: #f2efea; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#f4efeb), to(#e6dfd9)); /* for webkit browsers */ background: -moz-linear-gradient(top, #f4efeb, #e6dfd9); /* for firefox 3.6+ */ /*#f2efea url(images/bg_listing_list.jpg) bottom left repeat-x; */ padding: 10px 5px; overflow:hidden; border-bottom:1px solid #fff;} .listingItem h2 {background-color: #0f3f67; color: #fff; font-size: 14px; height:25px; line-height: 21px; padding-left: 10px;} .listingItem h2 a, .detailItem h2 a{color:#fff; text-decoration:none;} .listingItem h2 a:hover, .detailItem h2 a:hover{text-decoration: underline; color: #58A9E6;} .listingItem img {border: 2px solid #fff; float: left; margin-right: 10px; margin-bottom: 15px;} ul.listingMeta {margin-top: 5px; overflow:hidden;} ul.listingMeta li{float: left; width:161px; margin-right: 10px; padding: 1px 0px 0 0;} ul.features{float: left; width: 200px; padding-left: 10px;} ul.features li {line-height:1.3;padding-bottom:15px;} div.listing-features{display: block; margin-bottom: 10px; overflow: hidden;} .detailItem{padding: 0 20px;} #detailTitle {background-color: #0f3f67; color: #fff; font-weight: normal; overflow:hidden;} #detailTitle h2{width: 490px; float:left; font-size: 16px; margin-bottom: 0 !important;} #post-wrap h2, #post-wrap h1 {background-color: #0f3f67; color: #fff; font-size: 16px; line-height: 27px; padding-left: 10px; font-weight: normal; margin-bottom: 10px;} #post-wrap .search-current { background: none; } #detailTitle .property-detail-title { background-color: #0f3f67; color: #fff; font-size: 16px; line-height: 27px; padding-left: 10px; font-weight: normal; margin-bottom: 10px; width: 490px; float:left; font-size: 16px; margin-bottom: 0 !important;} .detailItem #vimeo-video object {border: 2px solid #fff;} .detailItem #vimeo-video {margin: 20px 0px;} .return { float:right; margin-right: 20px; width: 120px;} .return a{ font-size:12px; float:right; text-decoration: none; color: #fff; line-height: 27px;} ul.detailMeta {margin-top: 5px; overflow:hidden; margin-left: 10px; float:right; width: 175px;} ul.detailMeta li{ padding: 3px 0px 3px 0;} ul.detailMeta li a{color: #000;} ul.detailMeta li a:hover{color: #58A9E6;} ul.gradient {background: #f2efea url(images/bg_listing_list.jpg) bottom left repeat-x; height: 20px; padding: 10px 20px; border-bottom:1px solid #fff;} ul.gradient li {width: 135px;} ul#financial li{width: 180px;} ul.gradient li#parking{margin-top: -12px;} div.listingContact{height: 35px; overflow:hidden; } div.listingContact span { font-size: 11px; height:22px; line-height:22px; margin-left:10px; margin-top: 10px; display:block; float:right;} div.listingContact a{color:#000000; text-decoration:none;} div.listingContact a:hover strong{color: #58A9E6; text-decoration: underline;} div.listingContact img{border: none; float: none; margin-right: 0;} a.moreInfoButton{ display:block; width: 89px; height:22px; background:url(images/button_moreInfo.png) top left no-repeat; text-indent: -9999px; text-transform: uppercase; } div.listingContact a.moreInfoButton:hover{background:url(images/button_moreInfo.png) bottom left no-repeat;} div.listingContact .for-this{ margin: 0; font-size: 10px; float: left; position: relative; bottom: 0px; line-height:12px; width: 250px; text-indent:50px;} div.listingContact span.extension-area{ margin-left: 0; margin-top:0px; width: 200px; text-align:right; background-position: -943px -406px;} #call-24{float: right; padding: 7px 19px 0 0; font-size: 11px; font-weight: bold;} span#phone-number{font-size: 14px;} .contact-email-icon { background-position: -942px -445px; height: 16px; padding-left: 20px; display: block;} .call-us-icon { background-position: -941px -371px; height: 16px; padding-left: 20px; display: block;} /*------------------------------------------------ photoGallery ------------------------------------------------*/ #photoGallery{width:450px; float:left;overflow:hidden; margin-top: 10px; position: relative;} #photoGallery img{border: 1px solid #fff;} /*------------------------------------------------ status ------------------------------------------------*/ #active{width:190px; height:30px; background:url(images/status_active.png) left no-repeat; text-indent: -9999px; text-transform:capitalize; float: right; margin-top: 11px;} #sold{width:190px; height:30px; background:url(images/status_sold.png) left no-repeat; text-indent: -9999px; text-transform:capitalize; float: right; margin-top: 11px;} #under-contract{width:190px; height:30px; background:url(images/status_undercontract.png) left no-repeat; text-indent: -9999px; text-transform:capitalize; float: right; margin-top: 11px;} #pending{width:190px; height:30px; background:url(images/status_pending.png) left no-repeat; text-indent: -9999px; text-transform:capitalize; float: right; margin-top: 11px;} #temp{width: 190px; height: 30px; background: url(images/status_temp.png) left no-repeat; text-indent: -9999px; text-transform: capitalize; float: right; margin-top: 11px; } #continue {width: 190px; height: 30px; background: url(images/continue.png) left no-repeat; text-indent: -9999px; text-transform: capitalize; float: right; margin-top: 11px;} ul#all-listings li {position: relative;} .under-contract{background-position: 0 -409px; width: 139px; height: 20px; position: absolute; top: 123px;} .active{background-position: 0 -449px; width: 139px; height: 20px; position: absolute; top: 123px;} .sold{ background-position: 0 -429px; width: 139px; height: 20px; position: absolute; top: 123px;} .temp{background: url(images/off_market.png) left no-repeat; width: 139px; height: 20px; position: absolute; top: 123px;} .continue{background-position: 0 -469px; width: 139px; height: 20px; position: absolute; top: 123px;} /*------------------------------------------------ detailThumbs ------------------------------------------------*/ #large-container{background: no-repeat scroll left center transparent; width: 448px; overflow: hidden; height: 336px; position: relative; } #thumb-controls { } .thumb-buts {bottom: 17px; position: absolute; display: block; height: 38px; width: 38px; text-indent: -9999px; z-index: 999;} #next-thumb { background-position: -1232px -3px; right: 0; } #prev-thumb { left: 0; background-position: -1233px -47px; } ul#detailThumbs {overflow:hidden; clear:both; width:470px; margin-top: 10px;} ul#detailThumbs li{width:75px; height:65px; float:left; margin-bottom: 10px; overflow:hidden; margin-right:5px;} /*------------------------------------------------ Content ------------------------------------------------*/ #content-container{width: 960px; position:relative; margin:0 auto 20px auto; overflow:hidden; color:#000000; font-size: 1.2em; padding-top:2px;} .post{ line-height:1.6em; color:#fff; overflow: hidden;} .post img{border:1px solid #58A9E6;} .post .alignright, .post .alignleft {margin-top: 20px; } .post .alignnone {margin-bottom: 20px; } .post h2 {font-size:1.4em; color: #5eb0d3;} .post h1, #main-content h1 { font-weight: bold; font-size: 1.8em; color: #5eb0d3;} .post h2 a {color: #5eb0d3; text-decoration:none;} .post h2 a:hover{text-decoration: underline;} .wp-post-image{ float:left; margin-right:20px; margin-bottom: 20px; margin-top:10px;} .post p {margin-top:10px; margin-bottom:15px;} div#footer-contact .alignleft{float: left; margin-right: 20px; margin-bottom:20px; clear:left; margin-top: -12px;} .alignright{float: right; margin-left: 20px; margin-bottom:20px;} #post-wrap{width:680px; float:left; background-color: #f2efea;} div#content-container div#main-content div.zillow{float: left; margin: 10px 10px;} #post-wrap .post{color:#000;} #main-content {width:640px; float:left; color: #fff; } #main-content h2 {margin-bottom: 20px;} #main-content h4 {margin: 20px 0px 0px 0px; font-size:1.4em; color: #5eb0d3; } #main-content h1 a {text-decoration:none;} #main-content h1 a:hover {text-decoration:underline;} #main-content .meta {margin-top: 5px; padding: 3px 13px; background: url(images/bg_body.jpg);} .post-wrap-general{ margin-bottom:30px; padding: 0 20px;} .profiles{} /*------------------------------------------------ sidebar ------------------------------------------------*/ #sidebar{width: 265px; float:right; color:#fff;} #sidebar h3{height: 18px; background-color:#003e67; font-weight: bold; font-size: 16px; line-height: 20px; margin-bottom:5px; padding:5px; color:#fff;} #sidebar h3 a{color: #fff; text-decoration: none; } #sidebar h3 a.large-map, #sidebar h3 .large-map-side{font-size: 12px; margin-left: 70px;} #sidebar ul, .sale-event { background-color:#002642; border:1px solid #0f3f67; padding: 20px 10px;} #sidebar .widget{margin-bottom: 20px;} #sidebar img{border:1px solid #58A9E6;} #sidebar li{border-bottom: 1px solid #3b5667; margin-bottom:15px; padding-bottom:3px;} #sidebar a{text-decoration:none;} .play{position:absolute; top:150px; left:125px; cursor:pointer; } #video{position:relative;} #newsletter { width: 263px; height: 98px; background-position: -958px 0; display: block;} #watch-videos { width: 263px; height: 98px; background-position: -933px -112px; display: block;} #google-map{width: 264px; height: 304px;} #google-map-large{width: 600px; height: 600px; position: absolute; top: -2000px;} #view-but { background-position: -366px -351px; width: 36px; height: 19px; display: block;} /*------------------------------------------------ footer ------------------------------------------------*/ #footer-container{width: 960px; height:40px;position:relative; margin:50px auto 20px auto; background-color: #0f3f67; clear:both;} ul#footer-nav{ height:14px; padding: 8px 0px 8px 20px; margin-bottom:10px; width: 770px; float:left; text-align: center;} ul#footer-nav li {float: left; height:15px; margin-top: 5px; border-right: 1px solid #d5f3fb; } ul#footer-nav li a {line-height: 18px; margin-top: -2px; padding: 0px 10px; text-transform:uppercase; text-decoration: none; display:block; color:#def1fa; } ul#footer-nav li.tools-info{width: 95px;} ul#footer-nav li.property-listings, ul#footer-nav li.mls-property-search{width: 130px; } ul#footer-nav li.bank-owned, ul#footer-nav li.short-sale{width: 95px; } ul#footer-nav li.contact-us {background: none; width:90px;} ul#footer-nav li.property-listings a, ul#footer-nav li.bank-owned a , ul#footer-nav li.short-sale a, ul#footer-nav li.mls-property-search a, ul#footer-nav li.tools-info a{line-height: 11px;} ul.footer-nav li a:hover{color: #58A9E6;} ul.social{ width:120px; float:right; height:30px; margin-top:13px; } #header .social li:first-child { background: none;} ul.social li{text-indent: -9999px; height:16px; width:16px; margin-left: 5px; float:left;} ul.social li a {text-indent: -9999px; height:16px; width:16px; text-transform:capitalize; display:block;} ul.social li.facebook{background-position: 0 -570px; } ul.social li.twitter{background-position: -20px -570px;} ul.social li.vimeo{background-position: -40px -570px;} ul.social li.youtube{background:url(images/youtube.png) no-repeat;} ul.social li.rss{background-position: -82px -570px;} div#header ul.social{ margin-top: 8px; width: 140px; float: left; margin-left: -5px;} ul.social li.follow-us{width: 48px; text-indent: 0;} img#call-us{margin-top: -10px;} #footer-contact{width:960px; height:40px; margin:0 auto; color:#fff; padding-bottom:20px; text-align: center;} #footer-info {width: 808px;} /*------------------------------------------------ slideshow ------------------------------------------------*/ .slideshow-caption-container a{color: white; text-decoration: none;} ul.slideshow { margin:0 auto; list-style:none; width:954px;height:400px; /* overflow:hidden; */ position:relative; padding:0; border:3px solid #58A9E6;} ul.slideshow li {position:absolute; left:0; right:0;} ul.slideshow li.show {z-index:100; } ul img {border:none;} #slideshow-caption {width:954px;height:70px; position:absolute; bottom:0; left:0; color:#fff; background: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background: rgba(0, 0, 0, 0.7); z-index:100; } #slideshow-caption .slideshow-caption-container { padding:15px 10px; z-index:500; } #slideshow-caption h3 { margin:0; padding:0; font-size:18px; } #slideshow-caption p { margin:5px 0 0 0; padding:0; font-size:14px; } /*------------------------------------------------ vimeo ------------------------------------------------*/ #thumbs { overflow: hidden; float:left; margin-top:10px;} #thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; } #thumbs ul li { float:left; margin-right: 20px; width: 100px;} #thumbs p{text-align: center;} .thumb { border: 0; float: left; width: 100px; height: 75px; background: url(http://bitcast.vimeo.com/vimeo/thumbnails/defaults/default.75x100.jpg); margin-right: 10px; } #embed { background-color: #E7E7DE; height: 350px; width: 600px; float: left; padding: 10px; } #portrait { float: left; margin-right: 5px; max-width: 100px; } #stats { clear: both; margin-bottom: 20px; } /*------------------------------------------------ Form ------------------------------------------------*/ #main-content ul.form-inputs li {margin-bottom:15px; } #main-content div.field {text-align: left;} #main-content div.field input, .sale-event input {height: 20px; margin-bottom:0px;} #main-content div.field input, #main-content div.field textarea, .sale-event input {width: 248px; background-color: #fff; border: 1px solid #000; padding: 2px; } #main-content div.field select{text-align: left; width: 100px;} #main-content div#submit, .sale-event #submit {width:109px; cursor: pointer; display:inline; } /*#main-content input#submit-button {text-indent: -9999px; background:url(images/button_submit2.png) top left no-repeat; width:109px; height:31px; text-transform:capitalize; cursor: pointer; border:none; } #main-content input#submit-button:hover {background: url(images/button_submit2.png) no-repeat bottom left; text-indent: -9999px;}*/ #main-content ul.form-inputs input[type="submit"] {border:none;} #main-content ul.form-inputs label, .sale-event label {display: block; float:left; width:100px; font-weight:bold; font-size:12px; line-height:22px; cursor: pointer; color:#FFFFFF;} #main-content .col1{float:left; width: 300px;} #main-content .col2{float:left; width: 300px;} #main-content #testimonial div.field textarea{width: 500px;} #main-content #testimonial div#submit {width: 500px;} #main-content #testimonial ul.form-inputs input[type="submit"] {border:1px solid #58A9E6;} .error {color: red;} /*------------------------------------------------ miscellany ------------------------------------------------*/ .box{width:608px; margin:20px auto 20px auto; padding:0 10px 10px 20px; border: 1px solid #163e5a; overflow:hidden; background:url(images/bg_banner.png) bottom repeat-x; } #main-content .box h5, #main-content .box h2 {line-height: 30px; margin-bottom: 10px; color: #fff; font-weight: normal;} ul.form-inputs{width: 310px;} /*------------------------------------------------ sharethis ------------------------------------------------*/ a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;} a.stbar.chicklet {height:16px;line-height:16px;} /**** Autocomplete ***/ #house-style { float: left; margin-top: 6px; background: #0f3f67; padding: 5px 0 0 8px; height: 24px} #house-style input { margin-top: 5px; margin-right: 5px;} #house-style label {margin-right: 15px; } input[name=search-list]{-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background: white; font-size:15px; height:21px; margin:6px 0 0 0; float: right; padding-left:10px; width:378px; color: #8e8e8e;} .ac_results li{color: black;} .hidden_complete{visibility: hidden; display: none;} /**** Narrow Results ****/ span.select{background-position: 0 -350px; width: 125px; height: 18px; overflow: hidden; position: absolute; padding: 10px 0 0 7px; color: #333333; font-weight: bold; font-size: 11px; padding-right: 10px; } #selectbedrooms, #selectbathrooms{ background-position: -143px -350px; width: 109px;} #selectcity{ background-position: -143px -408px; width: 122px;} select[name="bedrooms"], select[name="bathrooms"], select[name="city"]{ width: 122px;} .change-range{ width: 200px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; height: 28px; color: #333333; font-weight: bold; font-size: 11px;} #narrow_address{ background-position: -143px -437px; height: 28px; width: 124px; color: #333333; font-weight: bold; font-size: 10px; cursor: pointer;} .select_value{float: right; } .styled{height: 28px;} #narrow_by_address{display: none; height: 40px;} .pagination { font-size: 80%; } .pagination a { text-decoration: none; border: solid 1px #AAE; color: #15B; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; color: #000; text-decoration:none;} } .pagination .current { background: #26B; border: solid 1px #AAE; color:#58A9E6; } li#page_navigation a.active_page, li#page_navigation2 a.active_page{color:#58A9E6;} .pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -122px; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_odd { background-color: #eee; } .ac_over { background-color: #5EB0D3; color: white; } /******************** Sprites ********************/ #prev-thumb, #next-thumb, .continue, div.listingContact span.extension-area, .call-us-icon, .sold, .under-contract, .active, .contact-email-icon, #view-but, #narrow_address, #selectcity,#selectbedrooms, #selectbathrooms, span.select, ul#cats-menu li .hover, #sign-up-letter, #banner, #watch-videos, #newsletter, .social li, #navigation, #pullOut li a, #pullOut li span.hover { background-image: url(images/sprite.png); background-repeat: no-repeat;} /*-------------------------- Sale Event --------------------------*/ .sale-event-wrap { display: none; z-index: 9999; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; opacity: .75;} .sale-holder { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; display: none;} .sale-event { display: none; width: 425px; padding-left: 25px; margin: 25px auto 0; z-index: 9999; opacity: 1;} .sale-event li { margin-bottom: 15px;} .sale-event label { width: 120px;} .sale-event .sale-checkbox { width: 430px;} .sale-event .radio { width: 15px; height: 25px; margin-right: 20px;} .sale-event .check-label {float: none; display: inline;} .sale-event #submit #submit-button { width: 150px; height: 27px;} .sale-event .field { clear: both; } .sale-event .form-inputs { width: 425px;} .sale-event .radios {margin-left: 295px;} .sale-error { border: 1px solid red !important;}