div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
width: 889px;
	height: 399px;
	overflow: hidden;
	margin-left: 41px;
}
.mask {
	background-image: url(images/transparency.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 399px;
	width: 889px;
	position: absolute;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:889px;
	height:399px;
	overflow:hidden;
	float:left;
}

div.scroller div.content {
	width: 10000px;
}

#section1 {
	background-image: url(images/test1.jpg);
	height: 399px;
	width: 889px;
}

#section2 {
	background:url(images/test2.jpg) no-repeat;
	color:#993300;
	height: 399px;
	width: 889px;
}
#section3 {
	background:url(images/test3.jpg) no-repeat;
	color:#993300;
	height: 399px;
	width: 889px;
}
#section4 {
	background:url(images/test4.jpg) no-repeat;
	color:#993300;
	height: 399px;
	width: 889px;
}