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

/* GENERAL */
*  {margin:0;padding:0;}
body  {font:normal 13px georgia, times new roman, serif;}
a:link  {color:#1A87CC;text-decoration:none;}
a:hover  {color:#06F;text-decoration:underline;}
a:visited  {color: #09F;}
a:active  {color: #09F;}
hr {border: none;border-top:1px solid #ccc;margin:0 0 30px 0;display:block;clear:both;}
.alignLeft {float:left;}
.alignRight {float:right;}
.fltLeft  {float:left;}
.fltRight  {float:right;}
.pic {border:3px solid #fff;-moz-box-shadow:2px 2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px 2px #ccc;box-shadow:1px 2px 2px 2px #bcbcbc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
table.chart {margin:0 0 30px 0;background:#E0D9BE;}
table.chart td {padding:5px 15px;border:1px solid #F4F3E1;}

/* HEADER */
#headerWrap {float:left;width:100%;background:url(../images/bg_headerwrap.jpg) repeat-x 50% 0;}
#header {display:block;margin:0 auto;width:950px;height:160px;color:#e0d9be;background:url(../images/bg_header.jpg) no-repeat 0 0;}
#header a.logo {float:left;clear:both;margin:23px 0 0 360px;}
#header p {width:320px;height:25px;margin:0;font-family:arial, helvetica, sans-serif;font-size:12px;}
#header p.fltLeft {clear:left;}
#header p.fltRight {text-align:right;}
#header p a {margin-left:3px;color:#fff;}

/* NAVIGATION */
#nav {list-style:none;float:left;display:inline;width:950px;height:45px;margin:3px 0 0 0;text-align:center;font:normal 13px georgia, times new roman, serif;text-transform:uppercase;}
#nav li {float:left;display:block;position:relative;z-index:500;}  
#nav li a {display:block;height:33px;padding:12px 34px 0 34px;color:#ede3cd;text-decoration:none;}  
#nav li.linkHotels ul {margin-left:-25px;}
#nav li.linkAbout a {padding-left:0;}
#nav li.linkNews a {padding-right:0;}
#nav li a:hover {color:#fff;}  
#nav ul {position:absolute;left:0;display:none;margin:0 0 0 -10px;padding:0;list-style:none;-moz-box-shadow:0px 2px 5px #2a2a2a;-webkit-box-shadow:0px 2px 5px #2a2a2a;box-shadow:0px 2px 5px #2a2a2a;}  
#nav ul li {float:left;clear:both;width:205px;background:#1a1a1a;}
#nav ul li.double a {padding-bottom:30px;line-height:14pt;}
#nav ul li a {font-size:13px;color:#ede3cd;text-transform:none;} 
#nav ul a {display:block;clear:both;height:15px;padding:10px 5px;border-bottom:1px solid #000;border-top:1px solid #3b3b3b;color:#fff;}  
/* fix ie6 small issue */    
*html #nav ul {margin:0 0 0 -2px;}

/* MIDDLE */
#middleWrap {float:left;width:100%;border-bottom:2px solid #fff;background:#e0d9be;}
#middle {display:block;margin:0 auto;width:950px;padding:30px 0 0 0;}

/* SLIDESHOW */
#slideshow {float:left;width:950px;height:340px;margin:0 0 0 0px;overflow:hidden;background:url(../images/bg_shadow.jpg) no-repeat 0 bottom;}
.slide {float:left;width:950px;height:310px;}
.slide a.imgLink {float:left;width:950px;height:270px;}
.slide p a {color:#57baf7;}
.slide p a:hover {color:#9dd9ff;}
.slide p {float:left;width:950px;height:28px;margin:0px 0 0 0;padding:11px 0 0 0;color:#fff;font-size:15px;text-align:center;}
.slideCabanas {background:url(../images/slide_cabanas.jpg) no-repeat 0 0;}
.slideDining {background:url(../images/slide_dining.jpg) no-repeat 0 0;}
.slidePool {background:url(../images/slide_pool.jpg) no-repeat 0 0;}
.slidePoolArea {background:url(../images/slide_poolarea.jpg) no-repeat 0 0;}

/* Inner Banners */
.banner {float:left;width:950px;height:270px;background:url(../images/bg_shadow.jpg) no-repeat 0 bottom;}

/* CTA BAR */
#ctaBarWrap {float:left;width:100%;height:250px;background:#f4f3e1 url(../images/bg_ctabar.jpg) repeat-y center 0;}
#ctaBar {display:block;margin:0 auto;width:950px;height:250px;}
#ctaBar a {float:left;width:299px;height:130px;}
#ctaBar a:hover {text-decoration:none;}
.ctaManagement, .ctaResorts, .ctaCondos {float:left;width:299px;height:188px;margin:40px 25px 0 0;}
.ctaManagement h2 a, .ctaResorts h2 a, .ctaCondos h2 a {float:left;text-align:center;width:299px;height:25px !important;padding:10px 0 0 0;text-transform:uppercase;font-size:13px;font-weight:400;color:#fff;text-shadow: 1px 1px 3px #2a2a2a;filter: dropshadow(color=#2a2a2a, offx=1, offy=1);}
.ctaManagement {background:url(../images/cta_management.jpg) no-repeat 0 0;}
.ctaResorts {background:url(../images/cta_resorts.jpg) no-repeat 0 0;}
.ctaCondos {margin-right:0;background:url(../images/cta_condos.jpg) no-repeat 0 0;}

/* CONTENT */
#contentWrap {float:left;width:100%;background:#f4f3e1;color:#074264;}
#contentWrap h1 {font-weight:normal;font-size:24px;margin:0 0 15px 0;color:#054d77;text-align:left;}
#contentWrap h2 {font-weight:normal;font-size:20px;margin:0;color:#054d77;text-align:left;}
#contentWrap p {margin:0 0 25px 0;line-height:13pt;}
#contentHome {display:block;margin:0 auto;width:950px;padding:25px 0;text-align:center;}
#content {display:block;margin:0 auto;width:950px;padding:25px 0;}
#contentWrap small {text-transform:uppercase;font:bold 11px times new roman, serif;letter-spacing:0.05em;}
#contentWrap .title {display:block;width:100%;height:86px;margin:0 0 25px 0;text-align:center !important;background:url(../images/bg_title.jpg) no-repeat 15px 15px;}
#contentWrap .title h1 {text-align:center;}
#main {float:left;width:580px;padding:15px 0 0 35px;margin:0 0 35px 0;text-align:justify;}
#main.wide{ width:880px;padding:15px 35px 0 35px !important; }
#main h1 {border-bottom:1px solid #ccc;padding:0 0 10px 0;margin:0 0 25px 0;}
#main ul {margin:0 0 20px 20px;line-height:17pt;}
#main iframe{ border:none; height:700px; overflow:auto;}

/* SIDEBAR */
#sidebar {float:left;width:335px;padding:15px 0 0 0;margin:0 0 30px 0;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
#sidebar .ctaManagement, #sidebar .ctaResorts, #sidebar .ctaCondos {margin:0 0 0 18px;}
#sidebar .blogSec {float:left;width:299px;padding:0 0 5px 0;margin:0 0 20px 18px;background:#E0D9BE url(../images/bg_sideinfo.jpg) no-repeat 0 0;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;}
#sidebar .blogSec h2 {float:left;text-align:center;width:299px;height:25px !important;margin:0 0 10px 0;padding:10px 0 0 0;text-transform:uppercase;font-size:13px;font-weight:400;color:#fff;text-shadow: 1px 1px 3px #2a2a2a;filter: dropshadow(color=#2a2a2a, offx=1, offy=1);background:url(../images/bg_bluetitle.jpg) no-repeat 0 0;)}
.blogListDate, .blogListCat {width:86%;clear:both;padding:5px 10px;margin:0 0 10px 10px !important;line-height:20px;color:#000 !important;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.blogListDate li, .blogListCat li {background:none !important;margin:0 0 3px 30px;}
.blogListAll {width:86%;clear:both;text-align:center;padding:5px 10px;margin:0 0 10px 10px !important;line-height:20px;background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/* SUB NAV */
#subnav {float:right;margin-top:5px;}
#subnav ul {margin:0;padding:0;list-style:none;float:right;}
#subnav ul li {float:left;padding-right:10px;padding-left:10px;border-right:1px solid #CCC;}
#subnav ul li:last-child {border:none;padding-right:0;}
.parentNav {float:right;margin-left:20px;}

/* FOOTER */
#footerWrap {float:left;width:100%;border-top:2px solid #fff;background:url(../images/bg_footer.jpg) repeat-x 0 0;}
#footer {position: relative;display:block;margin:0 auto;width:950px;height:425px;color:#ede3cf;}
.logos {float:left;width:950px;height:40px;margin:15px 0 65px 0;background:url(../images/bg_logos.jpg) no-repeat 0 0;}
#footer h4 {margin:0 0 23px 0;font:normal 16px georgia, times new roman, serif;}
#footer a {color:#ede3cf;}
#footer a:hover {color:#fff;}
#footer p {line-height:13pt;margin:0 0 15px 0;}
.ftrList {float:left;width:160px;margin:0 20px 0 0;font:normal 12px arial, helvetica, sans-serif;}
.ftrList ul {list-style:none;line-height:13pt;}
.ftrSec {float:right;width:270px;margin:0 10px 0 10px;font:normal 12px arial, helvetica, sans-serif;}
#footer p.fltLeft {font-size:12px;width:420px;margin:60px 0 0 0;}
#footer p.fltRight {font-size:12px;width:420px;margin:60px 0 0 0;text-align:right;}

/* FORM */
.msg {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:10px 10px 10px 35px;}
.success {background: url(../images/msg_success.png) no-repeat 10px 50% #d5f6c9;border:1px solid #34f93d;}
.failure {background: url(../images/msg_failure.png) no-repeat 10px 50% #ffa0a0;border:1px solid #f93434;}
.warning {background: url(../images/msg_warning.png) no-repeat 10px 50% #fff1a0;border:1px solid #f9dd34;}
fieldset {border:1px solid #ccc;padding:20px 0;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.form ul {list-style:none;margin:0;padding:0;}
.form li {padding:5px;margin:0;}
.form label {float:left;width:100px;position:relative;top:3px;text-align:right;padding-right:15px;}
.form legend {color:#000;font-weight:bold;padding:0 10px;text-transform:uppercase;font-size:11px;color:#2a2a2a;font-family:arial;}
.signupFieldset {height:240px;}
.captcha {float:left;}
.form input {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;}
.inputText {width:200px;}
.form img {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;position:relative;top:-2px;}
.form select {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;width:300px;}
.form textarea {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;width:400px;height:120px;}
.form button {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:5px 20px;background:#08558C;color:#FFF;font-weight:bold;cursor:pointer;border:0;}
.form button:hover {border:0;background:#1679BF;}
div.formErrors {padding:10px;margin:0 0 10px 0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;display: none;border:1px solid #dede00;background-color:#ffffaa;font-weight:normal;}
div.formErrors h4 {color:#F00;font-weight:normal;font-size:14px;margin:0px;padding:0px;}
div.formErrors ol {padding:10px 0 0 40px;margin:0;}
.formErrors .error {float:none !important;width:100% !important;border:none !important;}
.error {border:2px solid #F00 !important;}
.form .highlight {background-color:#fffbcd;}
.form .highlight label {background-color:#f6efa3;text-decoration:underline !important;}
.form .highlight-selected {background-color:#FF0;}

/* BLOG EXCERPTS */
.excerpt {margin:10px 0;}
.excerptThumb {float:left;margin-right:10px;}
.excerptThumb img {border:none;}
.excerptMain {float:left;width:80%;}
.excerptHR {text-align:center;background:none;border:none;border-top:1px dashed #bf9d98;margin-top:10px;margin-bottom:10px;clear:both;}
.excerptTitle {margin:-0px 0 0 0 !important;text-align:left !important;font-weight:lighter;}
.latestExcerpt {margin-bottom:10px;}
.latestExcerpt .excerptThumb {position:relative;top:5px;}
.catLink {color:#666;}
.datecatText {color:#999;}
.blogPaging {border:1px solid #b5c391;background-color:#f1f8e0;padding:5px;margin-top:10px;	}

/* GALLERY */
.galPic {border:2px solid #541b07;-moz-box-shadow: 2px 2px 3px #999;-webkit-box-shadow: 2px 2px 3px #999;box-shadow: 2px 2px 3px #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.galTable {}
.colPic {padding:10px;}
.colCap {padding:10px;}
.galPaging {border:1px solid #b2a68e;background-color:#cabda2;padding:10px;margin-top:10px;color:#ac996f;text-align:center;}
.galPaging a {color:#7b342e !important;margin-right:5px;border:1px solid #a39a87;padding:3px;background-color:#beb195;}
.galPaging a:last-child {margin-right:0px;}
.galPaging a:hover {border:1px solid #e1d8c0;background-color:#d0c2a5;}
.galPagingCur {margin-right:5px;border:1px solid #e1d8c0;padding:3px;background-color:#d0c2a5;}

/* UPLOADS */
.uploadContainer {list-style-type:none;margin:0;padding:0;}
.uploadItem {padding:10px 10px 10px 10px;background-color:#f7f7f7;border:1px solid #ccc;margin-top:10px; -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.uploadIcon {background:url(../images/icon_download.png) no-repeat 50% 50%;height:50px;display:block;float:left;width:50px;font-size:10px;}
.uploadContent {float:left;width:580px;margin-left:10px;}
.uploadDate {font-size:10px;color:#666;font-style:italic;}
.uploadItem a {display:inline !important;}
.uploadTitle {font-size:18px;}
.attachUploads h2 {font-weight:lighter;font-size:22px;margin:0 0 10px 0;padding:0;color:#9fb22b;}



/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast { position: absolute; right: 20px; top: 280px; margin:0 auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover , .compucast_hover{width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}	
.dark:hover { background:rgba(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0 11px 15px !important; text-align:left !important; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;}
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #AFACAC;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
/*COMPUCAST LOGO CSS end-------------------------------*/