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

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any way to fit your requirements.

=================================================================== */

/* defaults required for IE6 */

a {color:#000;}

a:visited {color:#111;}

a:active {color:#222;}

a:hover {text-decoration:none;}

.photo {position:relative; height:550px;}

.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}

.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}

.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(gallery_2.gif) no-repeat;}

.photo ul li a.set {display:block; text-align:center; width:215px; line-height:30px; background:#fff url(gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo img {border:0;}

.photo ul li a.set:hover {background:#fff url(button/gallery_1.gif) no-repeat;}

.photo ul li a.set:active {white-space: normal; background:#fff url(gallery_2.gif) no-repeat;}

.photo ul li a.set:focus {outline:0; background:#fff url(gallery_2.gif) no-repeat;}

.photo ul li a.set:active i,

.photo ul li a.set:focus i

{display:block; width:420px; height:300px; position:absolute; left:220px; top:0; border:0px solid #fff; background:#fff;}

.photo ul li a.set:active table,

.photo ul li a.set:focus table

{padding:0 0 10px 0; margin-top:-2px; margin-bottom:2px; display:block; border:0px solid #fff; border-width:0 1px 1px;}

.photo ul a.set:active ul,

.photo ul a.set:focus ul

{margin:0; width:207px; height:auto; overflow:visible; background:transparent; padding-bottom:10px;}

.photo ul a.set:active ul li,

.photo ul a.set:focus ul li

{float:left; display:inline; width:56px; margin:4px 6px; background:transparent;}

.photo ul a.set:active ul li a,

.photo ul a.set:focus ul li

{background:transparent; line-height:1.3em;}

.photo ul a.set:active ul li a img,

.photo ul a.set:focus ul li img

{display:block; border:3px solid #fff; cursor:default; margin:0 auto;}

.photo ul a.set:active ul li a em,

.photo ul a.set:focus ul li em

{position:absolute; left:-9999px; width:420px;}

.photo ul a.set:active ul li a:hover,

.photo ul a.set:focus ul li:hover

{background:#fff;}

.photo ul a.set:active ul li a:hover em,

.photo ul a.set:focus ul li:hover em

{left:220px; z-index:0; top:0;}

.photo ul a.set:active ul li a:hover img,

.photo ul a.set:focus ul li:hover img

{border:3px solid #fc0; cursor:default;}

.photo ul a.set:active ul li a:hover em img,

.photo ul a.set:focus ul li:hover em img

{padding:1px; border:1px solid #fff; margin-bottom:10px;}

.photo ul a.set:active b,

.photo ul a.set:focus b

{font-weight:normal; font-style:normal; background:#fff;}

.photo .default {width:420px; height:300px; position:absolute; left:215px; top:0; border:0px solid #fff;}