/*
li{
	/* Every thumbnail is a li element 
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over 
	background:url(../img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb 
	background:url(../img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail
	width:2px;
	background:url(../img/divider.png) no-repeat right;
}

li a{
	display:block;
	background:url(../img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}*/

		/*** set the width and height to match your images **/

		#slideshow {
			background:url("../images/galShade.png") no-repeat scroll 2px 8px transparent;
			position:relative;
			height:410px;
			width: 98%;
			padding:0 0 10px 10px;
			overflow:hidden;
			/*top:190px;*/
		}

		#slideshow IMG {
			height:400px;
			width:600;
			position:absolute;
			top:0;
			left:10px;
			z-index:8;
			opacity:0.0;
			border-radius: 5px;
		}

		#slideshow IMG.active {
			z-index:10;
			opacity:1.0;
		}

		#slideshow IMG.last-active {
			z-index:9;
		}