/*FlexiWeb Style File - Created 03-01-2012
Menus Section
*//*FlexiWeb Style File - Created 03-01-2012
Elements Section
*/
body {
margin: 0px;
}
.maincontent {
z-index: 2;
position: absolute;
left: 0px;
top: 0px;
height: 373px;
width: 514px;
overflow: auto;
padding: 25px 25px 0px 25px;
text-align: left;
overflow-x: hidden; 
}
table {
font-size: 100%;
margin: 0px 0px 10px 0px;
}
p {
margin: 0px 0px 10px 0px;
}
.outerdiv {
height: auto;
padding: 102px 0px 0px 0px;
}
body {
background-color: #38383A;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 13px;
}
body a {
color: #539591;
}
body a:visited {
color: #539591;
}
body a:hover {
color: #61c6b8;
}
.containerdiv {
background-color: #FFF;
position: relative;
height: 423px;
width: 950px;
margin: 59px 0px 0px 0px;
}
h2 {
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 15px;
margin: 12px 0px;
}
h3 {
font-size: 14px;
margin: 10px 0px;
}
h4 {
font-size: 12px;
margin: 8px 0px 5px 0px;
}
a img {
border: none;
}
h1 {
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 16px;
margin: 0px 0px 12px 0px;
}
.slide-out-tab-cover {
background-color: #38383A;
z-index: 25;
position: absolute;
top: 0px;
height: 423px;
width: 300px;
right:-300px;
}
.navi-bars {
position: absolute;
left: 0px;
bottom:-0px;
}
#main {
width: 947px;
padding: 0px 0px 0px 3px;
background: url('images/menubg.jpg') no-repeat top left;
position:fixed;
}
.nomargin {
margin: 0px;
}
.navibars-clubliving {
z-index: 5;
position: absolute;
left: 0px;
bottom:-68px;
}
.tab-handle {
z-index: 50;
height: 350px;
width: 22px;
background: url("images/tab-navi.gif") no-repeat -22px 200px;
}
.tab-handle a {
color: #61C5BA;
text-decoration: none;
}
.tab-handle a:visited {
color: #61C5BA;
}
.tab-handle a:hover {
color: #61C5BA;
}
.slide-out-div {
background-color: #61C5BA;
z-index: 220;
height: 462px;
width: 210px;
padding: 10px;
-moz-opacity:0.9;
filter: alpha(opacity=90);
opacity:0.9;
right:0px;
}
.logo {
position: absolute;
left: 0px;
top: -95px;
width: 950px;
text-align: center;
}
.text-white {
font-size: 18px;
color: #FFF;
}
.text-white a {
color: #FFF;
text-decoration: none;
}
.text-white a:visited {
color: #FFF;
}
.text-white a:hover {
color: #CCC;
}
.tab-link {
font-size: 15px;
color: #FFF;
padding: 0px 20px 0px 0px;
margin: 0px;
text-align: right;
background: url(images/tab_link_bg.gif) no-repeat right bottom;line-height:35px;
}
.tab-link a {
color: #FFF;
text-decoration: none;
}
.tab-link a:visited {
color: #FFF;
}
.tab-link a:hover {
color: #EEE;
}
.club-living-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.club-living-menu {
z-index: 7;
position: absolute;
left: 0px;
top: -59px;
width: 950px;
font-size: 13px;
background: #000 url(images/main-bg.png) no-repeat;

}
.club-living-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
#indexcontainerdiv {
background-color: transparent;
height: 423px;
padding: 0px;
margin: 0px;
}
.logo-internal {
position: absolute;
left: 0px;
top: -154px;
width: 950px;
text-align: center;
}
#indexmaincontent {
background-color: transparent;
top: 0px;
height: 423px;
width: 950px;
overflow: hidden;
padding: 0px;
}
.clubhouse-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.concierge-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.security-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.concept-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.get-closer-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-business-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.is-it-for-me-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-her-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-him-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.why-here-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.year-round-living-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.sound-investment-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.safe-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.easy-to-relocate-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-families-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-friends-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.submenu-is-it-for-me {
background-color: #6abfb8;
}
.villas-menu {
background-color: #539691;
position: absolute;
left: 0px;
top: -59px;
width: 950px;
background: #000 url(images/main-bg.png) no-repeat;
}
.navibars-villas {
z-index: 5;
position: absolute;
left: 0px;
bottom:-68px;
}
.navibars-findoutmore {
z-index: 5;
position: absolute;
left: 0px;
bottom:-68px;
}
.club-living-bg {
z-index: 8;
position: absolute;
left: 0px;
top: -59px;
}
.villas-bg {
z-index: 8;
position: absolute;
left: 0px;
top: -59px;
}
.find-out-more-bg {
z-index: 8;
position: absolute;
left: 0px;
top: -59px;
}
.find-out-more-menu {
z-index: 7;
position: absolute;
left: 0px;
top: -59px;
width: 950px;
background: #000 url(images/main-bg.png) no-repeat;
}
.the-team-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.architect-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.developer-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.landscape-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.interiors-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.quality-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.materials-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.villas-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.whats-new-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.meet-us-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.mapimage {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
#map {
position: relative;
height: 365px;
width: 910px;
border: 1px solid #CCC;
}
#gmap {
position: absolute;
}
.menu-filler-bar {
background-color: #539591;
z-index: 1;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
}
.why-here-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
text-align: left;
}
.select-a-villa-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.quality-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.the-team-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.footer-rws {
position: absolute;
left: 0px;
width: 950px;
font-size: 10px;
color: #777;
text-align: center;
}
.footer-rws a {
color: #777;
text-decoration: none;
}
.footer-rws a:visited {
color: #777;
}
.footer-rws a:hover {
color: #888;
}
#videomaincontent {
width: 890px;
}
.expand {
}
.collapse {
}
.alpha-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
#mapmaincontent {
width: 910px;
padding: 25px 10px 0px 10px;
}
.where-are-we-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
th {
font-weight:normal;
}
.villa-plans-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.lightbox {
}
.villa-plan-image {
border: 1px solid #CCC;
margin: 0px 10px 0px 0px;
}
.formerror {
color: #cc0000;
}
.gallery-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.gallery-showhouse {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.gallery-small {
}
#gallery-showhousemaincontent {
width: 265px;
padding: 25px 30px 0px 20px;
}
.faq-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.partners-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.gallery-link {
outline: none;
}
#masterplanmaincontent {
width: 280px;
overflow: hidden;
}
.masterplan-image {
z-index: 4;
position: absolute;
top: 0px;
right:22px;
}
.masterplan-key {
z-index: 7;
position: absolute;
left: 0px;
width: 330px;
text-align: left;
bottom:0px;
}
.masterplan-keyA {
background-color: #FFFF9A;
padding: 3px 5px 3px 10px;
margin: 0px;
}
.masterplan-keyB {
background-color: #CCFFCC;
padding: 3px 5px 3px 10px;
margin: 0px;
}
.masterplan-keyC {
background-color: #60C5BA;
padding: 3px 5px 3px 10px;
margin: 0px;
}
.masterplan-keyD {
background-color: #9ACCFF;
padding: 3px 5px 3px 10px;
margin: 0px;
}
.masterplan-keySold {
background-color: #FF6500;
padding: 3px 5px 3px 10px;
margin: 0px;
}
blockquote {
margin: 0px 0px 0px 15px;
}
.facilities_image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.easy_to_get_to_image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.gallery-image {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.gallery-lifestyle {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.masterplan-info-left {
width: 55%;
padding: 2px 0px;
vertical-align:top;
}
.masterplan-info-right {
width: 45%;
padding: 3px 0px;
}
.cgi-image {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
#constructiontimelinemaincontent {
height: 378px;
width: 910px;
overflow: hidden;
padding: 20px 25px 0px 15px;
}
#map2maincontent {
width: 910px;
padding: 25px 10px 0px 10px;
}
.beta-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.gamma-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.delta-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.epsilon-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.zeta-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.hita-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.navibars-sidebar {
z-index: 6;
position: absolute;
left: 0px;
width: 950px;
bottom:-102px;
}
#newscontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
.gallery-cleopatra {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.gallery-jose {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.jump-links {
width: 910px;
}
.home-link {
z-index: 7;
position: absolute;
top: -80px;
font-size: 12px;
color: #E5E5E5;
text-align: right;
right:10px;
}
.home-link a {
color: #E5E5E5;
text-decoration: none;
}
.home-link a:visited {
color: #E5E5E5;
}
.home-link a:hover {
color: #FFF;
}
.webcam-link {
position: absolute;
left: -23px;
bottom:5px;
}
.webcam-link a {
color: #FFF;
}
#webcammaincontent {
width: 900px;
overflow: hidden;
padding: 5px 25px 20px 25px;
}
#presscontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
.faq-concept-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.sidebar-top {
position: absolute;
left: 0px;
top: -17px;
}
.home-music {
position: absolute;
}
.logo-sidebar {
position: absolute;
left: 0px;
top: -105px;
width: 950px;
text-align: center;
}
.masterplan-zoom {
z-index: 10;
position: absolute;
top: 10px;
right:35px;
}
#downloadsmaincontent btn {
background-color: #539591;
border: 1px solid #333;
font-size: 10px;
color: #FFF;
padding: 2px 4px;
}
.sunset-time {
z-index: 101;
position: absolute;
left: 84px;
top: -22px;
font-size: 13px;
color: #FFF;
}
#webcamcontainerdiv {
padding: 0px;
margin: 27px 0px 0px 0px;
}
.logo-webcam {
position: absolute;
left: 0px;
top: -122px;
width: 950px;
text-align: center;
}
.webcam-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 380px;
font-size: 13px;
padding: 0px 0px 0px 570px;
}
#sunsetmaincontent {
width: 900px;
padding: 5px 25px 20px 25px;
}
#login-registercontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#registercontainerdiv {
padding: 0px;
margin: 0px;
}
#request-price-listcontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#request-price-list-responsecontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#subscribe-responsecontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#subscribeconfirmcontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#travelguidecontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
#videocontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
.omega-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
#memberscontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
.travelguide-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.westernorientation-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.contact-us-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.design-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.downloads-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.log-in-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.members-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.news-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.plans-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.press-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.register-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.request-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.request-response-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.subscribe-response-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.subscribeconfirm-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.360-panorama-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.archive-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.brochures-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.clubhouse2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.design2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.easy-to-get-to2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.events-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.faq-villas-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.find-out-more-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.faq-why-here-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.faq-team-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.find-your-villa-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-business2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-families2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-friends2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-her2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.for-him2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.gallery-events-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.where-are-we-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.get-closer-concept-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.where-are-we2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.is-it-for-me2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.get-closer-find-out-more-image {
z-index: 2;
position: absolute;
top: 0px;
right:0px;
}
.latest-pictures-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.newsletter-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.select-a-villa-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.timeline-phase-a-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.westernorientation2-image {
z-index: 4;
position: absolute;
top: 0px;
right:0px;
}
.lang-link {
margin: 0px 0px 10px 0px;
}
#webcam2maincontent {
width: 900px;
padding: 5px 25px 20px 25px;
}
#sunsetcontainerdiv {
margin: 27px 0px 0px 0px;
}
.lang-link-home {
z-index: 7;
position: absolute;
top: -21px;
font-size: 12px;
color: #E5E5E5;
right:10px;
}
.lang-link-home a {
color: #E5E5E5;
text-decoration: none;
}
.lang-link-home a:visited {
color: #E5E5E5;
}
.lang-link-home a:hover {
color: #FFF;
}
#subscribechangedetailscontainerdiv {
padding: 0px;
margin: 10px 0px 0px 0px;
}
.tab-open {
background: url("images/tab-navi.gif") no-repeat 0px 200px !important;
}
.lang-link-sidebar {
z-index: 7;
position: absolute;
top: -31px;
font-size: 12px;
color: #E5E5E5;
text-align: right;
right:10px;
}
.lang-link-sidebar a {
color: #E5E5E5;
text-decoration: none;
}
.lang-link-sidebar a:visited {
color: #E5E5E5;
}
.lang-link-sidebar a:hover {
color: #FFF;
}
.lang-link-webcam {
z-index: 7;
position: absolute;
top: -48px;
font-size: 12px;
color: #E5E5E5;
text-align: right;
right:10px;
}
.lang-link-webcam a {
color: #E5E5E5;
text-decoration: none;
}
.lang-link-webcam a:visited {
color: #E5E5E5;
}
.lang-link-webcam a:hover {
color: #FFF;
}
.home-se-text {
z-index: 1;
position: absolute;
left: 0px;
top: 560px;
height: 423px;
width: 950px;
font-size: 11px;
color: #FFF;
text-align: left;
}
.downloads-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
.gallery-mariinsky {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
#gallery-mariinskymaincontent {
width: 266px;
padding: 25px 30px 0px 20px;
}
.navibars-home {
z-index: 6;
position: absolute;
left: 0px;
width: 950px;
bottom:-102px;
}
.home-se-text p {
margin: 0px 0px 6px 0px;
}
.weather {
z-index: 200;
position: absolute;
top: 330px;
text-align: right;
right:100px;
}
.masterplan-download {
z-index: 10;
position: absolute;
right:35px;
bottom:10px;
}
.gallery-zeta-image {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.gallery-epsilon-image {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
.villa-images-menu2 {
background-color: #539591;
position: absolute;
left: 0px;
top: -27px;
height: 27px;
width: 950px;
font-size: 13px;
}
#panorama360maincontent {
height: 423px;
width: 950px;
overflow: hidden;
padding: 0px;
}
#gallerymaincontent {
width: 266px;
padding: 25px 30px 0px 20px;
}
#gallery-lifestylemaincontent {
width: 266px;
padding: 25px 30px 0px 20px;
}
.masterplan-draft {
z-index: 4;
position: absolute;
top: 0px;
right:22px;
}
.phase-a-image {
z-index: 4;
position: absolute;
top: 0px;
right:22px;
}
#masterplandraftmaincontent {
width: 280px;
overflow: hidden;
}
#masterplan-phaseamaincontent {
width: 280px;
overflow-x: hidden;
overflow-y: auto;
}
.masterplan-phasea-download {
z-index: 10;
position: absolute;
right:35px;
bottom:10px;
}
#gallery-container {
z-index: 6;
position: absolute;
top: 0px;
right:0px;
}
#ytplayer_object {
z-index: 6;
position: absolute;
top: 0px;
height: 423px;
width: 633px;
right: 0px;
}
#indexbody .slide-out-div {
height: 402px;
}
#constructiontimelinebody .slide-out-div {
display:none;
}
.award {
z-index: 200;
position: absolute;
top: 0px;
right:0px;
}
#gallery-epsilonmaincontent {
width: 266px;
padding: 25px 30px 0px 20px;
}
.mapinfo p {
margin: 0px 0px 5px 0px;
}