#slides{
	/* This is the slide area */
	height:284px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:955px;
	overflow:hidden;
	}

.slide { float:left; }

#slidesmenu {
	/* This is the container for the thumbnails */
	height:45px; }

	#slidesmenu ul { margin:0px; padding:0px; }

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

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

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

		#slidesmenu ul li.act a { cursor:default; }

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

		#slidesmenu ul li a {
			display:block;
			background:url("../banners/divider.png") no-repeat right;
			height:35px;
			padding-top:10px;
			}

	#slidesmenu ul a img { border:none; padding-left:15px;}