.example{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rolltest.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.example:hover{
	background-position: bottom left;
}
.img-01{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-01:hover{
	background-position: bottom left;
}
.img-02{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-02:hover{
	background-position: bottom left;
}
.img-03{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-03:hover{
	background-position: bottom left;
}
.img-04{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-04:hover{
	background-position: bottom left;
}
.img-05{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-05:hover{
	background-position: bottom left;
}
.img-06{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-06:hover{
	background-position: bottom left;
}
.img-07{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-07:hover{
	background-position: bottom left;
}
.img-08{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-08:hover{
	background-position: bottom left;
}
.img-09{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-09:hover{
	background-position: bottom left;
}
.img-10{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-10:hover{
	background-position: bottom left;
}
.img-11{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-11:hover{
	background-position: bottom left;
}
.img-12{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-12:hover{
	background-position: bottom left;
}
.img-13{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-13.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-13:hover{
	background-position: bottom left;
}
.img-14{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-14.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-14:hover{
	background-position: bottom left;
}
.img-15{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-15.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-15:hover{
	background-position: bottom left;
}
.img-16{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-16.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-16:hover{
	background-position: bottom left;
}
.img-17{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-17.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-17:hover{
	background-position: bottom left;
}
.img-18{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-18:hover{
	background-position: bottom left;
}
.img-19{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-19.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-19:hover{
	background-position: bottom left;
}
.img-20{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-20.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-20:hover{
	background-position: bottom left;
}
.img-21{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-21.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-21:hover{
	background-position: bottom left;
}
.img-22{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-22.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-22:hover{
	background-position: bottom left;
}
.img-23{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-23.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-23:hover{
	background-position: bottom left;
}
.img-24{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-24.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-24:hover{
	background-position: bottom left;
}
.img-25{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-25.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-25:hover{
	background-position: bottom left;
}
.img-26{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-26.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-26:hover{
	background-position: bottom left;
}
.img-27{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-27.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-27:hover{
	background-position: bottom left;
}
.img-28{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-28.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-28:hover{
	background-position: bottom left;
}
.img-29{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-29.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-29:hover{
	background-position: bottom left;
}
.img-30{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-30.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-30:hover{
	background-position: bottom left;
}
.img-31{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-31.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-31:hover{
	background-position: bottom left;
}
.img-32{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-32.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-32:hover{
	background-position: bottom left;
}
.img-33{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-41.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-33:hover{
	background-position: bottom left;
}
.img-34{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-40.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-34:hover{
	background-position: bottom left;
}
.img-35{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-37.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-35:hover{
	background-position: bottom left;
}
.img-36{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-39.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-36:hover{
	background-position: bottom left;
}
.img-37{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-38.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-37:hover{
	background-position: bottom left;
}
.img-38{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-38:hover{
	background-position: bottom left;
}
.img-39{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-33.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-39:hover{
	background-position: bottom left;
}
.img-40{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-34.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-40:hover{
	background-position: bottom left;
}
.img-42{
	height: 44px;
	width: 44px;
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/rollover/roll-42.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
 
.img-40:hover{
	background-position: bottom left;
}