#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('bg_shadow.gif') no-repeat top; position: relative; width: 380px; height: 219px; padding-left:0; padding-right:0; padding-top:14px; padding-bottom:15px }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5 }
#slideshow #pictures { background: url('bg.jpg'); width: 363px; height: 168px;left: 6px;  overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 370px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; width: 370px;height: 219px;}
#slideshow #menu { background: url('bg_side.jpg'); list-style-type: none; width: 20px; height: 168px; right: 0; padding-top: 0px }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 10px "tahoma", "tahoma"; text-decoration: none; padding: 5px 0 5px 5px; z-index: 1000;  color: white; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus {font: 10px "tahoma"; color: red; padding: 5px 0 5px 5px; line-height: 10px; vertical-align: middle;  }
#slideshow #menu li a:hover {color: red; vertical-align: middle;   }
#slideshow #menu li.current a { font: 10px "tahoma"; color: lightgreen; padding: 5px 0 5px 5px; line-height: 10px;vertical-align: middle;  }
#slideshow #menu li.background { background: url('arrow.gif') no-repeat left center; position: absolute; font-size: 8px; height: 7px; width: 4px; z-index: 5; }