/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:400px; height:200px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:180px; 
	clip:rect(0px, 180px, 180px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:210px; top:0; z-index:3 }
table#imgTbl { width:720px }
table#imgTbl td { width:180px; height:180px; vertical-align:middle; text-align:center }

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden }
body, td { font: 12px verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em }	
a:link { color:#33c }	
a:visited { color:#339 }