@charset "utf-8";
/* CSS Document */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slideshow.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* ==== Size and position of big image container ==== */
a, a:visited, a:hover, a.active {}
.slides {width:600px; height:480px; position:absolute; left:0px; top:140px; margin:0 auto;}
.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {width:652px; text-align:center; margin:1px auto;}
/* ==== Hide big image container box ==== */
.nav ul {position:absolute; left:-99999px; top:-10000px; text-align:left; z-index:10; width:900px;}
.nav table {border-collapse:collapse; width:0; height:0; margin:-1px;}
/* ==== Album name ==== */
.nav li.top-li {width: ;padding-right:12px; padding-bottom:5px ;float:left; text-align:center; background-color:#333}
.nav li.top-li a.top-a {display:block; width: ; height:10px; text-decoration:none; color:#bbb; font:normal 11px/16px verdana, sans-serif;}
.nav li.top-li a.mid {background:url(images/common_images/divider.gif); z-index:589}
/* ==== Container block for big image ==== */
.nav ul li {width: 900px; height:480px; padding:0px 80px 200px 5px; border:0px solid #442; background:transparent; }
/* ==== Album name ==== */
.nav li.top-li a.top-a:hover {direction:ltr; color:#999;}
.nav li.top-li:hover > a {color:#777;}
/* ==== Thumbnail container ==== */
.nav li.set ul,
.nav :hover ul {left:0; top:15px;}
/* ==== Thumbnail cells ==== */
.nav li.set ul li a,
.nav :hover ul li a {display:block; background:#333; float:left; width:110px; height:110px; border:1px solid #666; text-decoration:none; text-align:center; margin:0 -1px -1px 0; z-index:569}
/* ==== Thumbnail cell background ==== */
.nav :hover ul li a:hover {background:#202020;}
.nav :hover ul li a:active {background:#fefefe; outline:0;}
/* ==== Thumbnail border ==== */
.nav li.set ul li a img,
.nav :hover ul li a img {display:block; border:1px solid #000; margin:4px 20px;}
/* ==== Horizontal thumbnail padding ==== */
.nav li.set ul li a.hz img, 
.nav :hover ul li a.hz img {margin:21px 4px;}
/* ==== Hide big images ==== */
.nav li.set ul li a i,
.nav :hover ul li a i {position:absolute; left:-9999px;}

/* ==== Big picture container ==== */
.nav :hover ul li i:hover,
.nav :hover ul li a:active i,
.nav :hover ul li a:focus i {display:block; width:930px; height:602px; left:1px; top:1px; background:#202020;cursor:default;}
/* ==== Big picture border ==== */
.nav :hover ul li i:hover img,
.nav :hover ul li a:active i img,
.nav :hover ul li a:focus i img {display:block; margin:0px  auto 0 auto; border:1px solid #888;}
/* ==== Horizontal big image position ==== */
.nav :hover ul li a.hz i:hover img,
.nav :hover ul li a.hz:active i img,
.nav :hover ul li a.hz:focus i img {display:block; margin:25px auto 0 auto;}