@charset "UTF-8";
/* CSS Document */

<!-- styles -->
<style type="text/css" media="screen">


#wrapper
{
	padding: 0;
}

#frame
{
	position:relative;
	width:635px;
	height:370px;
	background-color:#000;
	
	/* serves as a mask */
	overflow:hidden;
}

#btn-previous-img
{
	position:absolute;
	bottom:10px;
	left:10px;
	cursor:pointer;
}

#btn-next-img
{
	position:absolute;
	bottom:10px;
	right:10px;
	cursor:pointer;
}

#transition-container
{
	height:370px;
	
	/* should be the sum of all photos */
	width:3000px;
	
	/* position it */
	position:relative;
	top:0px;
	left:0px;
}

.photo
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
</style>