@charset "UTF-8";

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

	div#section2 {
	
		}

.controls { /* 1, 2, 3, 4 button  */
	position:absolute;
	width:548px;
	z-index:1;
	margin-top: -20px;
	text-align: right;
}

.spacer_dot {
	padding: 0 1px 0 1px;}

/*-----------------------------------------------
		Next-Previous button, works page
-----------------------------------------------*/

#prev {
	position:absolute;
	z-index: 3;
	height: 18px;
	width: 18px;
	background: url(../images/interface/prev.png) 0 0 no-repeat;
	border: none;
	margin-top: -50px;
	margin-left: 16px;	
}
#prev:hover {
	background: url(../images/interface/prev.png) 0 -19px no-repeat;
	border: none;
}
#prev:active {
	background: url(../images/interface/prev.png) 0 -38px no-repeat;
	border: none;
}

#next {
	position:absolute;
	z-index: 2;
	height: 18px;
	width: 18px;
	background: url(../images/interface/next.png) 0 0 no-repeat;
	border: none;
	margin-top: -50px;
	margin-left: 530px;	
}
#next:hover {
	background: url(../images/interface/next.png) 0 -19px no-repeat;
	border: none;
}
#next:active {
	background: url(../images/interface/next.png) 0 -38px no-repeat;
	border: none;
}