#slideshow * { margin: 0; padding: 0; }
#slideshow { position: relative; padding: 14px 0 15px; width: 400px; height: 400px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }

#slideshow #pictures { background: #000; width: 400px; height: 300px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 400px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }

#slideshow #menu { background: #000; list-style-type: none; width: 400px; height: 120px; bottom:0;}
#slideshow #menu img{ border: #FF0 solid 1px;}

#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1;  margin:0; padding:0; }

#slideshow #menu li.hostel1 { margin-top: -148px;}
/* #slideshow #menu li.hostel5 { margin-top: -148px;} */

#slideshow #menu li.city1 { margin-left: 0px;}
#slideshow #menu li.city2 { margin-left: 0px;}
#slideshow #menu li.city3 { margin-left: 0px;}
#slideshow #menu li.city4 { margin-left: 0px;}

#slideshow #menu li.hostel1 { margin-left: 340px;}
#slideshow #menu li.hostel2 { margin-left: 340px;}
#slideshow #menu li.hostel3 { margin-left: 340px;}
#slideshow #menu li.hostel4 { margin-left: 340px;}
/* #slideshow #menu li.hostel5 { margin-left: 340px;}
#slideshow #menu li.hostel6 { margin-left: 340px;}
#slideshow #menu li.hostel7 { margin-left: 340px;}
#slideshow #menu li.hostel8 { margin-left: 340px;} */

#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 5px 0 5px 10px; z-index: 1000; color: #f0ca21;  vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: "Georgia"; color: #fff; padding: 5px 0 5px 10px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }