/* ================================================================ 
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.stunicholls.com/menu/photo_click.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.
=================================================================== */

#gallery{
background-color: #ffffff;
background-repeat: no-repeat;
border: #ff0000 solid 1px;
height: 535px;
width: 925px;
margin: 1px auto;
position: relative;
}

#gallery ul{
float: right;
height: 530px;
width: 660px;
list-style: none;
margin: 1px;
padding: 0px;
overflow: auto;
}

#gallery ul li{
border: #ff0000 solid 1px;
cursor: pointer;
display: inline;
float: left;
height: 102px;
width: 102px;
margin: 1px;
padding: 0px;
}

#gallery ul li img{
display: block;
height: 100px;
width: 100px;
}

#gallery ul li span{
color: #000000;
display: none;
font-family: arial, verdana, sans-serif;
font-size: 0.8em;
line-height: 1.2em;
position: absolute;
left: 10px;
top: 260px;
text-align: left;
width: 300px;
}

#gallery ul li span b{
color:#ff0000;
}

#gallery ul li.default{
border: 0;
height: 0;
width: 0;
}

#gallery ul li.default i{
height: 250px;
width: 250px;
position:absolute;
left:0;
top:0; 
}

#gallery ul li.default i img{
height: 250px;
width: 250px;
margin: 1px auto 0 auto;
}

#gallery ul li.off{
display:none;
}

#gallery ul li.click{
border-color: #000000;
cursor: default;
}

#gallery ul li.click i{
height: 250px;
width: 250px;
position: absolute;
left: 5px;
top: 5px;
}

#gallery ul li.click i img{
height: auto;
width: auto;
margin: 1px auto 0 auto;
}

#gallery ul li.default span, #gallery ul li.click span{
display:block;
}