/* ================================================================ 
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 {width:592px; height:825px; position:relative;  border:1px solid #000; background:#fff;}
/*--right box with the small pictures--*/
#gallery ul {list-style:none; padding:5px; margin:0; width:225px; float:right; height:350px; }
/*--each little box--*/
#gallery ul li {display:inline; width:40%; height:17%; float:left; margin:0 4px 4px 0; border:1px solid #000; cursor:pointer;}
#gallery ul li img {display:block; width:100%; height:100%;}
/*--large pic fonts--*/
#gallery ul li span {display:none; position:absolute; left:107px; top:485px; width:350px;font-family: Arial, Helvetica, sans-serif;color:#06a; font-size:11px; line-height:15px; text-align:justify;}
/*---color call for the fonts--*/
#gallery ul li span b {color:#444;}

#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default i {position:absolute; left:0; top:200px; width:545px; height:455px;}
/*---inside pic--*/
#gallery ul li.default i img {margin:5px auto 0 auto; width:400px; height:300px; border:1px solid red;}

#gallery ul li.off {display:none;}
/*---color for inside small box --*/
#gallery ul li.click {border-color:#000; background:#f8f8f8; cursor:default;}
/*---box for the big picture---*/
#gallery ul li.click i {position:absolute; left:0; top:0; width:345px; height:355px;}
/*---actual image---*/
#gallery ul li.click i img {margin:50px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

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

#gallery h2 {
 padding-left:35px;
 font-size:12px;
 text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: 900;
font-style:oblique;
padding-top:0px;
margin:10px 0 5px 0px;
 }
#gallery .p1 {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;

}
#gallery a, visited{color:#4E453E}