#gallery {
	width:800px;
	overflow:hidden;
	background: #000 0 0;
} /*  The container for the slider. Also is the background that doesn't slide (new products, next generation, etc) */
#slides {height:405px;width:800px;overflow:hidden;}
.slide {float:left;display: block;height:405px;width:800px;}  /*  settings for each individual slide */
.slide a {display: block;height:405px;width:800px;text-indent: -9999999px;}  /*  settings for each individual slide link (HTML text is hidden here and replaced with each slide's background image */
 /*  Below is each slide's background image */
#toca01 a {
	background: url(../images/slide01.jpg) 0 0 no-repeat;
}
#toca02 a {
	background: url(../images/slide02.jpg) 0 0 no-repeat;
}
#toca03 a {
	background: url(../images/slide03.jpg) 0 0 no-repeat;
}
#toca04 a {
	background: url(../images/slide04.jpg) 0 0 no-repeat;
}
#toca05 a {
	background: url(../images/slide05.jpg) 0 0 no-repeat;
}
#toca06 a {
	background: url(../images/slide06.jpg) 0 0 no-repeat;
}
#toca07 a {
	background: url(../images/slide07.jpg) 0 0 no-repeat;
}
#toca08 a {
	background: url(../images/slide08.jpg) 0 0 no-repeat;
}

 /*  the thumbnail menu and links */
#menu {margin: 10px 0; padding: 0;}
#menu ul {margin:0px;padding:0px; height: 100px;}
#menu li {display:block; float: left; list-style:none;overflow:hidden;padding: 0; margin: 0;}
#menu li a {display:block;width: 100px;height:110px; opacity:.5;filter:alpha(opacity=50)}
#menu li a:hover {opacity:.75;filter:alpha(opacity=75)} /* The inactive state, highlighted on mouse over */
#menu li.act,li.act:hover, #menu li.act a{cursor:default;opacity:1;filter:alpha(opacity=100)} /* The active state of the thumb */