div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	margin:0px;
	padding: 0px;
	width: 800px; 
	height: 400px;
	overflow: hidden;
	border-top:2px solid #000;
	border-bottom:2px solid #000;

					background:#333;

	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:800px;
		height:400px;
		margin: 0px;
		padding: 0px;
		overflow:hidden;
		float:left;
		background:#333;

		}
	div.scroller div.content {
		width: 10000px;
		}
		
		div#section1 {
		background:url('images/background.gif');
		color:#fff;
		}


	    div#section2 {
	    padding: 0 10px;
		color:#eee;
		background:url('images/backgroundmenu.jpg');
		}
	
		div#section3 {
		padding: 0 10px;
		color:#eee;
		background:url('images/backgroundprivate.jpg');
		}
		div#section4 {
	    padding: 0 10px;
		color:#eee;
		background:url('images/rog_bg.jpg');
		}
		div#section5 {
	    padding: 0 10px;
		color:#eee;
		background:url('images/background.gif');
		}
		div#section6 {
	    padding: 0 20px;
	    margin : 0px;
		color:#eee;
		background:url('images/res_bg.jpg');
		}


.glidecont{
	width: 800px;
	height: 20px;
	padding: 5px 0px;
}
