/*
===============================================================================
##### Layout Styles
===============================================================================
*/

body {
    margin: 0;
    padding: 0;
}

#bd { 
    width: 920px;
    margin: 0 auto;
}

#hd {
    position: relative;
    height: 125px;
    margin: 0 0 25px 0;
    background: #FFF url(/img/layout-white/head-bg.gif) repeat-x scroll bottom;
}

#hd h1 { margin: 0 0 0 25px; }

#hd h1 a {
    display: block;
    width: 290px;
    height: 125px;
    background-image: url(/img/layout-white/logo.gif);
    text-indent: -999em;
    overflow: hidden;
}

#hd #banner {
    position: absolute;
    top: 0;
    right: 0;
    height: 111px;
    width: 550px;
    background: url(/img/layout-white/banner.jpg) no-repeat scroll right;
}

#hd #banner p { 
    margin: 0;
    font-weight: bold;
}

#hd #banner #contact { 
    margin-top: 10px;
    color: #357CBA;
}

/* ==================================================================== */

#nv {
    /*position: absolute;
    left: 20px;
    top: 150px;
    width: 200px;*/
    width: 25%;
    background-color: #FFF;
    font-weight: bold;
    float: left;
}

#nv ul {
    margin: 0;
    padding: 0 0 0 25px;
    list-style: none;
}

#nv li {
    margin: 5px 0;
}

#nv ul a {
    display: block;
    width: 100%;
    padding: 2px 0 2px 10px;
    background: #FFF url(/img/layout-white/bullet.gif) no-repeat scroll 0 50%;
}

#nl {
    text-align: center; 
    padding: 5px 0;
}

#wb {
    text-align: center; 
    padding: 3px 0;
}
#nl img {
    border: 0;
}

/* ==================================================================== */

#main { 
/*    margin: 0 25px 0 250px; */
    margin: 0 0 5em 0;
    width: 70%;
    float: left;
}

#subnavigation {
    margin: .5em 0;
    padding: 0;
    list-style: none;
}
#subnavigation li { 
    display: inline; 
    margin: 0 .25em;
}

/* ==================================================================== */

#ft {
    clear: both;
    height: 100px;
    background-color: #123064;
    color: #FFF;
    margin-top: 3em;
}

#ft #signature-palmcoast {
    float: left;
    height: 100px;
    padding-left: 210px;
    background: #123064 url(/img/layout-white/signature-palmcoast.jpg) no-repeat scroll 0 0;
    text-align: left;
}

#ft #signature-flagler {
    float: right;
    height: 100px;
    padding-right: 210px;
    background: #123064 url(/img/layout-white/signature-flagler.jpg) no-repeat scroll 100% 0;
    text-align: right;
}

#disclaimer {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    color: #FFF;
    background-color: #123064;
}
#disclaimer a {
    color: #FFF;
}

/* 
==========================================================================
##### Typography
==========================================================================
*/

body {
    font-family: "lucida grande",helvetica,arial,sans-serif;
    font-size: small;
}

a { color: #4B6A8F; }
a:hover { color: #214574; }

h1, h2, h3, h4, h5, h6 { 
    font-weight: normal;
    color: #E69136;
}
h2 { 
    border-bottom: 1px solid #3C7ABB; 
    clear: both;
}
h3, h3 a { color: #0A4689 }

.big { font-size: 175%; }

div#flashMessage {
    font-weight: bold;
    font-size: 150%;
    text-align: center;
}

.error_message { color: #AB3937; }

/* 
==========================================================================
##### Tables
==========================================================================
*/

table { width: 100%; }

th { 
    background-color: #11457a; 
    color: #FFF;
    padding: .2em;
}

td { padding: .2em; }

tr.altRow { background-color: #E9F1F7; }

/*
==========================================================================
##### Shared Classes & Misc. Formatting
==========================================================================
*/

.rowLight { background-color: transparent; }
.rowDark { background-color: #E2E5F5;}

.w25 { width: 25%; }
.w33 { width: 33%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w100 { width: 100%; }

.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

.block { display: block; }
.inline { display: inline; }
.none { display: none; }

.rowLight { background: transparent; }
.rowDark { background-color: #F5F5F5; }

div#flashMessage {
    border: 1px solid #3B78BA;
    background-color: #E7EEF7;
}



form div.optional,
form div.required { margin: 0 0 1em 0; }

form label { display: block; }

form div ,
form div  {margin-top: 1em;}
form div.required label { font-weight: bold; }

input, textarea { 
    font-family: Arial, Helvetica;  
    font-size: 100%;
}

form div.form-controls {
    clear: both;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #3B78BA;
    text-align: right;
}

/*
==========================================================================
##### Home Page Styles
==========================================================================
*/

#home h3 {
    margin: 0;
    background: #FFF url(/img/layout-white/dots.gif) repeat-x scroll 0 100%;
    color: #EB9E4B;
}

/* ==================================================================== */

#home #lifestyle {
    clear: both;
}
#home #lifestyle #teaser {
    width: 320px;
    height: 240px;
    border: 1px solid #123065;
    margin: 1em auto;
}
#home #lifestyle #crunchy {
	width: 325px;
    background-color: #F6CF43;
	font-weight: bold;
	font-size: 110%;
    text-align: center;
    color: #123065;
}
#home #lifestyle #crunchy a {
    display: block;
    padding: 5px;
}

/* ==================================================================== */

#home #featured-listing {
    width: 100%;
}

#home #featured-listing .image {
    line-height: 0;
    width: 100px;
    padding: 5px;
    border: 1px solid #4E77B3;
    text-align: center;
    float: left;
}
#home #featured-listing .image img {
    width: 100px;
    margin: 0;
    padding: 0;
    border: 0;
}

#home #featured-listing table {
    width: 55%;
}

/* ==================================================================== */

#home #quick-search {
    clear: left;
}

#home #quick-search .form-controls {
    clear: both;
    margin-top: 1em;
}

#home #quick-search #category { margin-bottom: 1em; }

/* ==================================================================== */

#home #top5-lists {
    clear: both;
    margin: 1em 0;
}

#home #top5-lists h3 {
    background-color: #EA9836;
    padding: 5px;
    color: #FFF;
}

#home #top5-lists div {
    width: 30%;
    float: left;
}

#home #top5-lists ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #FCFDCA;
}

#home #top5-lists li {
    margin: 0 0 5px 0;
    padding-left: 5px;
}

#home #top5-lists #multifamily,
#home #top5-lists #sites {
    margin-left: 2%;
}

#home #top5-lists li.view-all {
    text-align: right;
}

/* ==================================================================== */


body #home #poptart {
    width: 45%;
    float: left;
}

body #home #lifestyle {
    width: 45%;
    clear: left;
    float: right;
}

/*
==========================================================================
##### About Page Styles
==========================================================================
*/

#photos {
    clear: both;
    margin: 1em 0;
    padding: 1em 0;
    border-top: 1px solid #E69136;
    border-bottom: 1px solid #E69136;
    text-align: center;
}
#photos a img {
    border: 1px solid #E69136;
}

/*
==========================================================================
##### Listing Page Styles
==========================================================================
*/

#listing-search {
    width: 30%;
    float: left;
}
#listing-results {
    width: 66%;
    float: right;
}
#listing-search h3,
#listing-results h3 { margin: 0; }

#pages,
#pages div {
    text-align: center;
    font-size: 120%;
    border-bottom: 1px solid #DBD8F6;
}
#pages a {
    text-decoration: none;
}
#pages #current {
    font-size: 125%;
    background-color: #C0C8DF;
}

div.listing {
    width: 50%;
    _width: 48%;
    float: left;
    margin: 5px 0 15px 0;
}
div.listing h3 {
    margin: 0;
    padding: 2px;
    clear: both;
}
div.listing div.image {
    width: 160px;
/*    height: 160px;*/
    line-height: 160px;
    margin: 0 auto;
    padding-bottom: 1em;
    text-align: center;
    vertical-align: middle;
}
div.listing div.image img {
    padding: 5px;
    border: 1px solid #3C79BA;
    vertical-align: middle;
}
div.listing div.meta {
    clear: both;
    text-align: center;
}
div.listing div.meta address {
    font-style: normal;
}
table.listing-specs {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}

table.listing-specs th,
table.listing-specs td { width: 33%; }

table.listing-specs th { background-color: #11457A; }
table.listing-specs td { text-align: center; }

div.listing .price {
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    clear: left;
}
div.listing p.details {
    clear: left;
    margin: 0;
    width: 99%;
}

#listing #subnavigation { text-align: left; }
#listing #subnavigation li { margin: 0 1em 0 0; }

#listing #description {
    width: 300px;
    float: left;
}
#listing #map {
    border: 1px solid #4E77B3;
    width: 100%;
    height: 300px;
}

#listing #main-image { 
    border: 1px solid #4E77B3;
    margin-bottom: .25em;
}

#listing #details {
    width: 310px;
    float: right;
    margin: 0 0 1em 1em;
    
    text-align: center;
}

#listing #thumbnails {
	margin: 0 0 1em 0;
	padding: 0;
}

#listing #thumbnails img {
	border: 1px solid #4D76B2;
}

#listing #details table { clear: both; }

#listing th {
    width: 20%;
    text-align: right;
    padding-right: 5px;
    background-color: transparent;
    color: #4E77B3;
}


/*
==========================================================================
##### Builder Page Styles
==========================================================================
*/

div.builder {
    float: left;
    width: 33%;
    margin-bottom: 15px;
    text-align: center;
}

div.builder img { 
    border: 0;
	width: 150px;
}

div.builders div.clear div.clear {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	zoom: 1;
}
div.builders div.clear div.clear:after {
	display: block;
	content: "";
	clear: both;
}

/* ==================================================================== */

#builder #showstopper img,
#builder #description img,
#builder #spotlight img {
    border: 1px solid #3C7ABB;
}

#builder #spotlight img {
    margin: 0 0 1em 0;
}

#builder #subnavigation {
    border-top: 1px solid #3C7ABB;
}

#builder #showstopper {
    padding: 5px 0;
    text-align: center;
}
#builder #description {
    width: 68%;
    float: left;
}
#builder #spotlight {
    width: 29%;
    float: right;
}

/*
==========================================================================
##### Agent Page Styles
==========================================================================
*/

div.agent {
    clear: both;
    margin-top: 10px;
}
div.agent div.image {
    width: 160px;
    float: left;
    margin: 0 5px 5px 0;
    text-align: center;
    border: 1px solid #3C79BA;
}

div.agent div.image img { 
    padding: 5px;
}

div.agent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.agent h3 { margin: 0; }

div.agent p.more { text-align: right; }

#agent #image {
    float: left;
    width: 25%;
    max-width: 200px;
    margin: 0 5px 5px 0;
    border: 1px solid #3C79BA;
}

#agent dt { font-weight: bold; }
#agent dd { margin: 0 0 1em 0; }

/*
==========================================================================
##### Floorplan (AKA: New Construction) Styles
==========================================================================
*/

#floorplan-search {
    width: 30%;
    float: left;
}
#floorplan-results {
    width: 66%;
    float: right;
}

/* ==================================================================== */

#floorplan-elevation #wrap {
    background: #FFF url(/img/layout-white/elevation-gradient.jpg) repeat-x scroll bottom;
    border-bottom: 5px solid #4D7AAB;
    
    height: 450px;
    position: relative;
}

#floorplan-elevation #image {
    width: 75%;
    margin: 0 auto;
    background-color: #FFF;
    text-align: center;
}

#floorplan-elevation #name {
    /*width: 45%;
    float: left;*/
    
   
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: #FFF;
    
     width: 210px;
     height:105px;
     position: absolute;
     bottom: 10px;
     left: 10px;
     
     vertical-align: bottom;
}

#floorplan-elevation #builder {
    /*width: 45%;
    float: right;*/
    
    text-align: center;
    
    width: 210px;
    height: 105px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#floorplan-elevation #builder img { border: 0; }

/* ==================================================================== */

#floorplan-details img { border: 0; }

#floorplan-details #features {
    width: 85%;
    margin: 1em auto;
    padding: 5px;
    border-top: 1px solid #1B4166;
    border-bottom: 1px solid #1B4166;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
#floorplan-details td strong {
    font-size: 120%;
    color: #FFF;
}
#floorplan-details #bullets,
#floorplan-details #description { 
    text-align: left; 
    font-size: 120%;
}

/*
==========================================================================
##### Community Styles
==========================================================================
*/

ul#communities {
    padding: 0;
    list-style: none;
    width: 300px;
    float: left;
}

ul#communities li {
    font-size: 120%;
    font-weight: bold;
}

ul#communities li a {
    display: block;
    padding: .5em;
    _padding: 0;
}

#community-loop {
    width: 320px;
    height: 240px;
    float: right;
    border: 1px solid #4C7AB3;
}

#community #showstopper img,
#community #description img,
#community #spotlight img {
    border: 1px solid #3C7ABB;
}

#community #spotlight img {
    margin: 0 0 1em 0;
}

#community #showstopper {
    padding: 5px 0;
    text-align: center;
}
#community #description {
    width: 68%;
    float: left;
}
#community #spotlight {
    width: 29%;
    float: right;
}

#community ul.listings {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
==========================================================================
##### Other Styles
==========================================================================
*/

ul#buyer-articles,
ul#seller-articles {
    font-size: 120%;
    font-weight: bold;
    margin: .25em 0;
}

ul#buyer-articles li,
ul#seller-articles li {
    margin: .5em 0;
}

ul#imageHolder {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.map { border: 1px solid #648CC5; }