#slideshow * { margin: 0; padding: 0; }

#slideshow { position: relative; padding:0; width: 630px; height: 300px; }

#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }

#slideshow #loading { background: url('spinner.gif'); display: block; top: 130px; left: 280px; text-indent: -5000px; width: 48px; height: 48px; visibility: hidden; z-index: 5; }

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

#slideshow #menu { list-style-type: none; right: 0; padding-top: 170px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; }
#slideshow #menu li a { 
	display: block; 
	width: 10px;
	_width: 10px;
	text-decoration: none; 
	padding: 5px; 
	z-index: 1010; 
	color: #CCC; 
	line-height: 14px; 
	vertical-align: middle; 
	background-color:#333;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-weight:bold;
	text-align:center;	
	}
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #FF0; }
#slideshow #menu li.current a { color:#FF0; padding: 5px; line-height: 14px; }
#slideshow #menu li.background { position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }