/* ================================================================ 
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/gallery/left_right_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:580px; position:relative; height:auto; padding-top:400px; margin:0 auto;}

#gallery img.left {background:#fff; cursor:pointer;}
#gallery img.right {background:#fff; cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0 auto; float:left; background:#fff; border:2px solid #fff;}
#gallery ul li {display:inline; width:30px; height:30px; float:left; margin:0 2px; border:1px solid #cccccc; cursor:pointer; border-width:1px solid;}

#gallery ul li.hide {display: block;}

/* using background images */
#gallery ul li.th1 {background: url(../images/gallery_n/thumbs_n/theater-otwn086-th.jpg);}
#gallery ul li.th2 {background: url(../images/gallery_n/thumbs_n/misha-otnight030-th.jpg);}
#gallery ul li.th3 {background:url(../images/gallery_n/thumbs_n/kmetro036-th.jpg);}
#gallery ul li.th4 {background: url(../images/gallery_n/thumbs_n/1300duke24-th.jpg);}
#gallery ul li.th5 {background: url(../images/gallery_n/thumbs_n/scalemodel-th-dukestreet-th.jpg);}
#gallery ul li.th6 {background: url(../images/gallery_n/thumbs_n/bakery-otwn128-th.jpg);}
#gallery ul li.th7 {background: url(../images/gallery_n/thumbs_n/bike-otwna124-th.jpg);}
#gallery ul li.th8 {background:url(../images/gallery_n/thumbs_n/th1.jpg);}
#gallery ul li.th9 {background: url(../images/gallery_n/thumbs_n/chin-otsigns046-th.jpg);}
#gallery ul li.th10 {background: url(../images/gallery_n/thumbs_n/scalemodel-flats-payne-2-th.jpg);}
#gallery ul li.th11 {background: url(../images/gallery_n/thumbs_n/corner-otwn193-th.jpg);}
#gallery ul li.th12 {background: url(../images/gallery_n/thumbs_n/corner-otnight428-th.jpg);}
#gallery ul li.th13 {background: url(../images/gallery_n/thumbs_n/dog-otwn393-th.jpg);}
#gallery ul li.th14 {background: url(../images/gallery_n/thumbs_n/family-otnight182-th.jpg);}
#gallery ul li.th15 {background: url(../images/gallery_n/thumbs_n/fishmar-otnight365-th.jpg);}
#gallery ul li.th16 {background: url(../images/gallery_n/thumbs_n/scalemodel-th-payne-2-th.jpg);}
#gallery ul li.th17 {background: url(../images/gallery_n/thumbs_n/majestic-otwna385-th.jpg);}
#gallery ul li.th18 {background: url(../images/gallery_n/thumbs_n/path-oldtwnb025-th.jpg);}
#gallery ul li.th19 {background: url(../images/gallery_n/thumbs_n/river-otwn163-th.jpg);}
#gallery ul li.th20 {background: url(../images/gallery_n/thumbs_n/river-otwn263-th.jpg);}
#gallery ul li.th21 {background: url(../images/gallery_n/thumbs_n/scalemodel-corner-duke-payne-th.jpg);}
#gallery ul li.th22 {background: url(../images/gallery_n/thumbs_n/th1.jpg);}
#gallery ul li.th23 {background: url(../images/gallery_n/thumbs_n/riverbuilding-otwna171-th.jpg);}
#gallery ul li.th24 {background: url(../images/gallery_n/thumbs_n/rivertree-otwn305-th.jpg);}
#gallery ul li.th25 {background: url(../images/gallery_n/thumbs_n/scalemodel-th-dukestreet-2-th.jpg);}
#gallery ul li.th26 {background: url(../images/gallery_n/thumbs_n/wholefoods-otwn213-th.jpg);}
#gallery ul li.th27 {background: url(../images/gallery_n/thumbs_n/women-oldtwnb133-th.jpg);}
#gallery ul li.th28 {background: url(../images/gallery_n/thumbs_n/torfactory-otwn362-th.jpg);}
#gallery ul li.th29 {background: url(../images/gallery_n/thumbs_n/shops-otwna385-th.jpg);}
#gallery ul li.th30 {background: url(../images/gallery_n/thumbs_n/trees-otwn279-th.jpg);}

#gallery ul li.th31 {background: url(../images/gallery_n/thumbs_n/theater-otwn086-th.jpg);}
#gallery ul li.th32 {background: url(../images/gallery_n/thumbs_n/misha-otnight030-th.jpg);}
#gallery ul li.th33 {background:url(../images/gallery_n/thumbs_n/kmetro036-th.jpg);}
#gallery ul li.th34 {background: url(../images/gallery_n/thumbs_n/1300duke24-th.jpg);}
#gallery ul li.th35 {background: url(../images/gallery_n/thumbs_n/town-zoom4-th.jpg);}
#gallery ul li.th36 {background: url(../images/gallery_n/thumbs_n/bakery-otwn128-th.jpg);}
#gallery ul li.th37 {background: url(../images/gallery_n/thumbs_n/bike-otwna124-th.jpg);}
#gallery ul li.th38 {background:url(../images/gallery_n/thumbs_n/th1.jpg);}
#gallery ul li.th39 {background: url(../images/gallery_n/thumbs_n/chin-otsigns046-th.jpg);}
#gallery ul li.th40 {background: url(../images/gallery_n/thumbs_n/scale-model-fpo2-th.jpg);}
#gallery ul li.th41 {background: url(../images/gallery_n/thumbs_n/corner-otwn193-th.jpg);}
#gallery ul li.th42 {background: url(../images/gallery_n/thumbs_n/corner-otnight428-th.jpg);}
#gallery ul li.th43 {background: url(../images/gallery_n/thumbs_n/dog-otwn393-th.jpg);}
#gallery ul li.th44 {background: url(../images/gallery_n/thumbs_n/family-otnight182-th.jpg);}
#gallery ul li.th45 {background: url(../images/gallery_n/thumbs_n/fishmar-otnight365-th.jpg);}
#gallery ul li.th46 {background: url(../images/gallery_n/thumbs_n/kids-otwn460-th.jpg);}
#gallery ul li.th47 {background: url(../images/gallery_n/thumbs_n/majestic-otwna385-th.jpg);}
#gallery ul li.th48 {background: url(../images/gallery_n/thumbs_n/path-oldtwnb025-th.jpg);}
#gallery ul li.th49 {background: url(../images/gallery_n/thumbs_n/river-otwn163-th.jpg);}
#gallery ul li.th50 {background: url(../images/gallery_n/thumbs_n/river-otwn263-th.jpg);}
#gallery ul li.th51 {background: url(../images/gallery_n/thumbs_n/scale-model-fpo2-th.jpg);}
#gallery ul li.th52 {background: url(../images/gallery_n/thumbs_n/th1.jpg);}
#gallery ul li.th53 {background: url(../images/gallery_n/thumbs_n/riverbuilding-otwna171-th.jpg);}
#gallery ul li.th54 {background: url(../images/gallery_n/thumbs_n/rivertree-otwn305-th.jpg);}
#gallery ul li.th55 {background: url(../images/gallery_n/thumbs_n/scale-model-fpo-th.jpg);}
#gallery ul li.th56 {background: url(../images/gallery_n/thumbs_n/wholefoods-otwn213-th.jpg);}
#gallery ul li.th57 {background: url(../images/gallery_n/thumbs_n/women-oldtwnb133-th.jpg);}
#gallery ul li.th58 {background: url(../images/gallery_n/thumbs_n/torfactory-otwn362-th.jpg);}
#gallery ul li.th59 {background: url(../images/gallery_n/thumbs_n/shops-otwna385-th.jpg);}
#gallery ul li.th60 {background: url(../images/gallery_n/thumbs_n/trees-otwn279-th.jpg);}


/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:30px; height:30px;}

#gallery ul li span {display:none; position:absolute; left:0px; top:365px; width:500px; height:50px;font-family: arial, sans-serif; color:#333; font-size:.8em; line-height:15px; text-align:left; margin-left: 5px;}
#gallery ul li b {color:#000; font-size: 1em;}

#gallery ul li.chosen {border-color: #66cccc; border-width: 3px; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:580px; height:350px; background:#fff; border:0px solid #000;}
#gallery ul li.chosen div i {width:580px; height:350px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:3px solid #000; margin:0 auto;}
#gallery ul li.chosen span {display:block;}