@charset "utf-8";
/* CSS Document */

ol, ul, li {margin:0; padding:0;}
ul {list-style:none;}
ol {padding-left:20px; margin-bottom:1em}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:justify}
img {display:block; max-width:100%}
a {color:#333;}
a:hover {text-decoration:none;}
h1 {font-size:1.4em; text-transform:uppercase; margin-bottom:20px}

.outer {width:1140px; margin:0 auto}
.header-container {background-color:#342986; padding:0 20px}
.content-container {overflow:hidden;}
#logo-hotel {display:none;} /* Hide Logo Hotel */

.menu-container {background-color:#A39161; margin:2px 0 0; padding:0;}
.menu-container ul {overflow:hidden;}
.menu-container li {list-style:none; display:block; float:left; padding:0; margin:0}
.menu-container li a {display:block; color:#FFF; text-decoration:none; padding:10px 15px;}
.menu-container li a:hover {color:#DBD3BE;}
.menu-container li:first-child {margin-right:10px;}
.menu-container li:first-child a {padding:0;}

.with-sidebar .side-thumbnails {float:right;}
.side-thumbnails li {display:block; width:200px; height:130px; margin-bottom:2px}
.side-thumbnails li a {color:#FFF; text-decoration:none; display:block; position:relative}
.side-thumbnails li a h3 {position:absolute; bottom:4px; left:15px; font-weight:normal; font-size:0.85em; margin:0; z-index:-1;}

.with-sidebar .main-container {float:left; width:938px; min-height:526px; box-sizing:border-box}


.footer-container {background-color:#DBD3BE; clear:both;overflow:hidden;}
.footer-container ul {padding:0 20px; float:left}
.footer-container li {list-style:none; display:block; float:left}
.footer-container li a {display:block; color:#6e6e70; padding:10px 15px; text-decoration:none;}
.footer-container li a:hover {color:#333}
.footer-container li:first-child a {padding:5px 0;}
.copyright {float:right; font-size:0.85em; color:#6e6e70; padding:10px 30px}
.copyright a {text-decoration:none; color:#6e6e70;}
.copyright a:hover {text-decoration:underline}

/* Work in progress */
#page-work-in-progress .main-container {background-color:#D4CAB2; padding:30px 50px;}
#page-work-in-progress .main-container h4 {margin:0;}
#page-work-in-progress .main-container p {margin:10px 0; font-size:0.9em;}
#page-work-in-progress .work-in-progress-list {text-align:center; margin-bottom:20px}
#page-work-in-progress .work-in-progress-list li {display:inline-block; width:33%; vertical-align:top; margin-bottom:5px}
#page-work-in-progress .work-in-progress-list li p {font-size:0.83em; margin:5px 0; text-align:left}


/* Reservations */
#page-reservations .main-container p {width:450px; margin:200px auto; font-size:1.2em; line-height:1.8; text-align:center}
#page-reservations .main-container a {color:#333;}


/* Video */
#page-video .main-container {background-color:#000;}
#page-video .main-container iframe {margin:0 250px;}


/* About Us */
#page-about-us .side-content {width:52%; float:right; background:#D6CDB5 url(../images/bg-about-us.jpg) top right no-repeat; font-size:0.8em; padding:15px 20px 5px; box-sizing:border-box}
#page-about-us .side-content h3 {margin:0;}
#page-about-us .main-content {width:45%; float:left;}
#page-about-us .main-container {padding:30px 0 30px 50px}
.who-list dt {float:left;}
.who-list dd {margin:0 0 50px 100px; padding-top:20px}
.who-list dd h4 {margin:0}
/* Overwrite accordion style */
.ui-accordion .ui-accordion-content {padding:0 0 0.5em;}
.ui-widget-content {border:0 none; font-size:0.9em}
.ui-widget-content p {margin:0 0 1em 0}
.ui-widget-content h4 {margin:2em 0 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none; border:0 none;}
.ui-widget {font-family:Arial, Helvetica, sans-serif}
.ui-accordion {margin:1.5em 0;}
.ui-accordion .ui-accordion-header {padding:0 0 0 2.2em; margin-bottom:1em; font-weight:bold; text-transform:uppercase;}
.ui-state-default .ui-icon-triangle-1-e {background:url(../images/togglerhide.jpg) left center no-repeat;}
.ui-state-active .ui-icon {background:url(../images/togglerexpand.jpg) left center no-repeat;}
.ui-accordion .ui-accordion-header {padding-left:20px;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left:0}


/* Newsroom */
.newsroom .content-container {padding:20px 20px 20px 50px}
.newsroom .main-container {float:right; width:960px;}
.news-list {width:22%; float:left; box-sizing:border-box; padding:0 20px; border:1px solid #A39161; border-top:0 none; border-bottom:0 none; display:none; min-height:400px}
.news-list h4 {margin-top:0}
.news-list li {list-style:none; margin-bottom:1.5em; text-align:left; line-height:1.3}
.news-list li a {text-decoration:none; display:block}
.news-list li a:hover, .news-list li a.active {color:#A39161;}
.news-list li span {display:block; font-size:0.9em; padding-top:3px}
.side-newsroom {float:left; width:80px;}
.side-newsroom li {list-style:none; font-weight:bold; font-size:1.1em; margin-bottom:0.5em}
.side-newsroom a {color:#333; text-decoration:none}
.side-newsroom a:hover, .side-newsroom a.active {color:#A39161;}
.newsroom-pic {width:75%; float:right;}
.newsroom-yearlist {}


/* E NEWS */
#page-enews  .content-container {padding:20px 20px 20px 50px}
.side-enews {float:left; width:10%;}
.side-enews li {list-style:none; margin-bottom:1em}
.side-enews li a {text-decoration:none;}
.side-enews li a:hover, .side-enews li a.active {color:#A39161;}
.enews-month-list {margin-bottom:1.5em}
.subscribe-btn {padding:0.8em 0 1em;}
.subscribe-btn a {color:#FFF; display:inline-block; background-color:#A39161; padding:5px 10px; border-radius:10px; text-decoration:none; text-transform:uppercase;}
#page-enews .main-container {float:right; width:88%;}
#page-enews #accordion h3 {padding:0; font-size:1.2em}
#page-enews #accordion h3 span {display:none;}


/* Floor Plans */
#page-floor-plans {}
#page-floor-plans .main-container {background-color:#D4CAB2; padding:30px 50px;}
#page-floor-plans .main-container li {margin-bottom:0.2em}
.floor-plan-types {float:left; width:30%;}
.floor-plan-details {float:right; width:65%;}
.floor-plan-details dt {font-weight:bold;}
.floor-plan-details dd {margin:0.2em 0 1.5em 0}
.floor-plan-details dd li {overflow:hidden;}
.floor-plan-details dd li div {float:left; text-align:left}
.floor-plan-details dd p {margin:0}
.floor-plan-details dd li .label {width:30%;}
.floor-plan-details dd li .lable-colon {width:3%; text-align:right}
.floor-plan-details dd li .label-value {width:67%; float:right}
.mCSB_scrollTools .mCSB_draggerRail {background-color:#E9E5D5; width:5px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#A39161; width:5px}

/* Newsletter Form */
#page-newsletter-form .content-container {padding:30px 50px; min-height:400px} 
#page-newsletter-form .content-container li {overflow:hidden; margin-bottom:0.5em;}
#page-newsletter-form .form-label {float:left; width: 20%;}
#page-newsletter-form .form-field {float:left; width: 70%;}
#page-newsletter-form .content-container input, #page-newsletter-form select {border:1px solid #ccc; padding:5px;}
#page-newsletter-form .content-container .button {padding:8px 15px; color:#FFF; background-color:#A39161; border:0 none; font-size:1.1em}
#page-newsletter-form .content-container #reset {background-color:#E9E5D5; color:#6e6e70}


#page-purchase-leasing .main-container {background-color:#d5cbb3; padding:50px 100px 20px; font-size:0.9em; line-height:1.5}
#page-purchase-leasing .main-container p {margin:0 0 0.5em}
#page-purchase-leasing .main-container h1 {font-weight:300; text-transform:none}
#page-purchase-leasing .main-container h3 {font-weight:600; margin:0; font-size:1em;}
#page-purchase-leasing .serviced-residences {float:left; width:240px; padding-right:40px; border-right:1px solid #A39161; margin-right:40px}
#page-purchase-leasing .serviced-residences li {list-style:disc; margin-left:15px}
#page-purchase-leasing .retail-units {float:left; width:360px}
#page-purchase-leasing .retail-units p {margin-bottom:1.5em;}
#page-purchase-leasing .retail-units dl {margin:0.3em 0 0}
#page-purchase-leasing .retail-units dt {float:left; width:85px;}
#page-purchase-leasing .retail-units dd {margin:0 0 0 70px}
#page-purchase-leasing .thumbnails {clear:both; margin:0 -65px; text-align:center; padding-top:40px}
#page-purchase-leasing .thumbnails img {display:inline-block; margin:0 5px}

/* Pop Up */
.popup-container { padding: 25px; }
h2.popup-title { background-color: #D1D2D4; padding: 10px; text-align: center; }
#hover{ position:fixed; background:#000; width:100%; height:100%; opacity: .6; z-index: 999; }
#popup{ position:absolute; width:750px; height:420px; background:#fff; left:50%; top:50%; margin-left: -375px; margin-top:-225px; box-shadow:0 0 10px 0 #000; z-index:999;}
#close{ position:absolute; background:white; color:black; right:-15px; top:-15px; border-radius:50%; width:30px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:100; cursor:pointer; box-shadow:0 0 10px 0 #000;}
.side-thumbnails img { position: relative; z-index: -999; }