/* ================================================================ 
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:356px; 
		margin-bottom:30px; 
		margin-top:50px; 
		margin-left:70px;
}

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

#gallery ul 
		{list-style:none; 
		padding:0; 
		margin:0; 
		display: block; 
		float: left; 
		width: 640px; 
		height: 100px; 
}
		
#gallery ul li 
		{display:inline; 
		width:95px; 
		height: 84px; 
		float:left; 
		margin: 8px 0 0 8px; 
		cursor:pointer; 
		border: 1px solid #999;
}

/* using background images */
#gallery ul li.th1 {background:url(../images/thumbs/th1-1.jpg);}
#gallery ul li.th2 {background:url(../images/thumbs/th2-2.jpg);}
#gallery ul li.th3 {background:url(../images/thumbs/th3-3.jpg);}
#gallery ul li.th4 {background:url(../images/thumbs/th4-4.jpg);}
#gallery ul li.th5 {background:url(../images/thumbs/th5-5.jpg);}
#gallery ul li.th6 {background:url(../images/thumbs/th6-6.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;
}

#gallery ul li span 
		{display:none;
		position:absolute; 
		left:0px; 
		top:-25px; 
		width:710px; 
		font-size:16px; 
		font-family:"Comic Sans MS"; 
		line-height:15px; 
		text-align:center;
		padding-left:15px;
}

#gallery ul li.chosen 
		{cursor:default;
}

#gallery ul li.chosen div 
		{position:absolute; 
		left:0; 
		top:0; 
		width:710px; 
		height:355px;
}
#gallery ul li.chosen div i 
		{width:710px; 
		height:355px; 
		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 #999; 
		margin:0 auto;
}

#gallery ul li.chosen span 
		{display:block;
}