/* Horizontal scroller */

#frame, #frame div.button, #scroller, .section { height: 300px; }

#frame 
{
	position: relative;
  height: 230px;
	width: 930px;
	overflow: hidden;
	margin: 0 auto;
	padding: 35px 0;
	background: url('/images/scroller.jpg') no-repeat left top;
}
		
#frame div.button 
{
	position: absolute;
	top: 135px;
}
	
div.button#left { left: 30px; }
div.button#right { right: 30px; }

#scroller 
{
	width: 770px;
	height: 230px;
	margin: 0 auto;	
	padding: 0;
	overflow: hidden;
}
	
.section 
{
	width: 245px;
	height: 230px;
	margin: 5px;
	padding: 0;
	float: left;
}