/* Gallery styles */

#main_slide #gallery{
 position:relative;
	width:980px;
	overflow:hidden;
}

#main_slide #slides{
	/* This is the slide area */
	height:150px;
	margin-top:0px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:980px;
	overflow:hidden;
}

#main_slide .slide{
	float:left;
}



#menu_slide{
text-align:center;
 z-index:10;
	bottom:0px;
	right:0px;
	height:50px;
	margin:10px 3px 0px 3px;
}




#main_slide ul{
	margin:0px;
	padding:0px;

}

#main_slide li{
	/* Every thumbnail is a li element */
	display:inline-block;
	list-style:none;
	margin-left:5px;
}

#main_slide li.inact:hover{
filter: alpha(opacity=75);
	opacity: 0.75;
}

#main_slide li.act,#main_slide li.act:hover{
	/* The active state of the thumb */
filter: alpha(opacity=75);
	opacity: 0.75;
}

#main_slide li.act a{
	cursor:pointer;
}



#main_slide li a{
	display:block;
}

#main_slide a img{
	border:none;
}
#main_slide  a:hover img {filter: alpha(opacity=100);
	opacity: 1;}

/* The styles below are only necessary for the demo page */



#main_slide{
	/* The main container */
	margin:0 auto;
	text-align:center;
	width:980px;
	position:relative;
background-image:url(slide_base.jpg)
}