/* ================================================================ 
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.
=================================================================== */

a, a:visited, a:hover, a.active {}
.slides {width:566px; height:452px; position:relative; margin:auto;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 8px #808080;
box-shadow: 2px 2px 8px #808080;
-webkit-box-shadow: 2px 2px 8px #808080;
background: #eeeeee;}
.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {width:152px; text-align:center; margin:0 auto;}
.nav ul {position:absolute; left:-99999px; top:-10000px; text-align:left; z-index:10; width:540px;}
.nav table {border-collapse:collapse; width:0; height:0; margin:-1px;}

.nav li.top-li {width: 49px; float:left; text-align:center;}
.nav li.top-li a.top-a {display:block; width:50px; height:20px; text-decoration:none; color:#555; font:normal 11px/16px verdana, sans-serif;}


.nav ul li {width:504px; height:400px; padding-left:30px; padding-top:30px; padding-right:30px; border:1px solid #422; background:#333;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 0px 2px 8px #808080;
box-shadow: 0px 2px 8px #808080;
-webkit-box-shadow: 0px 2px 8px #808080;}

.nav li.top-li a.top-a:hover {direction:ltr; color:#000;}
.nav li.top-li:hover > a {color:#000;}

.nav li.set ul,
.nav :hover ul {left:0; top:20px;}

.nav li.set ul li a,
.nav :hover ul li a {display:block; background:#333; float:left; width:118px; height:118px; border:1px solid #666; text-decoration:none; text-align:center; margin: 3px;}

.nav :hover ul li a:hover {background:#333; border: 1px solid #4F7F4F;
-moz-box-shadow: 1px 1px 5px #4F7F4F;
box-shadow: 1px 1px 5px #4F7F4F;
-webkit-box-shadow: 1px 1px 5px #4F7F4F;
z-index: 10; overflow: visible;}
.nav :hover ul li a:active {background:#fefefe; outline:0;}

.nav li.set ul li a img,
.nav :hover ul li a img {display:block; border:1px solid #000; margin:21px 8px;}

.nav li.set ul li a.hz img, 
.nav :hover ul li a.hz img {margin: 21px 8px;}

.nav li.set ul li a i,
.nav :hover ul li a i {position:absolute; left:-9999px;}


.nav :hover ul li i:hover,
.nav :hover ul li a:active i,
.nav :hover ul li a:focus i {display:block; width:540px; height:399px; left:1px; top:1px; background:#333;cursor:default; }

.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; width:540px; height:399px; border:0px solid #333;}

.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; width:540px; height:399px; }

.slides li .close {display:block; position:absolute; right:-22px; top:6px; background:url(/images/close.gif); width:32px; height:32px; cursor:pointer; z-index:500;}