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

div.scroller div.section .infoPanel{
	position: absolute;
	left: 65px;
	bottom: 30px;
	z-index: 200;
	font-weight: bold;
	color: #FFF;
	hasLayout: -1;
	zoom: 100%;
}

.cont{
	position:relative;
}

div.scroller div.section .infoPanel p{
	margin: 0;
	padding: 0;
}

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

.controls{
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	height: 53px;
	width: 100%;
	
	background-repeat: repeat-x;
	padding: 27px 0px 0px 0px;
	clear: right;
}
.controls p{
	background-color: #fff;
	width: 11em;
	padding: 1px 0px 2px 10px;
	margin: 2px 1px 2px 30px;
	float: left;
	font-weight: bold;
	color: #222;
	letter-spacing: -0.2px;
	font-size: 11px;
}
.controls img{
	margin: 2px 1px 0 1px;
	float: left;
}
#my-glider{
	position: relative;
	hasLayout: -1;
	zoom: 100%;
	background-color: #fff;
}