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

/* Global Styles */
#showcase {position:relative; height:240px;}
#info {position:relative; background:#fff; float:left;}
#info_right {display:block; float:right; width:230px; padding:10px; color:#fff;}
#info_right p {margin:0 0 10px 0;}
#info_right form fieldset {padding:0; border:0; margin:0 0 0 5px;}
#info_right ol {margin-top:40px;}
#info_right ol li {margin-bottom:5px;}
#info_right li a, #info_right li a:visited {color:#fff; font-size:11px; text-decoration:none;}
#info_right li a:hover {text-decoration:underline;}

#info h2 {font-family:"times new roman", serif; font-size:1.4em; margin:0; text-align:left; margin:15px 0 10px 0;}
#info h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0 0 0 0; color:#006699; text-align:left; margin-bottom:10px;}
#info_right h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#fff;}
#info_right_home {float:left; width:250px; overflow:hidden;}
#info_right_home a img {border:0; display:block;}

/* Global Styles */
#showcase1 {position:relative; height:240px;}
#info1 {position:relative; float:left; top:-265px;}
#info_right1 {display:block; float:right; width:230px; padding:10px; color:#fff;}
#info_right1 p {margin:0 0 10px 0;}
#info_right1 form fieldset {padding:0; border:0; margin:0 0 0 5px;}
#info_right1 ol {margin-top:40px;}
#info_right1 ol li {margin-bottom:5px;}
#info_right1 li a, #info_right li a:visited {color:#fff; font-size:11px; text-decoration:none;}
#info_right1 li a:hover {text-decoration:underline;}

/* Upper Unit */
.accom_upper_start{display:block; 
   position:absolute; 
   width:644px;  
   height:195px;
   border:1px solid #fff; 
   top: 301px; 
   left: 4px;  
   color:#000; 
   background:#ccc; 
   text-align:center; 
   font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px;
   }
.upperunit .a, .a:visited {color:#000;}
#containera {position:relative; width:665px; height:195px; background:#888; border:1px solid #000; margin:10px auto;}

.upperunit a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:50px; float:left; margin:7px 5px; position:relative; cursor:default; bottom:-450px;}

.upperunit a.slidea {background-image: url(../images/accommodation_gallery/upperunit/thumb_01.jpg);}
.upperunit a.slideb {background:url(../images/accommodation_gallery/upperunit/thumb_02.jpg);}
.upperunit a.slidec {background:url(../images/accommodation_gallery/upperunit/thumb_03.jpg);}

.upperunit a.gallery span {visibility:hidden; display:block; position:absolute; width:644px; height:195px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

.upperunit a.slidea span {left:-2px; top:-200px; }
.upperunit a.slideb span {left:-64px; top:-200px;}
.upperunit a.slidec span {left:-126px; top:-200px;}

.upperunit a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

.upperunit a.gallery:hover span {visibility:visible; z-index:100;}

.upperunit a.gallery:hover span img {border:1px solid #000; position:relative; z-index:100;}

.upperunit a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

.upperunit a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

.upperunit a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; z-index:10;}


/* Lower Unit */
.accom_lower_start{display:block; 
   position:absolute; 
   width:644px;  
   height:195px;
   border:1px solid #fff; 
   top: 258px; 
   left: 4px;  
   color:#000; 
   background:#ccc; 
   text-align:center; 
   font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px;
   }
.lowerunit .a, .a:visited {color:#000;}
#containerb {position:relative; width:665px; height:195px; background:#888; border:1px solid #000; margin:10px auto; }

.lowerunit a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:50px; float:left; margin:7px 5px; position:relative; cursor:default; bottom:-450px;}

.lowerunit a.slided {background-image: url(../images/accommodation_gallery/lowerunit/thumb_01.jpg);}
.lowerunit a.slidee {background-image: url(../images/accommodation_gallery/lowerunit/thumb_02.jpg);}

.lowerunit a.gallery span {visibility:hidden; display:block; position:absolute; width:644px; height:195px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

.lowerunit a.slided span {left:-2px; top:-200px; background:url(images/accommodation_gallery/upperunit/thumb_01.jpg);}
.lowerunit a.slidee span {left:-64px; top:-200px; background:url(images/accommodation_gallery/upperunit/thumb_02.jpg);}

.lowerunit a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

.lowerunit a.gallery:hover span {visibility:visible; z-index:100;}

.lowerunit a.gallery:hover span img {border:1px solid #000; position:relative; z-index:100;}

.lowerunit a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

.lowerunit a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

.lowerunit a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; z-index:10;}

/*Guest Unit */
.accom_guest_start{display:block; 
   position:absolute; 
   width:644px;  
   height:195px;
   border:1px solid #fff; 
   top: 258px; 
   left: 4px;  
   color:#000; 
   background:#ccc; 
   text-align:center; 
   font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px;
   }
.guestunit .a, .a:visited {color:#000;}
#containerb {position:relative; width:665px; height:195px; background:#888; border:1px solid #000; margin:10px auto; }

.guestunit a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:50px; float:left; margin:7px 5px; position:relative; cursor:default; bottom:-450px;}

.guestunit a.slidef {background-image: url(../images/accommodation_gallery/lowerunit/thumb_01.jpg);}
.guestunit a.slideg {background-image: url(../images/accommodation_gallery/lowerunit/thumb_02.jpg);}
.guestunit a.slideh {background-image: url(../images/accommodation_gallery/lowerunit/thumb_03.jpg);}

.guestunit a.gallery span {visibility:hidden; display:block; position:absolute; width:644px; height:195px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

.guestunit a.slided span {left:-2px; top:-200px;}
.guestunit a.slidee span {left:-64px; top:-200px;}

.guestunit a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

.guestunit a.gallery:hover span {visibility:visible; z-index:100;}

.guestunit a.gallery:hover span img {border:1px solid #000; position:relative; z-index:100;}

.guestunit a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

.guestunit a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

.guestunit a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; z-index:10;}

.overlay {background-color:#000000;
	  opacity:.0;          
	  position:absolute;
	  top:0px;
	  left:0px;
	  width:0px;
	  height:0px;
	  display:none;
      visibility:hidden;
	  z-index:10;
	 }

.box {background-color:#fff;
      opacity:.0;
	  position:absolute;
      width:0px;
      height:0px;
      top:0px;
      left:0px;
      text-align:left;
      border: 1px solid #000;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:10px;	  
	  visibility:hidden;
	  display:none;
	  z-index:100;
	  padding:0px;
     }