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


/* The containing box for the gallery. */
#container {position:relative; width:445px; height:520px; margin:0; background-image: url(../../../image-files/rooms/yellow-hotel-room-1.jpg); background-repeat:no-repeat; background-position:1px 181px;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:445px; height:150px; top:330px; padding:0;  margin:0; list-style-type:none;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:0px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 1px 1px 0px; text-align:left; cursor:default;}
#container a.slidea {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-1.jpg); height:45px; width:60px;}
#container a.slideb {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-2.jpg); height:45px; width:60px;}
#container a.slidec {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-3.jpg); height:45px; width:60px;}
#container a.slided {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-4.jpg); height:45px; width:60px;}
#container a.slidee {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-5.jpg); height:45px; width:60px;}
#container a.slidef {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-6.jpg); height:45px; width:60px;}
#container a.slideg {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-7.jpg); height:45px; width:60px;}
#container a.slideh {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-8.jpg); height:45px; width:60px;}
#container a.slidei {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-9.jpg); height:45px; width:60px;}
#container a.slidej {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-10.jpg); height:45px; width:60px;}
#container a.slidek {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-11.jpg); height:45px; width:60px;}
#container a.slidel {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-12.jpg); height:45px; width:60px;}
#container a.slidem {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-13.jpg); height:45px; width:60px;}
#container a.sliden {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-14.jpg); height:45px; width:60px;}
#container a.slideo {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-15.jpg); height:45px; width:60px;}
#container a.slidep {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-16.jpg); height:45px; width:60px;}
#container a.slideq {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-17.jpg); height:45px; width:60px;}
#container a.slider {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-18.jpg); height:45px; width:60px;}
#container a.slides {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-19.jpg); height:45px; width:60px;}
#container a.slidet {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-20.jpg); height:45px; width:60px;}
#container a.slideu {background:url(../../../image-files/rooms/thumb/yellow-hotel-room-21.jpg); height:45px; width:60px;}
/* styling the hovers */
#container a.gallery:hover {border:1px solid #FFFF00;}
#container a.gallery:hover span {position:absolute; width:445px; height:334px; top:180px; left:0px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #FFFF00; float:left; margin-right:0px;}
#container a.slideb:hover img, #container a.slidei:hover img {}