#maincol .img_scroll{
	overflow:hidden;
	margin:40px 0px 0px 0px;
	width:390px;
	background:url(../images/bg_scroll_img.jpg) center top no-repeat;
}

#maincol .img_scroll ul{
	margin:5px 0px 0px 0px;
}

#maincol .img_scroll li{
	list-style:none;
	float:left;
	height:76px;
}

#maincol .img_scroll li .mid{
	margin:35px 0px 0px 0px;
}

#maincol .img_scroll li ul{
	margin:0px 20px 0px 0px;
}

#maincol .img_scroll li li{
	padding:0px 0px 0px 0px;
}

#maincol .img_scroll p{
	margin:0px 0px 0px 35px;
	font-size:11px;
	color:#999999;
}


/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
#maincol .img_scroll div#hold	{ 
	position:relative; overflow:hidden;
	margin:0px 0px 0px 16px;
	width:339px; height:80px; z-index:2;
	}
	
#maincol .img_scroll div#wn	{
	position:absolute;
	left:0px;
	top:0px;
	width:330px;
	height:80px;
	clip:rect(0px, 328px, 80px, 0px);
	overflow:hidden;
	z-index:1;
	}
	
#maincol .img_scroll div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
  
/* table containing images. adjust according to your images' sizes and numbers */
#maincol .img_scroll #t1 { 
	width:1680px;
}
#maincol .img_scroll #t1 li { 
	width:112px; vertical-align:middle; text-align:center
}  

/* Styles for demo, not necessary for scrolling layers */  
/*body { overflow:hidden; text-align:center; }
body, td { font: 12px 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:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
li .arrows a { padding:0 1em }
li .spacer { width:38px }
li .footer { text-align:center; margin:.8em 0 .6em }