/* Gallery styles */

#gallery{
	
	/* The width of the gallery */
	width: 1500px;
	overflow: hidden;
	position: relative;
	height: 520px;
	margin: 0 auto;
}

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

.slide{
	float:left;
}

#galleryMenu{
	/* This is the container for the thumbnails */
	position: absolute;
	bottom: 10px;
	right: 270px;
	height: 12px;
	margin: 0;
	padding: 0;
}

#galleryMenu ul {
	margin: 0;
	padding: 0;
}

#galleryMenu li {
	/* Every thumbnail is a li element */
	width: 12px;
	display: block;
	list-style: none;
	height: 12px;
	overflow: hidden;
	float: left;
	margin: 0 5px;
	background: transparent url(../images/slider/button_a.png) top left no-repeat;
}

#galleryMenu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	/*background:url(../images/pages/index/nav/divider.jpg) no-repeat top left;*/
	background: transparent url(../images/slider/button.png) top left no-repeat;
}

#galleryMenu li.act,li.act:hover{
	/* The active state of the thumb */
	background: transparent url(../images/slider/button.png) top left no-repeat;
}

#galleryMenu li.act a{
	cursor:default;
}