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


/*body {font-family:Verdana; font-size:12px; background-color:#ffefde;}*/

#gallery {
	width:auto;
	height:390px;
	padding:2px;
	border:0px solid #333;
	position:relative;
	margin-bottom:2px;
	background-color: #F3C500;
}

#gallerycontent {
	height: 360px;
	width: 480px;
	left: 218px;
	top: 8px;
	position: absolute;
	background-color: #FFF;
	color: #000;
	font-size: 12px;
}

#gallery b.default {
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:360px;
	text-align:center;
}


#gallery b.default img {
	display:block;
	margin:0 auto 10px auto;
	width:480px;
	height:360px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #555;
	border-right-color: #ddd;
	border-bottom-color: #eee;
	border-left-color: #333;
}
#gallery b.default span {
	display:block;
	font-family:verdana, arial, sans-serif;
	width:476px;
	margin:0 auto;
}

#gallery ul.rgt {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul.rgt li {display:inline; width:121px; height:92px; float:right; margin:5px  15px 0;}
#gallery ul.rgt li a {display:block; width:120px; height:90px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul.rgt li a span {display:none;}
#gallery ul.rgt li a img {display:block; width:120px; height:90px; border:0;}
#gallery ul.rgt li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#205692;}
#gallery ul.rgt li a:hover b {
	position:absolute;
	left:-520px;
	width:480px;
	height:360px;
	text-align:center;
	background:#888;
	z-index:20;
	top: 6px;
}
#gallery ul.rgt li a:hover span {
	display:block;
	color:#205692;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	width:480px;
	margin:0;
	background-color: #f3c500;
	padding-left: 2px;
	padding-top: 4px;
}
#gallery ul.rgt li a:hover img {
	width:480px;
	height:360px;
	border:1px solid #eee;
	border-color:#555 #ddd #eee #333;
	margin: 0;
}

/*#gallery ul.rgt li a:active, #gallery ul.rgt li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul.rgt li a:active b, #gallery ul.rgt li a:focus b {position:absolute; left:-454px; top:0; width:480px; height:360px; text-align:center; background:#888; z-index:10;}
#gallery ul.rgt li a:active span, #gallery ul.rgt li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul.rgt li a:active img, #gallery ul.rgt li a:focus img{margin:0 auto 10px auto; width:auto; height:auto;border:10px solid #eee; border-color:#555 #ddd #eee #333;}*/


#gallery ul.lft {list-style:none; padding:0; margin:0; width:180px; position:relative; float:left;}
#gallery ul.lft li {display:inline; width:121px; height:92px; float:left; margin: 5px 15px 0;}
#gallery ul.lft li a {display:block; width:120px; height:90px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul.lft li a span {display:none;}
#gallery ul.lft li a img {display:block; width:120px; height:90px; border:0;}
#gallery ul.lft li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#205692;}
#gallery ul.lft li a:hover b {
	position:absolute;
	left:216px;
	top:6px;
	width:480px;
	height:360px;
	text-align:center;
	background:#888;
	z-index:20;
}
#gallery ul.lft li a:hover span {
	display:block;
	color:#205692;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	width:480px;
	margin:0;
	background-color: #f3c500;
	padding-left: 2px;
	padding-top: 4px;
}
#gallery ul.lft li a:hover img {
	margin:0;
	width:480px;
	height:360px;
	border:1px solid #eee;
	border-color:#555 #ddd #eee #333;
}