#container{
width: 100%;
height: 100%;}

#ss_logo{
float: left;
width: 110px;
margin-left: 5px;}

#ss_controls{
text-align: center;
position: relative;
}

#slideshow{
width: 70%;
text-align: center;
float: left;
height: 100%;
min-width: 540px;
margin-top: 30px;}

#galleryContainer{	/* Big Div surrounding up image, list of images and down image */

height: 520px;	
width: 140px;
/* A little space between the border and the content inside */
text-align: center;
float: left;}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow: auto;
		height: 440px;
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}