#slideshow * { margin: 0; padding: 0; }
#slideshow { border:1px solid #CCC;position: relative; padding: 14px 0 15px; width: 628px; height: 228px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 115px; left: 235px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures {width: 633px; height: 277px; left: 30px; overflow: hidden; float:left; text-align:left; position:absolute }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 631px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }

#slideshow #menu { width: 26px; height: 257px; left: 2px; }
#slideshow #menu li {display: block; z-index: 1000; position: relative; zoom: 1; padding-bottom:7px }
#slideshow #menu li a { background: no-repeat url('images/cities/bb.png') ; display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 3px 0px 7px 0px; z-index: 1000; color: #FFF; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; background: no-repeat url('images/cities/current.png');}
#slideshow #menu li.current a {color: #fff;background: no-repeat url('images/cities/current.png')}
#slideshow #menu li.background { background: no-repeat url('images/cities/current.png'); position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }