@charset "utf-8";
/* CSS Document */

/* ================================================================ 
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.cssplay.co.uk/menu/slide_show.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery, #gallery ul {padding:0; margin:0; list-style:none;}

#gallery {width:740px; height:780px; background:#fff; position:relative; /*border:1px solid #000; border-color:#eee #555 #333 #ddd;*/}/*tab-bg*/
#gallery li {width:185px; height:125px;background:#E6E6E6; float:left; cursor:pointer;}/*tab-title_bg*/
#gallery li p { background:#FFF; font: 11px arial, verdana, sans-serif; color:#333; text-align:center; padding:0 0 0 0px; margin:0;
	border-right-width: 1px;border-left-width: 1px;border-right-style:inset;border-right-color:#CCC;border-left-color:#CCC;}/*tab-title*/
#gallery li.galleryon p {float:left; color:#FFF; background:#333; display:block}/*tab-title_active*/
#gallery ul {display:none;}

#gallery li.galleryon ul {display:block;background:#E6E6E6; position:absolute; left:0; top:250px;}/*photos-page-bgwhite*/

#gallery #title{ width:720px; height:30px; text-align:center; background-color:#333; 
	color:#FFF; font: 12px arial, verdana, sans-serif; margin-left:10px; margin-right:10px; line-height:2.3em;}

#gallery #set1{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu1.jpg");}
#gallery #set2{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu2.jpg");}
#gallery #set3{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu3.jpg");}
#gallery #set4{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu4.jpg");}
#gallery #set5{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu5.jpg");}
#gallery #set6{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu6.jpg");}
#gallery #set7{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu7.jpg");}
#gallery #set8{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menu8.jpg");}
#gallery #setB1{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB1.jpg");}
#gallery #setB2{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB2.jpg");}
#gallery #setB3{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB3.jpg");}
#gallery #setB4{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB4.jpg");}
#gallery #setB5{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB5.jpg");}
#gallery #setB6{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB6.jpg");}
#gallery #setB7{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB7.jpg");}
#gallery #setB8{width:185px; height:125px; background-image:url("../images/photo_gallery/pic_menuB8.jpg");}

/*=================================================================== */

#photos {width:720px; height:480px; padding:10px; background:#E6E6E6; position:relative;}
#photos b.default {position:absolute;left:10px;top:10px;width:480px;height:470px;text-align:center;background-color:#CCC; padding-top:10px;}
#photos b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#666 #ddd #ddd #666;
background-color:#FFF; padding:5px;}
#photos b.default span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:410px; margin:0 auto;}

#gallery #photos ul {list-style:none; padding:0; margin:0; width:240px; position:absolute; left:490px; top:10px; float:right;}
#gallery #photos ul li {display:inline; width:80px; height:80px; float:left; margin:0;}
#gallery #photos ul li a {background-color:#CCC; display:block; width:80px; height:80px; text-decoration:none; 
border:1px solid #000; border-color:#eee #555 #333 #ddd;}/*thumbnail-wrap*/
#gallery #photos ul li a span {display:none;}
#gallery #photos ul li a img {display:block; width:72px; height:72px; border:0;padding-top:3px; padding-left:3px;}
#gallery #photos ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background-image:url("../images/photo_gallery/logo-bg.gif"); background-position:center}
#gallery #photos ul li a:hover b {position:absolute; left:-480px; top:0; width:480px; height:470px; text-align:center; background:#CCC; z-index:20; padding-top:10px;}
#gallery #photos ul li a:hover span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:470px; margin:0 auto;}
#gallery #photos ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#666 #ddd #ddd #666;
background-color:#FFF; padding:5px;}

#gallery #photos ul li a:active, #photos ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;
background-image:url("../images/photo_gallery/logo-bg.gif"); background-position:center}
#gallery #photos ul li a:active b, #photos ul li a:focus b {position:absolute; left:-480px; top:0; width:480px; height:470px; text-align:center; background:#CCC;
 padding-top:10px; z-index:10;}
#gallery #photos ul li a:active span, #photos ul li a:focus span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:470px; margin:0 auto;}
#gallery #photos ul li a:active img, #photos ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#666 #ddd #ddd #666;
background-color:#FFF; padding:5px;}