img.loading-gif {
	width: 100px;
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 45%;
}

div.slideshow {
	position: relative;
	padding: 3px 0;
}

div.backwindow {
	overflow: hidden;
	width: 960px;
}
.slideshow{width:960px;margin:0 auto;}
/* This is the ul you have all your images in */
.slideshow ul{padding:0;width:1px;height:1px;margin:0;overflow:hidden;}
.slideshow ul li{float: left; padding:0;margin:0;position:relative;overflow:hidden;width: 1px; height: 1px; position: absolute; top:0; right: 0;}
.slideshow ul li div img{position:relative;cursor:pointer; height:1px; width: 1px; float: left;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
	width:960px;
	height:673px;
	display:block;
	position:relative;
}
	
.pika_subdiv{
	position:relative;
}
.pika_subdiv img, .pika_subdiv a img{
	border:none;
}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0;left:0;}
.pika_back_img{position:relative;top:0px;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{
	position:absolute;
	z-index:1;
	left:50%;
	bottom: -35px;
	width: 100px;
}
	.pika_play a.pika_play_button{
		float: left;
		margin-left:auto;
		cursor:pointer;
		display: block;
		width:15px;
		height:24px;
		background:url('../img/slideshow-play-btn.gif') top center no-repeat;
	}
	.pika_play a.pika_stop_button{
		float: left;
		margin-left:auto;
		cursor:pointer;
		display: block;
		width:15px;
		height:24px;
		background:url('../img/slideshow-pause-btn.gif') top center no-repeat;
	}

.pika_navigation{
	clear:both;
	text-align:center; 
	position: absolute; 
	bottom: -25px;
	right: 470px;
}
	.pika_navigation a:hover{
	text-decoration: underline;
	}
	.pika_navigation a{
		font-size: 12px;
		text-decoration: none;
	}

/* if you want to 'hide' these jus make their height and width 1px */

.pika_prev_hover{
	float: left;
	margin-left: -60px;
	height:24px;
	width:15px;
	background:url('../img/slideshow-prev-btn.gif') top left no-repeat;
	cursor:pointer;
}
.pika_next_hover{
	float: left;
	margin-left: 28px;
	height:24px;
	width:15px;
	background:url('../img/slideshow-next-btn.gif') top right no-repeat;
	cursor:pointer;
}