#gallery {width:640px; height:610px; position:relative; }

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

/* thumbnail border*/
#gallery ul li {display:inline; width:60px; height:90px; float:left; margin:0 6px 6px 0; border:2px solid #EECCEE;}

/* thumbnail*/
#gallery ul li img {display:block; width:60px; height:90px;}

/* thumbnail bold*/
#gallery ul li span {display:none; position:absolute; left:0px; top:492px; width:320px;font-family:Trebuchet MS, verdana, arial, sans-serif; color:#000; font-size:9pt; line-height:15px; text-align:left; line-height: 135%; background: #EECCEE; padding: 6px; }

/* thumbnail copy*/
#gallery ul li span b {color:#fff; line-height: 135%;}

#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default img {position:absolute; right:220px; top:0; width:320px; height:480px; border:1px solid #EECCEE; }

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

#gallery ul li.click { border-color: #DDBBDD; background: #fff; 	background-image: url(../images/gallery.gif); background-repeat: no-repeat; }

#gallery ul li.click img {position:absolute; right:308px; top:0; width:auto; height:auto; border:6px solid #EECCEE;}

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