/* Gallery styles */
#main {
	position:relative;
	width:710px;
	height:439px;
	margin:0 0 30px 10px;
}
#gallery {
	/* The width of the gallery */
	width:710px;
	overflow:hidden;
}
#slides {
	/* This is the slide area */
	height:439px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:710px;
	overflow:hidden;
}
.slide {
	float:left;
}
#menu {
	/* This is the container for the thumbnails */
	position:absolute;
	top:0;
	right:0;
	width:66px;
	height:429px;
	padding:10px 0 0 10px;
}
#menu li {
	/* Every thumbnail is a li element */
	float:left;
	width:56px;
	list-style:none;
	height:66px;
	overflow:hidden;
}
#menu li.act img, li.act:hover img {
	/* The active state of the thumb */
	border:3px solid #333;
}
#menu li.act a {
	cursor:default;
}
#menu li a {
	display:block;
	width:56px;
	height:56px;
	margin-bottom:10px;
}
#menu a img {
	border:3px solid #ddd;
}
#menu a:hover img {
	border:3px solid #333;
}