/* main container */
#bg { background:url(/media/slideshow-assets/media-bg.png) top left no-repeat; width:950px; padding:16px 0 0 9px; position:relative; font-family:Arial, Helvetica, sans-serif; }

/* general settings */
#bg a img{ border:none; }
#bg a{ color: #7b7b7b; text-decoration:none; outline:none; }
.clearer{ clear:both; display:block; line-height:0%; font-size:0%; height:0%; }

/* subnav */
#bg #labels{ width:910px; height:37px; background:url(/media/slideshow-assets/bg-menu.png) top left repeat-x; font-size:10px; font-weight: bold; color:#105380; padding:0px; position:absolute; display:none; top:42px; z-index:10; font-family: "Arial"; left:20px; }
#bg #labels a, #bg #labels a.currentLab{ margin-left:7px; height:14px; cursor:pointer; padding:2px  3px 2px; display:inline-block; }
#bg #labels a:hover, #bg #labels a.currentLab { color:#105380;  }
#labels img {margin-top: 2px;}

/* Viewing */
.viewing {position: absolute;top: 20px;left: 21px;font-size:12px; color:#105380; z-index:10; font-family: "Arial";  }
.viewing span {color:#7b7b7b;text-transform: uppercase;font-weight: bold;}

#mg-count {position: absolute;top: 23px;left: 818px;font-size:12px; color:#105380; z-index:10; font-family: "Arial";  }
#mg-count p {color:#105380;font-family: "Arial"; font-size: 14px;font-weight: lighter;}
/* play and pause button */
#bg #playPause { 
    width: 56px;
    height: 13px;
    position: absolute;
    top: 17px;
    right: 155px;
    z-index: 15;
    cursor: pointer;
    background-color: #000;
    opacity: 0.7;
    padding: 4px 0 0 19px;
    line-height: 8px;
    border-radius: 0px 0px 2px 2px;
    margin-top: 6px;
}

/* restaurant menu button */
#bg #menuRestaurant{ width:66px; height:13px; position:absolute; z-index:15; cursor:pointer; padding:4px 0 0 7px; background-color:#000;opacity:0.7; filter:alpha(opacity=50); top:36px; right:140px; display:none;}
#bg #closeMenu {width:68px; height:11px; position:absolute; z-index:27;  background:url(slideshow-assets/closeMenu.gif) top left no-repeat;  margin:5px 0 0 818px; cursor:pointer; display:none;}

/* download button */
#bg #btnDownload { 
    background-color: #D4D4D4; 
    background:url(/media/slideshow-assets/btn-download.png) top left; 
    width:81px; 
    height:15px; 
    display:block; 
    cursor:pointer; 
    position:absolute; 
    top:488px; 
    left:30px; 
    z-index:10;
    color: #807D77;
}

#bg #btnDownload:hover{ background-position:0px -15px;}

/* close button */
#bg #closeContainer { width:17px; height:17px; background:url(/media/slideshow-assets/bg-closeButton.png) top left no-repeat; cursor:pointer; position:absolute; z-index:30; top:13px; right:16px; }
#bg #closeContainer:hover { background-position:0px -17px;}

/* thumbnails */
#bg #bigThumbs{ width:928px; margin: 10px 0px 0px 12px; }
#bg #thumb{ background:url(/media/slideshow-assets/bg-thumb.gif); width:861px; height:74px; float:left; }
#bg #thumbContainer{ width:857px; height:40px; overflow:hidden; padding:11px 0 0 5px; }
#bg #thumbContainer img{ position:relative; margin:0 0 37px 10px; border:solid 1px #fff; cursor:pointer; }
#bg #thumbnails{ position:relative; }
#bg #thumbnails .currentThumb{ border:solid 1px #3679a8; }	
#bg #prevSet { background-image:url(/media/slideshow-assets/arrow-left.png); width:23px; height:74px; display:block; cursor:pointer; float:left; }
#bg #prevSet:hover { background-position:0px -74px;}
#bg #nextSet { background-image:url(/media/slideshow-assets/arrow-rigth.png); width:23px; height:74px; display:block; cursor:pointer; float:left;}
#bg #nextSet:hover{ background-position:0px -74px;}


/* main image container */
#bg #jscontainer {width:910px; position:relative; height:466px; margin-top: 29px;margin-left: 11px;}
#bg #jscontainer img{ position:absolute; z-index:2; }


#bg #roomCat { width:534px; height:35px; background-color:#000; border:none; color:#FFF; padding:15px 0 0 35px; font-family:arial; font-size:12px; z-index:1000; position:absolute;  margin:-50px 0 0 330px; opacity:0.7; filter:alpha(opacity=50); display:none;}
#bg #roomCat:hover { opacity:0.8;}
#bg .dotBlue { background:url(/media/slideshow-assets/img-dotBlue.gif) 22px 20px no-repeat; color:#FFF; }
#bg .hideCap { background:url(/media/slideshow-assets/btn-hideCaption.gif) top left no-repeat; margin:-28px 0 0 450px; cursor:pointer; height:11px; width:71px; display:block; border:none;  }
#bg .hideCap:hover{ background-position:0px -11px; border:none;}
#bg .showCap { width:85px; height:12px; padding:5px 0 0 7px; background-color:#000; cursor:pointer; opacity:0.7; filter:alpha(opacity=50); position:absolute; z-index:600; margin:-17px 0 0 780px; display:none;}


#bg #dots { text-align:center; position:relative; bottom:18px; }
#bg #dots a{ background:url(/media/slideshow-assets/dots-grayBlue.png) 0px 0px no-repeat; width:8px; height:7px; display:inline-block; margin-left:5px; }
#bg #dots a.current{ background:url(/media/slideshow-assets/dot-blue.png) 0px 0px no-repeat}


/* This is the css for the , pull menu section */
#bg #showMenuRestaurant{ width:910px;height:466px; background-color:#000; position:absolute; z-index:300; background-color:#000; opacity:0.85; filter:alpha(opacity=80); display:none; color:#FFF; }
#bg #containerMenuRes{ width:570px; height:400px; float:left; display:inline; overflow:hidden; margin:32px 0 0 159px; }
#bg #containerMenuRes img{ position:relative; }
#bg #scroll{ width:1px; height:384px; float:left; display:inline; margin:55px 0 0 25px; position:relative; }
#bg #scrollBar { background:url(/media/slideshow-assets/scrollBar.gif) top left no-repeat; width:4px; height:384px; position:absolute; z-index:10; }
#bg #scrollBar_clickable{ width:20px; height:384px; position:absolute; z-index:11; left:-8px; top:0px; }
#bg #scroller{ position:absolute; z-index:12; left:-3px; top:0px; }
#bg #info{ margin:20px; color:#000; font-family:Arial, Helvetica, sans-serif; }



/* div for the description method, this will show the description project for all the rooms accommodatiosn */
#bg #description { width:534px; height:26px; background-color:#000; border:none; color:#FFF; padding:8px 0 0 35px; font-family:arial; font-size:12px; z-index:50; position:absolute;   margin: -34px 0 0 328px; opacity:0.7; filter:alpha(opacity=50);display:none; }
#bg #description p { position:relative;}
#bg .hideCapDesc{ background:url(/media/slideshow-assets/btn-hideCaption.gif) top left no-repeat; cursor:pointer; width:87px; height:11px; display:block; border:none; margin:-37px 0 0 447px; }
#bg .hideCapDesc:hover { background-position:0px -11px; border:none;}
#bg .showCapDesc { width:85px; height:12px; padding:0px 0 11px 7px; background-color:#000; cursor:pointer; opacity:0.7; filter:alpha(opacity=50); position:absolute; z-index:610; margin:-23px 0 0 780px; display:none;border-radius: 3px 3px 0px 0px;behavior: url(../styles/ie/PIE.htc);}