@charset "utf-8";

body {
        margin: 0;
        padding: 0;
        background-color: #FDFCF8;
}

img {
        border: 0;
}

a.image:hover {
        border-bottom-style: none !important;
        border-bottom-width: 0 !important;
}

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

#ai_header{
        background: beige;
        width: 100%;
        height: 480px;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: 0;
}

div#gradient {
        position: absolute;
        top: 380px;
        left: 0;
        width: 100%;
        height: 1023px;
        background: url(/assets/images/structure/beige-gradient-back.jpg) repeat-x;
        background-position: left 98px;
        z-index: -100;
}

div#column_wrapper {
        margin: 480px auto 25px auto;
        width: 967px;
        z-index: 10;
}

div.left_column_wrap {
        position: relative;
        margin: 0;
        padding: 0;
        float: left;
        width: 646px;
        padding-bottom: 30px;
        min-height: 400px;
        z-index: 10;
}

div#left_column {
        background: url(/assets/images/structure/main-column-back.png) repeat-y;
        padding: 0 37px 40px 40px;
        float: left;
        min-height: 400px;
        width: 596px;
        position: relative;
        margin-top: -130px;
        margin-bottom: 10px;
        z-index: 10;
}

div#right_column_wrapper {
        width: 321px;
        background: url(/assets/images/structure/right-column-wrapper-back.png) repeat-y top right;
        float: right;
        margin-top: -80px;
        margin-right: -2px;
        position: relative;
        z-index: 9;
        padding-top: 18px;
}

div#right_column {
        width: 260px;
        margin: 0 auto;
        padding: 15px 45px 15px 20px;
        background: url(/assets/images/structure/right-column-back.jpg) no-repeat top left;
        clear: both;
        z-index: 11;
        position: relative;
        display: block;
}

div#bottom_right_corner {
        width: 27px;
        height: 27px;
        background: url(/assets/images/structure/bottom-right-corner.png) no-repeat top left;
        position: absolute;
        right: 4px;
        bottom: -26px;
        overflow: hidden;
}

div#lc_top_cap {
        width: 650px;
        background: url(/assets/images/structure/left-column-top-cap.png) no-repeat top left;
        height: 30px;
        display: block;
        position: absolute;
        top: -30px;
        left: 9px;
        clear: both;
}

div#lc_cap {
        width: 671px;
        background: url(/assets/images/structure/left-column-bottom-cap.png) no-repeat top left;
        height: 40px;
        display: block;
        position: absolute;
        top: 100%;
        left: 29px;
        clear: both;
}

div#footer {
        margin: 25px 0 0 0;
        background-color: #eee;
        border-top: 5px solid #ccc;
        padding: 10px 0;
        clear: both;
        width: 100%;
}

div#footer div {
        width: 50%;
        float: left;
}

.clear {
        clear: both;
}

div.clear {
        clear: both;
        margin: 0;
        padding: 0;
        line-height: 0;
}

div#mountain_column,
div#developer_left {
        width: 283px;
        float: left;
}

div#coastal_column,
div#developer_right {
        width: 283px;
        float: right;
}

div#rcolumn_bottom_cap {
        background: url(/assets/images/structure/right-column-bottom-cap.png) no-repeat top left;
        position: absolute;
        bottom: -40px;
        height: 40px;
        width: 324px;
        left: 0;
}

#lc_cap {
        width: 650px;
        height: 30px;
        display: block;
        position: absolute;
        top: -30px;
        margin-left: -31px;
        z-index: 20;
        background: url(/assets/images/lc_cap.png) no-repeat 0px top;
}

#lc_searchbox,
#lc_searchbox_coastal,
#lc_searchbox_mountain {
        width: 384px;
        height: 127px;
        display: block;
        right: 50%;
        margin-right: -563px;
        position: absolute;
        top: -352px;
        left: 535px;
        background: url(/assets/images/bg_search.png) no-repeat left top;
        z-index: 30;
}

#lc_searchbox_mountain {
        background: url(/assets/images/bg_mountain_search.png) no-repeat top left;
        width: 428px;
        height: 147px;
        top: 0;
		left: 55%;
}

#lc_searchbox_coastal {
        background: url(/assets/images/bg_coastal_search.png) no-repeat top left;
        width: 428px;
        height: 147px;
        top: 0;
		left: 55%;
}

#lc_searchbox input,
#lc_searchbox_coastal input,
#lc_searchbox_mountain input {
	font: 0.75em Arial, Helvetica, sans-serif;
	margin: auto 7px;
	width: 175px;
}

#lc_searchbox input.nobutton,
#lc_searchbox_coastal input.nobutton,
#lc_searchbox_mountain input.nobutton {
        color: #333;
        cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        border: 0 none;
        background-color: transparent;
        width: auto;
        margin: auto 0;
}

#joinMailingList input {
	font: 0.75em Arial, Helvetica, sans-serif;
	margin: auto 7px;
	width: 155px;
}

#joinMailingList input.nobutton {
        color: #333;
        cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        border: 0 none;
        background-color: transparent;
        width: auto;
        margin: auto 0;
}

/**********************************************************************************************************************************************
CSS MENU/NAV
**********************************************************************************************************************************************/

/* Basic code - don't modify */

 .nav { display: block; margin: 0; padding: 0; position: relative; }
  .nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  .nav a { display: block; }
  .nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .nav ul { line-height: 0; } /* IE6 "fix" */
        .nav ul a { zoom: 1; } /* IE6/7 fix */
    .nav ul li { float: none; }
    .nav ul ul { top: 0; }

/* Essentials - configure this */

.nav ul { width: 130px; }
.nav ul ul { left: 131px; }

/* Everything else is theming */

.nav { background-color: transparent; height: 4px; }
.nav *:hover { background-color: none; }
.nav a { border-right: 1px solid #FFF; color: #FFF !important; font-size: 1.25em; padding: 6px; line-height: 1; text-decoration: none; }
  .nav li.hover a { background-color: #192129; }
  .nav ul { top: 25px; }
    .nav ul li a { background-color: #192129; }
      .nav ul a.hover { background-color: #ED1C24; }
   .nav ul a { border-bottom: 1px solid #090C10; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* .nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

.nav ul li ul li {
        font-size: 1em;
}

.nav span {
        color: #9B422D;
        font: 0.95em Georgia, "Times New Roman", Times, serif;
}

.nav li.hover a span,
.nav a:hover span {
        color: #FFF;
}

.nav .main_toplevel *:hover {
        background-color: transparent;
}

.nav .toplevel {
        color: #333;
        height: 25px;
        min-width: 130px;
        background: url(/assets/images/drop_back.jpg) repeat-x top left;
        position: relative;
}

.nav .toplevel .drop_border {
        display: inline-block;
        height: 25px;
        width: 2px;
        background: url(/assets/images/drop_border.jpg) no-repeat top left;
        margin-right: 8px;
}

.nav .toplevel .drop_arrow {
        display: inline-block;
        height: 25px;
        width: 24px;
        background: url(/assets/images/drop_arrow.jpg) no-repeat top right;
        position: absolute;
        top: 0;
        right: 0;
}

.nav .toplevel .toplevel_text {
        float: left;
        position: absolute;
        top: 5px;
        font: 1.0em Arial, Helvetica, sans-serif;
        color: black;
}

.nav .no_menu {
        margin-right: 10px;
        padding-top: 5px;
}

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

h1 {
        font: 1.6em Georgia, "Times New Roman", Times, serif;
}

h2 {
        font: italic 1.0em Georgia, "Times New Roman", Times, serif;
        margin-bottom: 10px;
}

h3 {
        font: italic 0.8em Georgia, "Times New Roman", Times, serif;
}

h1 + p {
        margin-top: 0
}

p, li, .p {
        font: 0.75em Arial, Helvetica, sans-serif;
}

ul[class~="georgia"] li,
p.georgia, span.georgia {
        font: 0.75em Georgia, "Times New Roman", Times, serif;
}

.mountain {
        color: #9B422D !important;
}

.mountain a,
.mountain a:hover,
.mountain a:visited {
        color: #9B422D;
        text-decoration: none;
}

.coastal {
        color: #599db6 !important;
}

.coastal a,
.coastal a:hover,
.coastal a:visited {
        color: #599DB6 !important;
        text-decoration: none;
}

.floatleft {
        float: left;
}

.floatright,
#srp .floatright {
        float: right;
}

.toggle {
        display: none;
}

.left {
        text-align: left;
}

.right {
        text-align: right;
}

.center {
        text-align: center;
}

.small {
        font-size: 0.6em;
}

.underline {
        border-bottom: 1px dotted;
}

.red {
        color: #C00;
}

.date {
        font-style: italic;
}

h1.coastal {
        background: url(/assets/images/h1-coastal-arrow.png) no-repeat;
        margin-left: -35px;
        padding-left: 35px;
        margin-bottom: 0;
}

h1.mountain {
        background: url(/assets/images/h1-mountain-arrow.png) no-repeat;
        margin-left: -35px;
        padding-left: 35px;
        margin-bottom: 0;
}

h2.coastal {
        font: italic 1.0em Georgia, "Times New Roman", Times, serif;
        width: 50%;
        margin-bottom: 10px;
}

h2.mountain {
        font: italic 1.0em Georgia, "Times New Roman", Times, serif;
        color: #5a6d30;
        width: 75%;
        margin-bottom: 10px;
}

.minilink {
        font: 0.65em Arial, Helvetica, sans-serif;
        vertical-align: bottom;
        color: #bebebe;
}

.minilink a {
        color: #bebebe;
        text-decoration: none;
}

.minilink a:hover {
        border-bottom: 1px dotted #bebebe;
}

h3#mountain_featured, h3#coastal_featured, h3#featured {
        font: normal 1.4em Georgia, "Times New Roman", Times, serif;
        margin: 0;
}

#right_column p {
        font-size: 0.70em;
        width: 260px;
}

#right_column h2 {
        margin-bottom: 0;
        color: #873C30;
}

#right_column h2 + p,
#right_column h2 + ul {
        margin-top: 3px;
}

p.call_to_action {
        font: 1.1em Georgia, "Times New Roman", Times, serif;
        text-align: center;
}

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

hr.thick {
        border-bottom: 4px solid #d5d5d5;
}

hr.double {
        height: 3px;
        border: 1px solid #d5d5d5;
        border-width: 1px 0;
        clear: both;
}

hr.light {
        border-color: #e5e5e5;
}

hr.white {
        border: 0 none;
        background-color: #FFF;
        color: #FFF;
        height: 1px;
        width: 80%;
}

hr.action {
        border-color: #C00;
}

div#right_column hr.mountain {
        border-color: #E7B8AD;
}

div#right_column hr {
        margin-top: 15px;
}

/**********************************************************************************************************************************************
LIST STRUCTURES, FONTS & COLORS
**********************************************************************************************************************************************/

ul.pad li,
ul.vcard li {
        padding-bottom: 5px;
}

ul.horizontal {
        margin: 0 auto;
        padding: 0;
        width: 220px;
}

ul + hr {
        margin-top: 30px;
}

ul.horizontal li {
        float: left;
/*      border-left: 1px solid #7A685A; */
        padding: 0 5px;
        list-style-type: none;
}

ul.horizontal > li:first-child {
        padding-left: 0;
        border-left-width: 0;
}

ul.horizontal li a,
ul.horizontal li a:visited,
ul.horizontal li a:active,
ul.horizontal li a:hover {
        color: #333;
}

ul.horizontal li a,
#right_column li a,
#right_coastal_column li a,
#right_mountain_column li a {
        text-decoration: none;
}

ul.horizontal li a:hover,
#right_column li a:hover,
#right_coastal_column li a:hover,
#right_mountain_column li a:hover {
        border-bottom-style: dotted;
        border-bottom-width: 1px;
}

ul.mountain li a {
        color: #9b422d;
}

ul.coastal li a {
        color: #335A68;
}

ul.raquo li:before {
        content: "»    ";
}

ul.raquo li.nobullet:before {
        content: "";
}

ul.raquo li,
ul.vcard li {
        font-size: 0.75em;
        list-style-type: none;
}

#right_column ul,
#right_coastal_column ul,
#right_mountain_column ul {
        padding-left: 0;
        width: 260px;
}

/**********************************************************************************************************************************************
VCARD/HCARD
**********************************************************************************************************************************************/

ul.vcard li {
        padding-left: 30px;
        line-height: 1.6em;
}

ul.vcard li.adr {
        background: url(/assets/images/icons/address.gif) no-repeat;
}

ul.vcard li.tel {
        background: url(/assets/images/icons/phone.gif) no-repeat;
}

ul.vcard li#fax {
        background: url(/assets/images/icons/fax.gif) no-repeat;
}

ul.vcard li.org {
        padding-left: 0;
        margin-left: 0;
}

ul.vcard li.geo {
        visibility: hidden;
        float: left;
}

/**********************************************************************************************************************************************
IMAGES & THUMBNAILS
**********************************************************************************************************************************************/

ul.thumbnails {
        margin: 0;
        padding: 0;
}

ul.thumbnails li {
        display: block;
        float: left;
        width: 200px;
        margin-bottom: 20px;
        list-style-type: none;
        font: 0.7em Arial, Helvetica, sans-serif;
}

.thumbnail {
        border: 1px solid #CCC;
        background-color: #FFF;
        padding: 5px;
        margin-bottom: 5px;
        float: left;
}

.caption a,
.caption a:visited {
        color: #5c5c5c;
        text-decoration: none;
}

.caption a:hover {
        border-bottom: 1px dotted #5c5c5c;
}

/**********************************************************************************************************************************************
BODY ELEMENTS
**********************************************************************************************************************************************/

div#mountain_column p {
        color: #2b2b2b;
}

div#mountain_column a,
div#coastal_column a {
        color: #2b2b2b;
        text-decoration: none;
}

div#mountain_column a:hover,
div#coastal_column a:hover {
        border-bottom-style: dotted;
        border-bottom-width: 1px;
}

div#mountain_column div#mountain_featured,
div#coastal_column div#coastal_featured,
div#mountain_column div#featured,
div#coastal_column div#featured {
        border: 1px solid #CCC;
        width: 256px;
}

div#coastal_column div#coastal_featured p,
div#coastal_column div#featured p,
div.coastal_home p {
        color: #78829A !important;
        padding: 0;
        margin: 0;
}

div#mountain_column div#mountain_featured p,
div#mountain_column div#featured p,
div.mountain_home p {
        color: #6A8C20 !important;
        padding: 0;
        margin: 0;
}

div.featured_home p {
        padding-top: 20px;
}

div#coastal_column,
div.coastal_home {
        color: #78829A;
}

div#mountain_column div#mountain_featured div,
div#mountain_column div#featured div {
        background: url(/assets/images/mountain-featured-back.png) top left repeat-x;
        padding: 5px;
}

div#coastal_column div#coastal_featured div,
div#coastal_column div#featured div {
        background: url(/assets/images/coastal-featured-back.png) top left repeat-x;
        padding: 5px;
}

.arrow {
        float: right;
        display: block;
        position: relative;
        right: 10px;
        top: -24px;
}

.featured_home {
        height: 95px;
        border: 1px solid #CCC;
        width: 256px;
        margin: 5px 0;
        position: relative;
}

.featured_home p {
        float: right;
        width: 102px;
        padding-top: 5px;
        font-size: 0.70em;
        position: absolute !important;
        left: 132px !important;
}

.featured_home img {
        border-right: 1px solid #CCC;
        float: left;
}

.featured_home img.arrow {
        position: absolute;
        top: 0;
        right: 0;
        border-left: 1px solid #CCC;
        border-right: 0 none;
}

.mountain_home {
        background: url(/assets/images/mountain-thumb-back.jpg) repeat-x top left;
}

.coastal_home {
        background: url(/assets/images/coastal-thumb-back.jpg) repeat-x top left;
}

#mountain_magazine {
        background: url(/assets/images/mountain-magazine-back.jpg) no-repeat top left;
        width: 265px;
        height: 88px;
        border: 2px solid #D1EDC2;
        position: relative;
        margin: 25px 0;
}

#mountain_magazine h2 {
        padding-left: 15px;
}

#mountain_magazine p {
        padding-left: 55px;
        margin-top: 0;
}

#coastal_magazine {
        background: url(/assets/images/coastal-magazine-back.jpg) no-repeat top left;
        width: 265px;
        height: 88px;
        border: 2px solid #D9DADA;
        position: relative;
        margin: 25px 0;
}

#coastal_magazine h2 {
        padding-left: 15px;
}

#coastal_magazine p {
        padding-left: 55px;
        margin-top: 0;
}

.magazine_image {
        position: absolute;
        top: -35px;
        right: -20px;
}

#amenity_communities {
        padding-bottom: 20px;
}

#amenity_communities ul,
#southern_communities ul {
        float: left;
        border-left: 1px solid #CCC;
        list-style-type: none;
        padding: 0 10px;
        margin: 0;
}

#amenity_communities li a,
#southern_communities li a {
        color: #9B422D;
        text-decoration: none;
}

#amenity_communities li a:hover,
#southern_communities li a:hover {
        border-bottom: 1px dotted #9B422D;
}

img.thumb {
        border: 1px solid #CCC;
        padding: 5px;
        float: left;
}

#srp h1 {
        margin-bottom: 25px;
}

#srp h2 {
        width: 100%;
        padding: 5px 0;
        clear: both;
}

#srp h2.mountain {
        color: #873C30 !important;
        border-top: double #873C30;
        border-bottom: double #873C30;
}

#srp h2.coastal {
        color: #335A68 !important;
        border-top: double #335A68;
        border-bottom: double #335A68;
}

#srp h3 {
         font-size: 1.2em;
         font-style: normal;
         margin: 5px 0;
}

#srp div {
        clear: both;
        min-height: 100px;
}

#srp img {
        margin-right: 5px;
        display: inline-block;
}

#srp p {
         width: 445px;
         margin-top: 0;
}

/**********************************************************************************************************************************************
FORM ELEMENTS
**********************************************************************************************************************************************/

input {
	color: #666;
}

input.button {
        font: bold 0.7em Arial, Helvetica, sans-serif;
        border: 0;
        background-color: transparent;
        color: #873c30;
}

input.thanks_button {
	background-color: #BEDF5D;
	color: #333;
	padding: 4px;
	margin-bottom: 8px;
	border: 1px solid #CCC;
	font: bold 0.7em Tahoma, Arial, Helvetica, sans-serif;
}

div.form div.outer {
        margin: 0;
        padding: 0;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        width: 550px;
        background: transparent url(/assets/images/form-background.jpg) top left repeat-y;
        overflow: auto;
}

div.form label {
        font: 0.75em Tahoma, Arial, Helvetica, sans-serif;
}

div.form div.inner {
        width: 430px;
        margin: 0 auto;
}

div.form div.outer label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 100px;
        padding: 0;
        margin: 5px 0 0 40px; /* set top margin same as form input - textarea etc. elements */
        text-align: left;
        color: #333;
        font-size: 0.65em;
}

div.form div.outer input,
div.form div.outer textarea,
div.form div.outer select {
        width: auto;
        margin: 5px 0 0 10px;
        font-size: 0.85em;
        border: 1px solid #CCC;
}

div.form div.outer input.required,
div.form div.outer select.required {
        background: url(/assets/images/input-required.gif) top right repeat-y;
}

div.form textarea {
        overflow: auto;
}

div.form div.outer small {
        display: block;
        margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
        padding: 0px 3px;
        font-size: 88%;
}

div.form div.outer label.required {
        font-weight:bold;
}

div.form div.outer br {
        clear: left;
}

div.form p {
        border: 1px solid #CCC;
        padding: 5px 0;
        width: 50%;
        border-left-width: 0;
        border-right-width: 0;
}

div.form span {
        font: 0.7em Tahoma, Arial, Helvetica, sans-serif;
}

.Message {
        color: red;
        font-weight: bold;
        font-size: 1.2em;
}
/**********************************************************************************************************************************************
COMPREHENSIVE DIRECTORY STYLES
**********************************************************************************************************************************************/

#results div.featured, #results div.generic {
/*      width: 710px; */
        padding: 0.2em 0 0.5em 1em;
        float: left;
        clear: both;
        margin-bottom: 2px;
}
#results div.featured {
        background-color: #FFF9DD;
        }
#results p, li {
        margin: 0;
        font-size: 0.75em;
}
#results h3 {
        font: bold 0.75em/1 Arial, sans-serif;
        line-height: 1;
        margin-bottom: 5px;
}
#results h3 a {
        color: #00C;
}
#results em {
        color: green;
}