@charset "utf-8";

h2#location {
        margin-top: 0;
}

/**********************************************************************************************************************************************
STRUCTURE
**********************************************************************************************************************************************/

#column_wrapper {
        margin-top: 220px !important;
}

#gradient {
        top: 220px !important;
}

#landing_featured #media,
#landing_featured #gallery {
        width: 400px;
        height: 326px;
        float: left;
}

#landing_featured #other_communities {
        width: 400px;
        float: left;
}

#landing_featured .sidebar {
        width: 134px; /* 164 is max width w/o margin or padding */
        height: 305px;
        border: 1px solid #CCC;
        float: right;
        margin: 0 5px;
        padding: 10px;
        position: relative;
}

#landing_featured .sidebar .magazine_image {
        position: relative;
        top: -25px;
        left: 15px;
}

#coastal_landing {
        position: absolute;
        bottom: 0;
        left: auto;
        background: url(/assets/images/beach-blue-background.jpg) no-repeat bottom center;
}

#right_micro_column {
        width: 220px;
        margin: 0 auto;
        padding: 15px 45px 15px 20px;
        clear: both;
        z-index: 11;
        position: relative;
        display: block;
        background-color: #F1EFE5;
}

div#left_column {
        top: -25px;
        z-index: 100;
}

div#lc_top_cap {
        height: 100px;
        top: -60px;
        left: 19px;
}

div#lc_cap_wrapper {
        height: 0;
}

/**********************************************************************************************************************************************
 DESIGN ELEMENTS
**********************************************************************************************************************************************/

#right_coastal_column hr.double,
#right_mountain_column hr.double {
        width: 200px;
        margin-left: 20px;
}

#right_coastal_column ul + hr,
#right_mountain_column ul + hr {
        margin-top: 0;
}

#microsite_column .testimonial {
        border: 1px solid #9FD7E8;
        background-color: #FFF;
        padding: 2px;
        float: left;
        clear: both;
        margin-bottom: 15px;
}

#microsite_column .testimonial div {
        background-color: #F3F7F9;
        float: left;
        clear: both;
}

#microsite_column .testimonial div img {
        float: left;
        padding: 2px;
        background-color: #FFF;
        border: 1px solid #9FD7E8;
        margin: 10px 10px 2px 8px;
}

#microsite_column .testimonial div h4 {
        margin: 10px 0 0 10px;
		font: bold 1.2em "Times New Roman", Times, serif;
		font-style: italic;
		color: #2A4A55;
}

#microsite_column .testimonial div p {
        display: block;
        overflow: hidden;
        font: /*1.2*/ 0.85em Georgia, "Times New Roman", Times, serif;
        color: #599DB6;
        /*width: 50%;*/
        padding: 10px 8px 0 10px;
}

#microsite_column .testimonial div p.name {
        font: bold 0.8em Georgia, "Times New Roman", Times, serif;
        color: #2A4A55;
        text-align: right;
		padding-top: 0;
}

#right_micro_column hr.double {
        border-color: #BAD2D5;
}

.action_buttons {
        height: 28px;
}

.action_buttons div {
        margin: 0 auto;
}

.action_buttons > span:first-child {
        margin-left: 0;
}

.action_buttons span {
        background: #EEE url(/assets/images/action-button.jpg) no-repeat top left;
        margin-left: 10px;
        height: 22px; /* actual height 28px w/ padding) */
        width: 179px;
        border: 1px solid #CCC;
        padding-top: 6px;
        float: left;
        text-align: center;
}

.action_buttons a {
        text-decoration: none;
        font: 0.75em Arial, Helvetica, sans-serif;
}

.action_buttons a.coastal {
        color: #65828C !important;
}

/**********************************************************************************************************************************************
FONT SIZES & COLORS
**********************************************************************************************************************************************/

#sidebar p {
        font-size: 0.6em;
}

#sidebar a {
        color: #599DB6;
        text-decoration: none;
}

#sidebar a:hover {
        border-bottom: 1px dotted #599DB6;;
}

#right_coastal_column h2 {
        color: #335A68;
        width: 100%;
}

#right_mountain_column h2 {
        color: #;
        width: 100%;
}

#right_coastal_column p {
        color: #4C869B;
        width: 260px;
}

#right_mountain_column p,
#right_mountain_column li {
        color: #;
        width: 260px;
}

#right_mountain_column .date {
        color: #873C30;
        font-style: italic;
}

#right_coastal_column .date {
        color: #599DB6;
        font-style: italic;
}

#right_coastal_column h3,
#right_mountain_column h3 {
        font: normal 0.7em Arial, Helvetica, sans-serif;
        float: left;
        clear: left;
        margin-bottom: 0;
}

#right_coastal_column h3 a,
#right_mountain_column h3 a {
        text-decoration: none;
        color: #4C869B;
}

#right_coastal_column h3 a:hover,
#right_mountain_column h3 a:hover {
        border-bottom: 1px dotted #4C869B;
}

#right_coastal_column p.minilink {
        clear: right;
        width: auto;
        margin-right: 60px;
}

#right_coastal_column .minilink a {
        color: #4C869B !important;
}

/**********************************************************************************************************************************************
LIST ITEMS
**********************************************************************************************************************************************/

.small_thumbs ul {
        margin: 0 0 15px 0;
        clear: both;
}

.small_thumbs li {
        float: left;
        padding: 0 10px 0 0;
        list-style-type: none;
}

.small_thumbs li a img {
        border: 1px solid #9b422d;
        padding: 2px;
}

#coastal_content p,
#developer_left {
        color: #315764;
}

#right_micro_column ul {
        padding-left: 0;
}

#left_column > ul.amenities:first-child {
        padding-left: 0;
}

ul.amenities {
        float: left;
        list-style-type: none;
        margin: 0;
        padding-left: 10px;
        width: 135px;
}

ul.horizontal {
        width: 220px;
}

/**********************************************************************************************************************************************
TABLES
**********************************************************************************************************************************************/

#developer_coastal {
        color: #315764;
}

#developer_mountain {
}

#developer_left table,
#developer_right table {
        font: 0.75em Arial, Helvetica, sans-serif;
}

#developer_left p,
#developer_right p {
        font-size: 0.85em;
}

#developer_left table th,
#developer_right table th {
        font-weight: bold;
        text-align: left;
        vertical-align: top;
}

#developer_coastal a {
        text-decoration: none;
        color: #315764;
}

#developer_mountain a {
        text-decoration: none;
}