div#frame{
margin: 0 auto;					/*align the frame at the center*/
width: 970px;					/*frame width*/
height: 270px;					/*frame height*/
border: #ccc solid 5px;		/*frame border*/
position: relative;				/*position relative so that it gets hide in IE*/
overflow: hidden;				/*hide all overflow element out of the frame*/
}
div#container
{
position: relative;				/*position relative so that it gets hide in IE*/
width: 4000px;					/*the width must be big enough so that all elements can align side by side*/
height: 350px;					/*container height*/
}
div.box
{
float: left;					/*float each element side by side*/
width: 970px;
height: 270px;
position: relative;
visibility: hidden;
}
#loading
{
	display: none;
	position: absolute;
	height: 234px;
	width: 234px;
	margin-top: -117px;
	margin-left: -117px;
	left: 50%;
	top: 50%;
	background: transparent url('../images/loading.gif') no-repeat 100% 100%;
}
div#next
{
width: 3em;
height: 5em;
top: 50%;			/*align it vertically center*/
margin-top: -2.5em;	/*align it vertically center*/
right: 0em;
position: absolute;
background: transparent url(../images/next.png);
}
div#prev
{
width: 3em;
height: 5em;
left: 0em;
top: 50%;			/*align it vertically center*/
margin-top: -2.5em;	/*align it vertically center*/
position: absolute;
background: transparent url(../images/prev.png);
}