#slideshow * { margin: 0; padding: 0; }
#slideshow {
	background: url('images/bg_shadow.gif') no-repeat top;
	position: relative;
	padding: 14px 0 15px;
	width: 500px;
	height: 600px;
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading {
	position: absolute;
	top: -4px;
	visibility: visible;
}
#slideshow #loading {
	background: url('images/spinner.gif');
	display: block;
	top: 158px;
	left: 205px;
	text-indent: -5000px;
	width: 24px;
	height: 24px;
	visibility: visible;
	z-index: 5;
}
#slideshow #pictures {
	background: url('images/bg.jpg');
	width: 300px;
	height: 100%;
	left: 0;
	overflow: hidden;
}
#slideshow #pictures li {
	display: block;
	position: absolute;
	top: 0;
	width: 300px;
	background: #EEEEEE;
	visibility: visible;
}
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu {
	background: url('images/bg_side.jpg');
	list-style-type: none;
	width: 166px;
	height: 600px;
	right: 1px;
	padding-top: 20px;
	overflow: auto;
}
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a {
	display: block;
	font: 11px "Lucida Grande", "Verdana";
	text-decoration: none;
	padding: 5px 0 5px 2px;
	z-index: 1000;
	color: #222222;
	line-height: 18px;
	vertical-align: middle;
	zoom: 1;
	background: url(none);
}
#slideshow #menu li a:focus {
	outline: 0;
	color: #EEEEEE;
}
#slideshow #menu li a:hover {
	color: #EEEEEE;
	font-weight: bold;
	background-color: #BB0000;
}
#slideshow #menu li.current a {
	font: 15px;
	color: #EE0000;
	line-height: 18px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
}
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }

#slideshow-options {
	display: none;
}

#slideshow #menu h3 {
	padding-top: 15px;
	padding-bottom: 3px;
}