/* ================================================================ 
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:370px; position:relative; height:60px; padding-top:278px; margin:0;}

#gallery img.left {width:32px; height:62px; background:#FFFFFF; float:left;cursor:pointer;}
#gallery img.right {width:32px; height:62px; background:#FFFFFF; float:left;cursor:pointer;}

#gallery ul {	
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	border:2px solid #FFFFFF;
	border-width:5px 2px;
	background-color: #FFFFFF;
}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

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

/* using background images */
#gallery ul li.th1 {background:url(../gallery/whoweare_sm.jpg);}
#gallery ul li.th2 {background:url(../gallery/artsandhobbyroom_sm.jpg);}
#gallery ul li.th3 {background:url(../gallery/bedroom_sm.jpg);}
#gallery ul li.th4 {background:url(../gallery/donors_sm.jpg);}
#gallery ul li.th5 {background:url(../gallery/exerciseroom_sm.jpg);}
#gallery ul li.th6 {background:url(../gallery/familyroom1_sm.jpg);}
#gallery ul li.th7 {background:url(../gallery/familyroom2_sm.jpg);}
#gallery ul li.th8 {background:url(../gallery/familyroomupstairs_sm.jpg);}
#gallery ul li.th9 {background:url(../gallery/frontentrance_sm.jpg);}
#gallery ul li.th10 {background:url(../gallery/fronthall_sm.jpg);}
#gallery ul li.th11 {background:url(../gallery/kitchen1_sm.jpg);}
#gallery ul li.th12 {background:url(../gallery/kitchen2_sm.jpg);}
#gallery ul li.th13 {background:url(../gallery/library1_sm.jpg);}
#gallery ul li.th14 {background:url(../gallery/library2_sm.jpg);}
#gallery ul li.th15 {background:url(../gallery/library_sm.jpg);}
#gallery ul li.th16 {background:url(../gallery/livingroom_sm.jpg);}
#gallery ul li.th17 {background:url(../gallery/meetingroom_sm.jpg);}
#gallery ul li.th18 {background:url(../gallery/quietroom1_sm.jpg);}
#gallery ul li.th19 {background:url(../gallery/quietroom2_sm.jpg);}
#gallery ul li.th20 {background:url(../gallery/quietroom3_sm.jpg);}
#gallery ul li.th21 {background:url(../gallery/shower_sm.jpg);}
#gallery ul li.th22 {background:url(../gallery/upstairs_sm.jpg);}
#gallery ul li.th23 {background:url(../gallery/videoroom_sm.jpg);}

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

#gallery ul li.chosen {border-color:#FF0000; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:370px; height:278px; background:#FFFFFF; border:1px solid #FFFFFF; border-width:1px 1px 0 1px;}
#gallery ul li.chosen div i {width:370px; height:278px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #FFFFFF; margin:0 auto;}