div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 600px; 
	height:600px;
	overflow: hidden;
	border:1px solid #cccccc;
	margin-left:5px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:590px;
		height:600px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		background:#fff;
		color:#ffffff;
		}
.controls{ width:600px; margin-left:5px; margin-top:10px; margin-bottom:10px;}
.controls img{ width:30px; height:30px; margin:0 3px 5px 5px; border:1px solid #ccc;}
.controls a{ width:30px; height:30px;margin:0 0px 0px 0px;}
.controls a:hover{ width:30px; height:30px;margin:0 0px 0px 0px; }