div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 528px;
	height: 380px;
	overflow: hidden;
	}
	div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:525px;
	height:380px;
	overflow:hidden;
	float:left;
	padding:1em;
		}
.section p {
	width: 200px;
}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
	color: #282828;
	background-image: url(../images/gliderpic2.jpg);
		}
.controls {
	background-image: url(../images/solutionsbar.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 505px;
	position: relative;
	top: -75px;
	margin-bottom: -75px;
	padding-left: 24px;
	padding-top: 50px;
}
.controls a {
	color: #282828;
	text-decoration: none;
	background-image: url(../images/solutions-arrow.gif);
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	padding-right: 15px;
	background-position: left center;
}
div#section1 {
	background-image: url(../images/gliderpic1.jpg);
	color:#282828;
}
div#section2 p {
	margin-left: -20px;
	width: 170px;
}
div#section3 {
	color:#282828;
	background-image: url(../images/gliderpic3.jpg);
}
.section p.title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.controls a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/solutions-arrow-o.gif);
	display: block;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 18px;
	float: left;
	padding-right: 15px;
	background-position: left center;
}
div#section0 {
	background-image: url(../images/gliderpic0.jpg);
}