/* Gallery styles */

/*a:link {
 text-decoration:none;
 color:#00B3FF;
 font-weight:bold;
}

a:hover {
 text-decoration:none;
 color:#ffffff;
}

a:visited {
 text-decoration:none;
  color:#00B3FF;
}*/


#gallery{
	margin:0px auto;
	text-align:center;
	border:0px solid white;
	background:#ffffff;
	width:886px;			/* The width of the gallery */
	overflow:hidden;
}

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

.slide{
	float:left;
}

#menu{
	height:35px;			/* This is the container for the thumbnails */
	color:#00B3FF;
	background:#ffffff;
	text-align:right;
}

ul{
	margin:0px;
	padding:0px;
	color:#99CC00;
	font-size:14px;
}

li{
	width:20px;			/* Every thumbnail is a li element */
	display:inline-block;
	list-style:none;
	height:40px;
	overflow:hidden;
	color:#99CC00;
	padding-top:5px;
}

li.inact:hover{
	color:#ffffff;					/* The inactive state, highlighted on mouse over */
	height:40px;
}

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

li.act a{
	cursor:default;
	color:#99CC00;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:110px;
	display:inline-block;
}

li a{
	display:block;
	height:40px;
	padding-top:10px;
	color:#00B3FF;
}

a img{
	border:none;
}