/* ------ Top page - slide menu ------ */
#top_slidemenu{
	/* The main container */
	width:900px;
	height: 250px;
	position:relative;
	background: url(../images/top_slidemenu_bg.jpg) no-repeat;
}
/* Gallery styles */
#top_slidemenu #top_slidemenu_gallery{
	width:900px;
	overflow:hidden;
	background-repeat: no-repeat;
}

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

#top_slidemenu #top_slidemenu_gallery #top_slidemenu_slides .slide{
	text-align:center;
	width:900px;
	height:170px;
	float:left;
	margin-top:20px;
}

#top_slidemenu #top_slidemenu_menu{
	/* This is the container for the thumbnails */
	width:900px;
	height:80px;
}

#top_slidemenu #top_slidemenu_menu ul{
	height:77px;
	margin:0px;
	padding:0px;
	margin-left:10px;
}

#top_slidemenu #top_slidemenu_menu ul li{
	/* Every thumbnail is a li element */
	width:77px;
	height:77px;
	display:inline-block;
	list-style:none;
	overflow:hidden;
	position: relative;
	float:left;
}

#top_slidemenu #top_slidemenu_menu ul li.act,#top_slidemenu #top_slidemenu_menu ul li.act:hover{
	/* The active state of the thumb */
	background:url(../images/active-trans.png) no-repeat;
}

#top_slidemenu #top_slidemenu_menu ul li.act a{
	cursor:pointer;
}

#top_slidemenu #top_slidemenu_menu ul li a{
	display:block;
	text-indent: -3000em;
	width:77px;
	height:77px;
}

a img{
	border:none;
}