/* general settings */
#bg a img{ border:none; }
#bg a{ color: #666; 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(/default/includes/themes/beaches/media/player/images/bg-menu.gif) top left repeat-x; font-size:8px; color:#797266; padding:0px; position:absolute; display:none; top:16px; z-index:10; }
#bg #labels a, #bg #labels a.currentLab{ margin-left:7px; height:14px; cursor:pointer; padding:3px 2px 3px 2px; display:inline-block; }
#bg #labels a:hover, #bg #labels a.currentLab{ color:#3679a8; background-color:#fffefe; }

/* play and pause button */
#bg #playPause { width:56px; height:13px; position:absolute; top:36px; right:50px; z-index:15; cursor:pointer; background-color:#000; opacity:0.7; padding:4px 0 0 19px; }
#ie7 #bg #playPause{ padding:0 0 7px 19px; }
#bg #playPause img{ vertical-align:top; }

/* 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(/default/includes/themes/beaches/media/player/images/closeMenu.gif) top left no-repeat;  margin:5px 0 0 818px; cursor:pointer; display:none;}

/* download button */
#bg #btnDownload { background:url(/default/includes/themes/beaches/media/player/images/btn-download.png) top left no-repeat; width:81px; height:15px; display:block; cursor:pointer; position:absolute; top:455px; left:20px; z-index:10; }
#bg #btnDownload:hover{ background-position:0px -15px;}

/* close button */
#bg #closeContainer { width:17px; height:17px; background:url(/default/includes/themes/beaches/media/player/images/bg-closeButton.gif) top left no-repeat; cursor:pointer; position:absolute; z-index:30; top:4px; right:4px; }
#bg #closeContainer:hover { background-position:0px -17px;}

/* thumbnails */
#bg #bigThumbs{ width:928px; margin:9px 0 0 1px; }
#bg #thumb{ background:url(/default/includes/themes/beaches/media/player/images/bg-thumb.gif); width:861px; height:74px; float:left; }
#bg #thumbContainer{ width:857px; height:40px; overflow:hidden; padding:11px 0 0 5px; position:relative; }
#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(/default/includes/themes/beaches/media/player/images/arrow-left.gif); width:23px; height:74px; display:block; cursor:pointer; float:left; }
#bg #prevSet:hover { background-position:0px -74px;}
#bg #nextSet { background-image:url(/default/includes/themes/beaches/media/player/images/arrow-rigth.gif); 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; }
#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(/default/includes/themes/beaches/media/player/images/img-dotBlue.gif) 22px 20px no-repeat; color:#FFF; }
#bg .hideCap { background:url(/default/includes/themes/beaches/media/player/images/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:15px; }
#bg #dots a{ background:url(/default/includes/themes/beaches/media/player/images/dots-grayBlue.png) 0px 0px no-repeat; width:8px; height:7px; display:inline-block; margin-left:5px; }
#bg #dots a.current{ background:url(/default/includes/themes/beaches/media/player/images/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:605px; height:400px; float:left; display:inline; overflow:hidden; margin:32px 0 0 129px; }
#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(/default/includes/themes/beaches/media/player/images/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:42px; background-color:#000; border:none; color:#FFF; padding:8px 0 0 35px; font-family:arial; font-size:12px; z-index:50; position:absolute;  margin:-50px 0 0 330px; opacity:0.7; filter:alpha(opacity=50);display:none; }
#bg #description{ position:relative; }
#bg #description .hideCapDesc{ background:url(/default/includes/themes/beaches/media/player/images/btn-hideCaption.gif) top left no-repeat; cursor:pointer; width:71px; height:11px; display:block; border:none;  position:absolute; top:5px; right:5px; }
#bg .hideCapDesc:hover { background-position:0px -11px; border:none;}
#bg .showCapDesc { 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:610; margin:-17px 0 0 780px; display:none;}
#bg .showCapDesc img, #bg #menuRestaurant img{ vertical-align:top; }

#bg a#mediaSlideShowPrev{ display:block; width:42px; height:42px; position:absolute; z-index:10; top:220px; left:20px; background-position:-10px -123px; }
#bg a#mediaSlideShowNext{ display:block; width:42px; height:42px; position:absolute; z-index:10; top:220px; right:20px; background-position:-62px -123px; }
#bg a#mediaSlideShowPrev:hover{ background-position:-10px -167px; }
#bg a#mediaSlideShowNext:hover{ background-position:-62px -167px; }