/* Gallery styles */body{margin:0px;background:black}a img{border:none}#gallery{/* CSS3 Box Shadow */-moz-box-shadow:0 0 3px #AAA;-webkit-box-shadow:0 0 3px #AAA;box-shadow:0 0 3px #AAA;/* CSS3 Rounded Corners */-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border:1px solid white;/* The width of the gallery */width:420px;overflow:hidden;position:relative}#slides{/* This is the slide area */height:480px;/* jQuery changes the width later on to the sum of the widths of all the slides. */width:420px;overflow:hidden;position:relative}.slide{float:left}#gallery_menu{/* This is the container for the thumbnails */text-align:center;background:#fafafa;/* for non-css3 browsers */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ccc');/* for IE */background:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#ccc));/* for webkit browsers */background:-moz-linear-gradient(top, #fafafa, #ccc);/* for firefox 3.6+*/border:1px solid #ddd}#gallery_menu ul{margin:0px;padding:0px;display:block;width:420px}#gallery_menu li{/* Every thumbnail is a li element */width:60px;display:inline-block;*display:inline;zoom:1;list-style:none;height:45px;overflow:hidden}#gallery_menu li.inact:hover{/* The inactive state,highlighted on mouse over */background:url(../i/pic_bg.png) repeat}#gallery_menu li.act,li.act:hover{/* The active state of the thumb */background:url(../i/active_bg.png) no-repeat}li.act a{cursor:default}.fbar{/* The left-most vertical bar,next to the first thumbnail */width:2px;background:url(../i/divider.png) no-repeat right}#gallery_menu  li a{display:block;background:url(../i/divider.png) no-repeat right;height:35px;padding-top:10px}a ../i{border:none}#gallery_menu li{text-align:center}