#slideshow * { margin: 0; padding: 0;}
#slideshow { /*background: url('images/bg_shadow.gif') no-repeat top;*/ background: #000; position: relative; padding: 14px 0 0; width: 960px; height: 450px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 210px; left: 400px; text-indent: -5000px; width: 32px; height: 32px; visibility: hidden; z-index: 5; }
#slideshow #pictures { width: 640px; height: 425px; left: 100px; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 640px; }
#slideshow #menuContainer {overflow: hidden; width: 100px; height: 400px; left: 0; position: absolute; margin: 0 0 0 10px;}
#slideshow #menu { list-style-type: none; width: 100px; height: 400px; left: 0; padding-top: 8px; padding-bottom: 12px; margin: 0;}
#slideshow #menu li { display: block; z-index: 6; position: relative; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 0; z-index: 6; color: #ccc; line-height: 14px; vertical-align: middle; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a {  }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat 80px center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
#slideshow #menu img {border: 1px solid #fff; height: 48px;}
#slideshow #slideshowMsg {position: absolute; right: 0; width: 207px; height: 423px; color: #fff; font-family: Georgia,Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}

#arrowDown{position: absolute; left: 0; margin: 0 0 25px 37px; bottom: 0; z-index: 7; cursor: pointer;}
#arrowUp{position: absolute; left: 0; margin: 5px 0 0 37px; top: 0; z-index: 7; cursor: pointer;}