body { margin: 0px; padding: 0px; background-color: #000000; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #616262; } #header { background-image: url('/template/headerbg.gif'); background-repeat: repeat-x; height: 121px; } #content { clear: left; background-color: #c9c9c9; } #header_container { width: 1002px; margin: 0px auto; } #header_content { height: 89px; background-color: #002349; } #header_logo { width: 263px;float: left; } #header_banner { width: 738px; float: left; } #content_container { width: 1010px; margin: 0px auto; } #content_header { height: 23px; display: block; background-image: url('/template/content_header.gif'); background-repeat: no-repeat; margin-left: 4px; } #content_content { background-image: url('/template/contentbg.gif'); background-repeat: repeat-y; padding-top: 2px; } #content_footer { height: 27px; display: block; background-image: url('/template/content_footer.gif'); background-repeat: no-repeat; margin-left: 4px; } #content { line-height: 20px; } #content .colcontainer { width: 678px; float: left; padding-top: 10px; } #content .fullcol { width: 655px; float: left; } #content .leftcol { width: 395px; float: left; } #content .rightcol { margin-left: 50px; float: left; width: 233px; padding-top: 10px; background-image: url('/template/contactbox.gif'); background-repeat: no-repeat; padding-top: 78px; } #contactbox { width: 233px; margin-bottom: 2px; } #featuredbox { width: 233px; height: 233px; background-image: url('/template/featuredbox.gif'); background-repeat: no-repeat; background-position: 0px 0px; margin-bottom: 2px; } #featuredbox a { display: block; height: 233px; width: 233px; } #featuredbox:hover { background-position: 0px -233px; } #featuredbox img { margin-top: 5px; margin-left: 5px; } #content .rightcol .subnav { } #content .rightcol .subnav ul { margin-top: 0px; margin-bottom: 0px; padding-bottom: 15px; margin: 0px; list-style-image: url('/template/bullet_blue.gif'); } #content .rightcol .subnav ul ul{ margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } #content .rightcol .subnav li { margin-top: 0px; margin-bottom: 0px; list-style-type: square; } #content .rightcolbox { background-color: #efefef; background-image: url('/template/rightcolbox_bg.gif'); background-repeat: repeat-y; } #content .rightcolbox_top { height: 10px; background-image: url('/template/rightcolbox_top.gif'); background-repeat: no-repeat; } #content .rightcolbox_bottom { height: 10px; background-image: url('/template/rightcolbox_bottom.gif'); background-repeat: no-repeat; } #content .rightcolbox_heading { padding-left: 5px; margin-top: -5px; } #content .rightcolbox_content { padding: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; } #content .rightcolbox, #content .rightcolbox a { } #content .rightcolbox a.selected { color: #002349; } #slideshow { z-index: 10; overflow: hidden; height: 310px; clear: left; } #slideshow .slide { display: none; position: absolute; } #slideshow .slide a { width: 395px; height: 295px; display: block; } #slideshow .slide img { padding-bottom: 1px; } #slideshow .info { color: #fff; text-transform: uppercase; line-height: normal; } form { margin: 0px; padding: 0px; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #616262; } img { border: 0px; } p { margin: 0px; padding: 0px; margin-bottom: 15px; } strong { color: #002349; font-weight: normal; } h1 { font-size: 20px; color: #002349; margin: 0px; padding: 0px; margin-bottom: 5px; line-height: normal; } h2, #container .h2 { margin: 0px; padding: 0px; margin-bottom: 2px; font-size: 14px; font-weight: bold; color: #002349; } h3 { margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #002349; } h5 { color: #002349; letter-spacing: 1px; font-size: 18px; margin: 0px; padding: 0px; line-height: normal; margin-bottom: 10px; } ul { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; padding-bottom: 0px; } li { margin-top: 0px; margin-bottom: 10px; } a { color: #9a9005; text-decoration: none; outline: none; } a:hover { color: #002349; } a.selected { color: #002349; } #btn_submit { width: 127px; height: 19px; display: block; background-image: url('/template/button_submit.gif'); background-repeat: no-repeat; background-position: 0px 0px; } #btn_submit:hover { background-position: 0px -19px; cursor: pointer; } #footer { background-image: url('/template/footerbg.gif'); background-repeat: repeat-x; height: 195px; } #footer_container { width: 1002px; height: 170px; margin: 0px auto; background-image: url('/template/footerbanner.jpg'); background-repeat: no-repeat; } a#signup { display: block; margin-top: 3px; width: 233px; height: 65px; background: url('/template/signup.gif'); text-indent: -9999px; } a#condoguide { display: block; margin-top: 3px; width: 233px; height: 65px; background: url('/template/condo-guide.gif'); text-indent: -9999px; } a#list { display: block; margin-top: 3px; width: 233px; height: 43px; background: url('/template/list.gif'); text-indent: -9999px; } a#list:hover { background-position: 0 -43px; } a#newsletter { display: block; margin-top: 3px; width: 233px; height: 43px; background: url('/template/newsletter.gif'); text-indent: -9999px; } a#newsletter:hover { background-position: 0 -43px; } a#login { display: block; margin-top: 3px; width: 233px; height: 43px; background: url('/template/login.gif'); text-indent: -9999px; } a#login:hover { background-position: 0 -43px; } /* Developments */ #developments #photos { width: 204px; float: right; margin-left: 10px; } #developments #photos img { padding: 1px; border: 1px solid #aaaaaa; margin-bottom: 4px; } #developments #photos a:hover img { border: 1px solid #333333; } /* Properties */ #content .listing_details ul { margin-bottom: 0px; padding-bottom: 0px; } #content .listing_details li { margin: 0px; padding: 0px; line-height: normal; margin-left: 15px; margin-bottom: 2px; } #content .property_feature_heading { color: #002349; font-weight: bold; padding-left: 10px; border-bottom: 1px solid #cccccc; } #content .property_feature_label { text-align: right; padding-right: 12px; font-size: 11px; color: #002349; font-weight: bold; vertical-align: top; } #content .property_feature_value { font-size: 11px; vertical-align: top; } #content .property_feature_divider { } #content .property_thumbnail { width: 160px; height: 112px; background-image: url('/template/thumbnailbg.gif'); background-repeat: no-repeat; } #content .property_thumbnail img { padding-left: 5px; padding-top: 6px; } #content .property_smthumbnail { width: 80px; height: 82px; background-image: url('/template/smthumbnailbg.gif'); background-repeat: no-repeat; float: left; } #content .property_smthumbnail img { padding-left: 5px; padding-top: 6px; } #content .property_detail { width: 320px; height: 214px; background-image: url('/template/detailbg.gif'); background-repeat: no-repeat; } #content .property_detail img { padding-left: 5px; padding-top: 6px; } #content .property_lgfeature { width: 395px; height: 295px; background-image: url('/template/lgfeaturebg.gif'); background-repeat: no-repeat; } #content .property_lgfeature img { padding-left: 5px; padding-top: 6px; } #content .property_lgfeature:hover { background-position: 0px -295px; } /* Main Navigation */ #mainnav { display: inline; margin-top: 1px; float: left; } #mainnav a { float: left; display: block; height: 30px; background-image: url('/template/mainnav.gif'); background-repeat: no-repeat; } #mainnav2 { display: inline; margin-right: 0px; margin-top: 1px; width: 81px; float: right; margin-right: 10px; } #mainnav2 a { float: left; display: block; height: 30px; background-image: url('/template/mainnav2.gif'); background-repeat: no-repeat; } #nav_home { background-position: -830px 0px; width: 57px; } #nav_home:hover, #nav_home.selected { background-position: -830px -30px; } #nav_findproperty { background-position: 0px 0px; width: 112px; } #nav_findproperty:hover, #nav_findproperty.selected { background-position: 0px -30px; } #nav_sold { background-position: -112px 0px; width: 108px; } #nav_sold:hover, #nav_sold.selected { background-position: -112px -30px; } #nav_selling { background-position: -976px 0px; width: 60px; } #nav_selling:hover, #nav_selling.selected { background-position: -976px -30px; } #nav_associates { background-position: -368px 0px; width: 79px; } #nav_associates:hover, #nav_associates.selected { background-position: -368px -30px; } #nav_services { background-position: -447px 0px; width: 65px; } #nav_services:hover, #nav_services.selected { background-position: -447px -30px; } #nav_affiliations { background-position: -1034px 0px; width: 84px; } #nav_affiliations:hover, #nav_affiliations.selected { background-position: -1034px -30px; } #nav_websites { background-position: -512px 0px; width: 106px; } #nav_websites:hover, #nav_websites.selected { background-position: -512px -30px; } #nav_contactus { background-position: -887px 0px; width: 88px; } #nav_contactus:hover, #nav_contactus.selected { background-position: -887px -30px; } #nav_emailus { background-position: 0px 0px; width: 81px; } #nav_emailus:hover, #nav_emailus.selected { background-position: 0px -30px; } /* Category Navigation */ #categorynav { clear: left; margin-top: 0px; margin-left: 0px; width: 258px; float: left; margin-right: 40px; } #categorynav a { float: left; display: block; height: 113px; background-repeat: no-repeat; background-position: 0px 0px; width: 258px; margin-bottom: 3px; } #categorynav a:hover, #categorynav a.selected { background-position: 0px -113px; } #catnav_homes { background-image: url('/template/cat-homes.jpg'); } #catnav_condos { background-image: url('/template/cat-condos.jpg'); } #catnav_land { background-image: url('/template/cat-land.jpg'); } #catnav_developments { background-image: url('/template/cat-developments.jpg'); } #catnav_areainfo { background-image: url('/template/cat-areainfo.jpg'); } #catnav_communities { background-image: url('/template/cat-communities.jpg'); } #catnav_waterfront { background-image: url('/template/cat-waterfront.jpg'); } /* Footer Navigation */ #footernav { clear: left; margin-top: 20px; margin-left: 205px; width: 479px; float: left; } #footernav2 { clear: left; margin-top: 1px; margin-left: 205px; width: 479px; float: left; } #footernav3 { clear: left; margin-top: 91px; margin-left: 231px; width: 163px; float: left; } #footernav a, #footernav2 a, #footernav3 a { float: left; display: block; height: 16px; background-image: url('/template/footernav.gif'); background-repeat: no-repeat; } #footnav_findproperty { background-position: 0px 0px; width: 95px; } #footnav_findproperty:hover, #footnav_findproperty.selected { background-position: 0px -16px; } #footnav_sold { background-position: -95px 0px; width: 96px; } #footnav_sold:hover, #footnav_soldy.selected { background-position: -95px -16px; } #footnav_associates { background-position: -191px 0px; width: 68px; } #footnav_associates:hover, #footnav_associates.selected { background-position: -191px -16px; } #footnav_services { background-position: -259px 0px; width: 56px; } #footnav_services:hover, #footnav_services.selected { background-position: -259px -16px; } #footnav_websites { background-position: -315px 0px; width: 92px; } #footnav_websites:hover, #footnav_websites.selected { background-position: -315px -16px; } #footnav_websites { background-position: -315px 0px; width: 92px; } #footnav_websites:hover, #footnav_websites.selected { background-position: -315px -16px; } #footnav_contactus { background-position: -407px 0px; width: 71px; } #footnav_contactus:hover, #footnav_contactus.selected { background-position: -407px -16px; } #footnav_homes { background-position: -483px 0px; width: 48px; } #footnav_homes:hover, #footnav_homes.selected { background-position: -483px -16px; } #footnav_condos { background-position: -531px 0px; width: 93px; } #footnav_condos:hover, #footnav_condos.selected { background-position: -531px -16px; } #footnav_land { background-position: -624px 0px; width: 37px; } #footnav_land:hover, #footnav_land.selected { background-position: -624px -16px; } #footnav_developments { background-position: -661px 0px; width: 89px; } #footnav_developments:hover, #footnav_developments.selected { background-position: -661px -16px; } #footnav_communities { background-position: -750px 0px; width: 82px; } #footnav_communities:hover, #footnav_communities.selected { background-position: -750px -16px; } #footnav_news { background-position: -832px 0px; width: 78px; } #footnav_news:hover, #footnav_news.selected { background-position: -832px -16px; } /* Clear fix! */ #container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container .clearfix { display: inline-block; } * html .clearfix { height: 1%; } #container .clearfix { display: block; } /* Community maps */ div#map { } ul#mapcats { list-style: none; margin: 0; padding: 0; } ul#mapcats li { font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 0 15px; } ul.mapitems { list-style: none; margin: 0; padding: 0; } ul.mapitems li { margin: 0; padding: 0; font-size: 11px; line-height: 14px; font-weight: normal; } li#cat-rainbow { background: url('/template/markers/rainbow.png') no-repeat left center; } li#cat-buildings { background: url('/template/markers/white.png') no-repeat left center; } li#cat-dining { background: url('/template/markers/orange.png') no-repeat left center; } li#cat-shopping { background: url('/template/markers/red.png') no-repeat left center; } li#cat-personal { background: url('/template/markers/purple.png') no-repeat left center; } li#cat-nightlife { background: url('/template/markers/black.png') no-repeat left center; } li#cat-public { background: url('/template/markers/blue.png') no-repeat left center; } li#cat-banking { background: url('/template/markers/green.png') no-repeat left center; } li#cat-furnishings { background: url('/template/markers/yellow.png') no-repeat left center; } .map_link { background: url('/template/map.png') no-repeat left; padding: 2px 0 1px 20px; } div#map-buttons {display: block; float: left; width: 400px; height: 50px; } a#map-enlarge { display: block; width: 200px; height: 50px; float: left; background: url('/template/map-enlarge.gif'); text-indent: -9999px; } a#map-centre { display: block;width: 200px; height: 50px; float: left; background: url('/template/map-centre.gif'); text-indent: -9999px; } a#map-reset { display: block;width: 200px; height: 50px; float: left; background: url('/template/map-reset.gif'); text-indent: -9999px; }