
/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; 
	width:910px; height:350px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:30px; 
	width:700px; height:360px; 
	clip:rect(0px, 910px, 330px, 0px); 
	z-index:1; 
}
div#arrows	{ 
	position:absolute; 
	left:450px;
	top:360px;
	display:none;
}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:030px; 
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:0px; top:0; z-index:3; width:300px; display:none;}
/*table#imgTbl { width:1160px; padding: 10px 10px 10px 10px }
table#imgTbl td { width:290px; height:180px; vertical-align:top; text-align:left }*/

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden; font: 12px verdana, arial, helvetica, sans-serif; line-height:20px }
body, td { font: 12px verdana, arial, helvetica, sans-serif; line-height:20px }
h1 { font-size:1.3em }	
a:link { color:#33c }	
a:visited { color:#339 }	

.columns {
	/*margin: 5px 5px 5px 5px; */
	padding-right: 25px; 
	width: 900px;
}