#slideshow * { margin: 0; padding: 0; }
#slideshow {
	position:relative;
	width: 530px;
	height: 280px;
	left: 0px;
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 50px; left: 230px; text-indent: -5000px; width: 50px; height: 50px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/bg.jpg'); width: 530px; height: 280px; overflow: hidden; }
/*Above is where you change pictures and below need to specify*/
#slideshow #pictures li { display: block; position: absolute; top: 0; width:  530px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
/*#slideshow #menu {  list-style-type: none; width: 200px; height: 280px; right: 0; padding-top: 30px; }*/
/*Above is where you change menu*/
/*#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a {
	display: block;
	text-decoration: none;
	z-index: 1000;
	color: #fff;
	line-height: 10px;
	vertical-align: middle;
	zoom: 1;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0px;
}
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #f2af3b; }
#slideshow #menu li.current a {
	color: #ccc;
	line-height: 18px;
	font-family: "Georgia";
	font-size: 15px;
}
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 15px; width: 15px; z-index: 5; }