/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{
	position:relative;
	overflow:hidden;
	width:765px;
	height:221px;
	z-index:100;
	border: none;
	left: 0px;
	top: 0px;
	visibility: visible;
	}
div#wn	{
	position:relative;
	width:765px;
	height:221px;
	clip:rect(0px 765px 221px 0px);
	overflow:hidden;
	z-index:1;
	border: none;
	visibility: visible;
	}
div#lyr1	{
	position:relative;
	z-index:1;
	visibility:visible;
	}
/* additional two divs for bringing scroll buttons to front for Safari */
#buttonLeft {
	position:absolute;
	width:48px;
	height:62px;
	z-index:101;
	margin-left: 15px;
	visibility: visible;
}
#buttonRight {
	position:absolute;
	width:52px;
	height:62px;
	z-index:101;
	margin-left: 0px;
	visibility: visible;
}

/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:700px }
table#t1 td { width:251px; vertical-align:top; text-align:left }  

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:auto; text-align:left; }
body, td { font: 11px verdana, arial, helvetica, sans-serif; }
h1 { 
  font-size:1.4em; 
  margin:1.5em 0 2em 0; 
  }
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }

table.main { 
  width:500px; margin:auto; border:none  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:left; margin:.8em 0 .6em }