#slideshow * { margin: 0; padding: 0; }
#slideshow { position: relative; padding: 14px 0 15px; width: 860px; height: 300px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 140px; left: 215px; text-indent: -5000px; width: 42px; height: 42px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/slidebg.gif'); width: 860px; height: 300px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 860px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }

#slideshow #menu {list-style-type: none; width: 450px; height: 50px; left: 0; margin-top: 230px; padding-top: 20px;}
#slideshow #menu li {z-index: 1000; background:url('images/callout.li.jpg') no-repeat; width: 150px; height: 50px; float: left; border: 0px;}
#slideshow #menu li a { display: block; font: 11px "Arial, Helvetica, sans-serif", "Verdana"; text-decoration: none; padding-top: 18px; z-index: 1000; text-align:center; color: #ccc; line-height: 14px; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current {background:url('images/callout.li.active.jpg') no-repeat; height: 60px; margin-top: -10px;}
#slideshow #menu li.current a { font: 14px "Arial, Helvetica, sans-serif", "Verdana"; color: #fff; padding: 16px 10px 5px 14px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/toparrow.png') no-repeat left center; position: absolute; font-size: 1px; height: 6px; width: 150px; z-index: 5; margin-left: 70px; margin-top: -30px;}
