div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	height: 415px;
	overflow: hidden;
	background-color:#000000;
	margin: 25px 5px 0 5px;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
		height:415px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section3 {
		background:#000000;
		color:#ffffff;
		}
	
/*	div.controls a:link a:hover a:visited a:active {
		background: #ffffff;		
		padding: 0;
		height: 40px;
	}
*/	
.controls a {
display:block;
width: 25px;
height: 25px;
font: bold 13px sans-serif;;
color:#000000;
background-image: url(../images/buttons.jpg);
background-repeat: no-repeat;
text-decoration: none;
}
.controls a:hover { 
background-position: 0 -25px;
color: #000000
}
.controls a:active {
background-position: 0 -25px;
color:#fff;
}


/*  DESIGN PAGE RO IMAGES */

.print a {
display:block;
width: 200px;
height: 200px;
font: bold 13px sans-serif;;
color:#000000;
background-image: url(../images/print.jpg);
background-repeat: no-repeat;
text-decoration: none;
}
.print a:hover { 
background-position: 0 -200px;
color: #000000
}
.print a:active {
background-position: 0 -200px;
color:#fff;
}

.apparel a {
display:block;
width: 200px;
height: 200px;
font: bold 13px sans-serif;;
color:#000000;
background-image: url(../images/apparel.jpg);
background-repeat: no-repeat;
text-decoration: none;
}
.apparel a:hover { 
background-position: 0 -200px;
color: #000000
}
.apparel a:active {
background-position: 0 -200px;
color:#fff;
}

.identity a {
display:block;
width: 200px;
height: 200px;
font: bold 13px sans-serif;;
color:#000000;
background-image: url(../images/identity.jpg);
background-repeat: no-repeat;
text-decoration: none;
}
.identity a:hover { 
background-position: 0 -200px;
color: #000000;
}
.identity a:active {
background-position: 0 -200px;
color:#fff;
}