/* ================================================================ 
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:534px; position:absolute; height:60px; padding-top:356px; margin:-12px 113px 90px 413px;}

.web-goto {position:absolute;top:63px;left:130px;}

#gallery img.left {width:23px; height:39px; float:left; margin: -20px 8px 0 0; cursor:pointer;}
#gallery img.right {width:23px; height:39px; float:left; margin: -20px 0 0 8px; cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:-30px 0 0 0; float:left;}
#gallery ul li {display:inline; width:57px; height:57px; float:left; margin:0 4px; cursor:pointer;}

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

/* using background images */
.websites #gallery ul li.th1 {background:url(thumbs/web_001_clockity-a.gif);}
	.websites #gallery ul li.th1:hover {background:url(thumbs/web_001_clockity-b.gif);}
.websites #gallery ul li.th2 {background:url(thumbs/web_002_cobalt-a.gif);}
	.websites #gallery ul li.th2:hover {background:url(thumbs/web_002_cobalt-b.gif);}
.websites #gallery ul li.th3 {background:url(thumbs/web_003_chickie-a.gif);}
	.websites #gallery ul li.th3:hover {background:url(thumbs/web_003_chickie-b.gif);}
.websites #gallery ul li.th4 {background:url(thumbs/web_004_invaders-a.gif);}
	.websites #gallery ul li.th4:hover {background:url(thumbs/web_004_invaders-b.gif);}
.websites #gallery ul li.th5 {background:url(thumbs/web_005_moxie-a.gif);}
	.websites #gallery ul li.th5:hover {background:url(thumbs/web_005_moxie-b.gif);}
.websites #gallery ul li.th6 {background:url(thumbs/web_006_letsdance-a.gif);}
	.websites #gallery ul li.th6:hover {background:url(thumbs/web_006_letsdance-b.gif);}
.websites #gallery ul li.th7 {background:url(thumbs/web_007_sg1p-a.gif);}
	.websites #gallery ul li.th7:hover {background:url(thumbs/web_007_sg1p-b.gif);}
.websites #gallery ul li.th8 {background:url(thumbs/web_008_click-a.gif);}
	.websites #gallery ul li.th8:hover {background:url(thumbs/web_008_click-b.gif);}
.websites #gallery ul li.th9 {background:url(thumbs/web_009_classified-a.gif);}
	.websites #gallery ul li.th9:hover {background:url(thumbs/web_009_classified-b.gif);}
	
.photography #gallery ul li.th1 {background:url(thumbs/photo_001_bridge01-a.gif);}
	.photography #gallery ul li.th1:hover {background:url(thumbs/photo_001_bridge01-b.gif);}
.photography #gallery ul li.th2 {background:url(thumbs/photo_002_wd-a.gif);}
	.photography #gallery ul li.th2:hover {background:url(thumbs/photo_002_wd-b.gif);}
.photography #gallery ul li.th3 {background:url(thumbs/photo_003_flag-a.gif);}
	.photography #gallery ul li.th3:hover {background:url(thumbs/photo_003_flag-b.gif);}
.photography #gallery ul li.th4 {background:url(thumbs/photo_004_car01-a.gif);}
	.photography #gallery ul li.th4:hover {background:url(thumbs/photo_004_car01-b.gif);}
.photography #gallery ul li.th5 {background:url(thumbs/photo_005_car02-a.gif);}
	.photography #gallery ul li.th5:hover {background:url(thumbs/photo_005_car02-b.gif);}  
.photography #gallery ul li.th6 {background:url(thumbs/photo_006_pd01-a.gif);}
	.photography #gallery ul li.th6:hover {background:url(thumbs/photo_006_pd01-b.gif);}	
.photography #gallery ul li.th7 {background:url(thumbs/photo_007_tree01-a.gif);}
	.photography #gallery ul li.th7:hover {background:url(thumbs/photo_007_tree01-b.gif);}
.photography #gallery ul li.th8 {background:url(thumbs/photo_008_wd2-a.gif);}
	.photography #gallery ul li.th8:hover {background:url(thumbs/photo_008_wd2-b.gif);}
.photography #gallery ul li.th9 {background:url(thumbs/photo_009_butterfly-a.gif);}
	.photography #gallery ul li.th9:hover {background:url(thumbs/photo_009_butterfly-b.gif);}
.photography #gallery ul li.th10 {background:url(thumbs/photo_010_army01-a.gif);}
	.photography #gallery ul li.th10:hover {background:url(thumbs/photo_010_army01-b.gif);}
.photography #gallery ul li.th11 {background:url(thumbs/photo_011_army02-a.gif);}
	.photography #gallery ul li.th11:hover {background:url(thumbs/photo_011_army02-b.gif);}
.photography #gallery ul li.th12 {background:url(thumbs/photo_012_gate-a.gif);}
	.photography #gallery ul li.th12:hover {background:url(thumbs/photo_012_gate-b.gif);}
	
.graphics #gallery ul li.th1 {background:url(thumbs/gd_001_cert-a.gif);}
	.graphics #gallery ul li.th1:hover {background:url(thumbs/gd_001_cert-b.gif);}
.graphics #gallery ul li.th2 {background:url(thumbs/gd_002_book-a.gif);}
	.graphics #gallery ul li.th2:hover {background:url(thumbs/gd_002_book-b.gif);}
.graphics #gallery ul li.th3 {background:url(thumbs/gd_003_tric-a.gif);}
	.graphics #gallery ul li.th3:hover {background:url(thumbs/gd_003_tric-b.gif);}
.graphics #gallery ul li.th4 {background:url(thumbs/gd_004_usaf-a.gif);}
	.graphics #gallery ul li.th4:hover {background:url(thumbs/gd_004_usaf-b.gif);}
.graphics #gallery ul li.th5 {background:url(thumbs/gd_005_usaf-a.gif);}
	.graphics #gallery ul li.th5:hover {background:url(thumbs/gd_005_usaf-b.gif);}
.graphics #gallery ul li.th6 {background:url(thumbs/gd_006_tric-a.gif);}
	.graphics #gallery ul li.th6:hover {background:url(thumbs/gd_006_tric-b.gif);}	
.graphics #gallery ul li.th7 {background:url(thumbs/gd_007_tric-a.gif);}
	.graphics #gallery ul li.th7:hover {background:url(thumbs/gd_007_tric-b.gif);}
.graphics #gallery ul li.th8 {background:url(thumbs/gd_008_usmc-a.gif);}
	.graphics #gallery ul li.th8:hover {background:url(thumbs/gd_008_usmc-b.gif);}
.graphics #gallery ul li.th9 {background:url(thumbs/gd_009_map-a.gif);}
	.graphics #gallery ul li.th9:hover {background:url(thumbs/gd_009_map-b.gif);}

/* 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;}

/*Text Area*/
#gallery ul li span {display:none; position:absolute; left:-20px; top:430px; width:450px;font-family:verdana, arial, sans-serif; color:#b5b5b5; font-size:.7em; line-height:15px; text-align:center;font-weight:bold;}
#gallery ul li span a {font-family:verdana, arial, sans-serif; color:#b5b5b5; text-decoration:none;}
#gallery ul li span a:hover {color:#fff;}
#gallery ul li span a:visited {color:#b5b5b5;}
#gallery ul li b {position:relative; bottom:10px; color:#b5b5b5;}

#gallery ul li.chosen {cursor:default;}
#gallery ul li.chosen div {position:absolute; left:20px; top:110px; width:342px; height:210px;border-left:3px dashed #fff;border-right:3px dashed #fff;}
#gallery ul li.chosen div i {width:340px; height:210px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin:0 auto;}
#gallery ul li.chosen div i a {visibility:visible; width:auto; height:auto; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

/*Pic Area Link*/
.webPicLink {
	position:absolute;top:-368px;left:140px;
	width:240px;height:20px;
	background:url(../images/text-web-goto01.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	}
	
.PhotoZoom {
	position:absolute;top:-368px;left:170px;
	width:217px;height:20px;
	background:url(../images/text-photo-zoom01.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	}
	
.linksize {
	
display:block;
	width:300px;height:200px;}