/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

#cache {height: 0px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {border:none; color:#00688B;}
#logo h1 a:hover {border:none; color:#008080; text-decoration:none;}
#logo p {font-size:1.3em;  color:#00688B; margin:0 0 20px 0;}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0; }

h2 {font-size:1.8em; font-weight:400; margin:0 0 12px; color: #00688B; }
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px; color: #00688B; }
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(../images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(../images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(../images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {float: left; width: 700px; padding-bottom: 5px;}
.navitab {background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.activenavitab {background:#505050 url(../images/corner.gif) top right no-repeat; color:#fff; margin:0 0 5px; padding:4px 8px 4px; text-decoration:none;}
.activenavitab:hover {background:#505050 url(../images/corner.gif) top right no-repeat; color:#fff; margin:0 0 5px; padding:4px 8px 4px; margin-bottom: 0;}

/* Header description area */
#desc {clear:both; color:#fff;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px; }

/* Sidebar */
#sidebar {float:right; width:150px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(../images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:0.8em; line-height:1.1em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

/* Modifications */
#desc {position: relative;}

#desc div {height:195px; margin:0px 0 15px; padding:0 0 5px 0; overflow: auto; z-index: 1; position: absolute;}
#desc .active-tab {z-index: 2;}

#desc-home {background:#505050 url(../images/front-home.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-townhouse {background:#505050 url(../images/front-townhouse.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-beach {background:#505050 url(../images/front-beach.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-golf {background:#505050 url(../images/front-golf.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-area {background:#505050 url(../images/front-area.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-getting-there {background:#505050 url(../images/front-location.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-bookings {background:#505050 url(../images/front-bookings.jpg) bottom left repeat-y; width: 100%; height: 100%; }
#desc-contact {background:#505050 url(../images/front-contact.jpg) bottom left repeat-y; width: 100%; height: 100%; }

#loading-icon {width: 16px;margin: 0; float: right;}
#loading-icon img {}

#main,#sidebar {margin-top: 210px;}

.image-right { padding: 5px 0 5px 10px; float: right; clear: left; width: 280px; font-size: 0.7em; text-align: right; position: relative;}
.image-left { padding: 5px 10px 5px 0; float: left; clear: right; width: 280px; font-size: 0.7em; text-align: left;  position: relative;}

.image-right a, .image-left a { border: 0;}
.image-small { width: 187px; clear: both; }

#main p { text-align: justify; }

.error_list { color: red }

#main td, #main th { text-align: center; border: 1px solid #303030; padding: 3px; }

.highlight { color: #00688B; }

div.gallery {
  padding: 5px;
  background: #ccc;
  -moz-border-radius: 10px;
  margin: 20px auto;
  clear: both;
  float: left;
}

div.gallery img {
  border: 1px solid #000;
  width: 80px;
  height: 80px;
  margin: 3px 0;
  -moz-border-radius: 5px;
}

div.gallery a {
  border: 0px solid black;
  margin: 10px 4px;
}

#gtitle {
  font-size: 0.8em;
  font-weight: bold;
  color: #666;
  margin: 0 0 5px 5px;
}

/* Colorbox stuff */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("/images/colorbox/controls.png") top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("/images/colorbox/controls.png") top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url("/images/colorbox/loading.gif") center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url("/images/colorbox/controls.png") top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}