/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{
	position:relative;
	overflow:hidden;
	width:744px;
	height:244px;
	z-index:100;
	border: none;
	left: 0px;
	top: 0px;
	visibility: visible;
	}
div#wn	{
	position:relative;
	width:744px;
	height:244px;
	clip:rect(0px 765px 244px 0px);
	overflow:hidden;
	z-index:1;
	border: none;
	visibility: visible;
	}
div#lyr1	{
	position:relative;
	visibility:visible;
	z-index:1;
	background-color: #F4b322;
	}
/* additional two divs for bringing scroll buttons to front for Safari */
#buttonLeft {
	position:absolute;
	width:33px;
	height:62px;
	z-index:101;
	visibility: visible;
}
#buttonRight {
	position:absolute;
	width:33px;
	height:62px;
	z-index:101;
	margin-left: 0px;
}
  
/* 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:center;
	margin:.8em 0 .6em;
	font-size: 10px;
	color: #FFCC66;
	line-height: 20px;
}