/* Gallery styles */

#gallery {
/*  reset */
margin:0px; padding:0px; border:0px solid #ccc; background:#fff; 
/* The width of the gallery */
width:281px; height:364px; overflow:hidden; }

#slides {
/* This is the slide area */
height:281px;
/* jQuery changes the width later on to the sum of the widths of all the slides. */
width:920px; overflow:hidden; border-bottom:1px dotted #000; }

.slide { float:left; }

#gallery_menu {
/* This is the container for the thumbnails */
height: 70px; }

#gallery_menu ul { margin:0px; padding:0px; margin-top:10px; }
#gallery_menu li {
/* Every thumbnail is a li element */
width:64px; display:inline-block; list-style:none; height:64px; overflow:hidden; margin-left:5px; border:1px dotted #000; }

#gallery_menu ul :first-child { margin-left:0px; }
#gallery_menu li.inact:hover {
/* The inactive state, highlighted on mouse over */
background:#443073; }

#gallery_menu li.act,li.act:hover {
/* The active state of the thumb */
background:#443073; }

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

#gallery_menu .fbar {
/* The left-most vertical bar, next to the first thumbnail */
width:0px; }

#gallery_menu li a { display:block; height:64px; }
#gallery_menu a img { border:none; }