/***************************************
*        slideshowstyles.css           *
*   styles for the splash slideshow    *
***************************************/

#sshowcont { /* div: the main slideshow container */
	width: 567px;
	height: 430px;
	position: relative; /* (contain abs. positioned photos) */
	overflow: hidden; /* (so we can slide the photos out of sight) */
	margin: 0px auto;
}

#sscover { /* div: used as cover (to make it appear as though the first photo fades in) */
	width: 567px;
	height: 430px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101; /* (place on top) */
	background: #f8f8f8;
}

.sshowphoto { /* imgs: all the slideshow photos have this class (as well as individual ids) */
	position: absolute;
	top: 0px;
	left: 0px;
}

#sshowphoto1 { /* img: individual slideshow photo */
	z-index: 100;
}
#sshowphoto2 {
	z-index: 99;
}
#sshowphoto3 {
	z-index: 98;
}
#sshowphoto4 {	
	z-index: 97;
}
#sshowphoto5 {
	z-index: 96;
}
#sshowphoto6 {
	z-index: 95;
}


#ssskiplink { /* div: contains skip intro link */
	width: 567px;
	margin: 10px auto;
	text-align: right;
}