/* hold div contains both scrolling content areas in this example */
div#hold { 
	position:relative;
	overflow:hidden;
	width:270px;
	height:200px;
	z-index:100;
	
	font-size:10px;
	}
div#hold a{
	margin:0;
	float:none;
}
/*div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:50px; 
	clip:rect(0px, 180px, 50px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}*/
div.content	{ 
	position:absolute; visibility:hidden;
	left:0px; top:10px; 
	z-index:1; /*border:1px solid #ff0000;*/
	}
div#wn	{
	position:absolute;
	left:15px;
	top:0px;
	width:236px;
	height:198px;
	clip:rect(0px, 238px, 200px, 0px);
	overflow:hidden;
	z-index:5;
	/*border:1px dashed #00CCFF;*/
	}
div#controls { 
  position:absolute; right:0px; top:10px;
  width:10px; height:180px; z-index:4;
  margin:0;
  }
div#up { position:absolute; left:0; top:0; z-index:7; }  
div#down { position:absolute; left:0; bottom:0; z-index:8; }