/* ================================================================ 
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:710px; position:relative; height:100px; padding-top:360px; margin-bottom: 30px; vertical-align: middle;}

#gallery img.left {float:left;cursor:pointer; margin-right: 10px;}
#gallery img.right {float:left;cursor:pointer; margin-left: 10px;}

#gallery ul {list-style:none; padding:0; margin:0; display: block; float: left; width: 640px; height: 100px; background: url(../photo_gallery/images/background.gif) no-repeat;}
#gallery ul li {display:inline; width:95px; height: 84px; float:left; margin: 8px 0 0 8px; cursor:pointer; border: 1px solid #999;}
#gallery ul li.hide {display:none;}


/*balcony*/
#gallery ul li.thb1 {background:url(images/thumbs/bacony-t.jpg);} 
#gallery ul li.thb2 {background:url(images/thumbs/bacony2-t.jpg);} 
#gallery ul li.thb3 {background:url(images/thumbs/balcony2-t.jpg);} 
#gallery ul li.thb4 {background:url(images/thumbs/balcony3-t.jpg);} 
#gallery ul li.thb5 {background:url(images/thumbs/balcony4-t.jpg);}
#gallery ul li.thb6 {background:url(images/thumbs/balcony5-t.jpg);}
#gallery ul li.thb7 {background:url(images/thumbs/balcony6-t.jpg);}
#gallery ul li.thb8 {background:url(images/thumbs/balcony7-t.jpg);}
#gallery ul li.thb9 {background:url(images/thumbs/balcony8-t.jpg);}
/*windows*/
#gallery ul li.thw1 {background:url(images/thumbs/window1-t.jpg);}
#gallery ul li.thw2 {background:url(images/thumbs/windows2-t.jpg);}
#gallery ul li.thw3 {background:url(images/thumbs/windows3-t.jpg);}
#gallery ul li.thw4 {background:url(images/thumbs/windows4-t.jpg);}
#gallery ul li.thw5 {background:url(images/thumbs/windows5-t.jpg);}
#gallery ul li.thw6 {background:url(images/thumbs/windows6-t.jpg);}
#gallery ul li.thw7 {background:url(images/thumbs/windows7-t.jpg);}
#gallery ul li.thw8 {background:url(images/thumbs/windows8-t.jpg);}
#gallery ul li.thw9 {background:url(images/thumbs/windows9-t.jpg);}
#gallery ul li.thw10 {background:url(images/thumbs/windows10-t.jpg);}
/*stairs*/
#gallery ul li.ths1 {background:url(images/thumbs/stairs1-t.jpg);}
#gallery ul li.ths2 {background:url(images/thumbs/stairs2-t.jpg);}
#gallery ul li.ths3 {background:url(images/thumbs/stairs3-t.jpg);}
#gallery ul li.ths4 {background:url(images/thumbs/stairs4-t.jpg);}
#gallery ul li.ths5 {background:url(images/thumbs/stairs5-t.jpg);}
#gallery ul li.ths6 {background:url(images/thumbs/stairs6-t.jpg);}
#gallery ul li.ths7 {background:url(images/thumbs/stairs7-t.jpg);}
#gallery ul li.ths8 {background:url(images/thumbs/stairs8-t.jpg);}
#gallery ul li.ths9 {background:url(images/thumbs/stairs9-t.jpg);}
#gallery ul li.ths10 {background:url(images/thumbs/stairs10-t.jpg);}
#gallery ul li.ths11 {background:url(images/thumbs/stairs11-t.jpg);}
#gallery ul li.ths12 {background:url(images/thumbs/stairs12-t.jpg);}
#gallery ul li.ths13 {background:url(images/thumbs/stairs13-t.jpg);}
#gallery ul li.ths14 {background:url(images/thumbs/stairs14-t.jpg);}
#gallery ul li.ths15 {background:url(images/thumbs/stairs15-t.jpg);}
/*railings*/
#gallery ul li.thr1 {background:url(images/thumbs/railing1-t.jpg);}
#gallery ul li.thr2 {background:url(images/thumbs/railing2-t.jpg);}
#gallery ul li.thr3 {background:url(images/thumbs/railing3-t.jpg);}
#gallery ul li.thr4 {background:url(images/thumbs/railing4-t.jpg);}
#gallery ul li.thr5 {background:url(images/thumbs/railing5-t.jpg);}
#gallery ul li.thr6 {background:url(images/thumbs/railing6-t.jpg);}
#gallery ul li.thr7 {background:url(images/thumbs/railing7-t.jpg);}
#gallery ul li.thr8 {background:url(images/thumbs/railing8-t.jpg);}
#gallery ul li.thr9 {background:url(images/thumbs/railing9-t.jpg);}
#gallery ul li.thr10 {background:url(images/thumbs/railing10-t.jpg);}
#gallery ul li.thr11 {background:url(images/thumbs/railing11-t.jpg);}
#gallery ul li.thr12 {background:url(images/thumbs/railing12-t.jpg);}
#gallery ul li.thr13 {background:url(images/thumbs/railing13-t.jpg);}
#gallery ul li.thr14 {background:url(images/thumbs/railing14-t.jpg);}
#gallery ul li.thr15 {background:url(images/thumbs/railing15-t.jpg);}
/*gates*/
#gallery ul li.thg1 {background:url(images/thumbs/gate1-t.jpg);}
#gallery ul li.thg2 {background:url(images/thumbs/gate2-t.jpg);}
#gallery ul li.thg3 {background:url(images/thumbs/gate3-t.jpg);}
#gallery ul li.thg4 {background:url(images/thumbs/gate4-t.jpg);}
#gallery ul li.thg5 {background:url(images/thumbs/gate5-t.jpg);}
#gallery ul li.thg6 {background:url(images/thumbs/gate6-t.jpg);}
#gallery ul li.thg7 {background:url(images/thumbs/gate7-t.jpg);}
#gallery ul li.thg8 {background:url(images/thumbs/gate8-t.jpg);}
#gallery ul li.thg9 {background:url(images/thumbs/gate9-t.jpg);}
#gallery ul li.thg10 {background:url(images/thumbs/gate10-t.jpg);}
#gallery ul li.thg11 {background:url(images/thumbs/gate11-t.jpg);}
#gallery ul li.thg12 {background:url(images/thumbs/gate12-t.jpg);}
#gallery ul li.thg13 {background:url(images/thumbs/gate13-t.jpg);}
#gallery ul li.thg14 {background:url(images/thumbs/gate14-t.jpg);}
#gallery ul li.thg15 {background:url(images/thumbs/gate15-t.jpg);}
#gallery ul li.thg16 {background:url(images/thumbs/gate16-t.jpg);}
#gallery ul li.thg17 {background:url(images/thumbs/iron_acc_001-t.jpg);}
#gallery ul li.thg18 {background:url(images/thumbs/iron_acc_002-t.jpg);}





/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img { visibility:hidden; display:block; width:95px; height: 84px; border: 1px solid #999; vertical-align:middle;}

#gallery ul li span {display:none; position:absolute; left:0px; top:0px; width:710px; font-size:11px; line-height:15px; }

#gallery ul li.chosen {cursor:default;display:block;vertical-align:middle;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:710px; height:355px; vertical-align:middle;}
#gallery ul li.chosen div i { display:table-cell; vertical-align:middle; } 

#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border: 3px solid #999; margin:0 auto; vertical-align: middle; }
#gallery ul li.chosen span {display:block;}