/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold {
	position: relative;
	overflow: hidden;
	width: 399px;
	height: 83px;
	z-index: 100;
	top: 7px;
	left: 43px;
}
div#wn { 
	position: absolute; 
	left: 17px;
	top: 0px; 
	width: 365px;
	height: 83px; 
	clip: rect(0px, 365px, 83px, 0px);
	overflow: hidden;	
	z-index: 1; 
}
div#lyr1 { 
	position: absolute; 
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	z-index: 1; 
}
.arrow-l {
	float: left;
	border: 0px;
} 
.arrow-r {
	float: right;
	border: 0px;
} 
  
/* table containing images. adjust according to your images' sizes and numbers */
#t1 {
	width: 730px;
	display: table;
} 
#l1 {
	padding: 0;
	margin: 9px 0 0 2px;
	width: 94px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l1 a {
	display: block;
	width: 94px;
	height: 66px;
	background: url(../images/btn-link1.gif) 0 0 no-repeat;
}
#l1 a:hover {
	background-position: -94px 0;
}
#l2 {
	padding: 0px;
	margin: 9px 0 0 0;
	width: 104px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l2 a {
	display: block;
	width: 104px;
	height: 66px;
	background: url(../images/btn-link2.gif) 0 0 no-repeat;
}
#l2 a:hover {
	background-position: -104px 0;
}
#l3 {
	padding: 0;
	margin: 9px 0 0 0;
	width: 101px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l3 a {
	display: block;
	width: 101px;
	height: 66px;
	background: url(../images/btn-link3.gif) 0 0 no-repeat;
}
#l3 a:hover {
	background-position: -101px 0;
}
#l4 {
	padding: 0;
	margin: 9px 0 0 0;
	width: 62px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l4 a {
	display: block;
	width: 62px;
	height: 66px;
	background: url(../images/btn-link4.gif) 0 0 no-repeat;
}
#l4 a:hover {
	background-position: -62px 0;
}
#l5 {
	padding: 0;
	margin: 9px 0 0 8px;
	width: 62px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l5 a {
	display: block;
	width: 62px;
	height: 66px;
	background: url(../images/btn-link5.gif) 0 0 no-repeat;
}
#l5 a:hover {
	background-position: -62px 0;
}
#l6 {
	padding: 0;
	margin: 9px 0 0 6px;
	width: 85px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l6 a {
	display: block;
	width: 85px;
	height: 66px;
	background: url(../images/btn-link6.gif) 0 0 no-repeat;
}
#l6 a:hover {
	background-position: -85px 0;
}
#l7 {
	padding: 0;
	margin: 9px 0 0 6px;
	width: 118px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l7 a {
	display: block;
	width: 118px;
	height: 66px;
	background: url(../images/btn-link7.gif) 0 0 no-repeat;
}
#l7 a:hover {
	background-position: -118px 0;
}
#l8 {
	padding: 0;
	margin: 9px 0 0 6px;
	width: 65px;
	height: 66px;
	position: static;
	float: left;
	display: inline;
}
#l8 a {
	display: block;
	width: 65px;
	height: 66px;
	background: url(../images/btn-link8.gif) 0 0 no-repeat;
}
#l8 a:hover {
	background-position: -65px 0;
}