@charset "utf-8";/* CSS Document */
#gallery {
	width:752px;
	height:404px;
	padding:10px;
	margin: 0 auto;
	border:1px solid #333;
	background:#387cd2;
	position:relative
}
#gallery b.default {
	position:absolute;
	left:11px;
	top:10px;
	width:548px;
	height:380px;
	text-align:center
}
#gallery b.default img {
	display:block;
	margin:0 auto 10px auto;
	/* border:1px solid #eee;
	border-color:#555 #ddd #eee #333 */
}
#gallery b.default span {
	display:block;
	color:#fff;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:350px;
	margin:0 auto
}
#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:140px;
	position:relative;
	float:right
}
#gallery ul li {
	display:inline;
	width:64px;
	height:46px;
	float:left;
	margin:0 0 5px 5px
}
#gallery ul li a {
	display:block;
	width:62px;
	height:44px;
	text-decoration:none;
	/*border:1px solid #000;
	border-color:#eee #555 #333 #ddd*/
}
#gallery ul li a span {
	display:none
}
#gallery ul li a img {
	display:block;
	width:62px;
	height:44px;
	border:0
}
#gallery ul li a:hover {
	white-space:normal;
	*border-color:#555 #ddd #eee #333;
	background:#ffe900; /* bkground color when hover */
}
#gallery ul li a:hover b {
	position:absolute;
	left:-622px;
	top:0;
	width:622px;
	height:380px;
	text-align:center;
	/*background:#FFF;*/
	z-index:20
}
#gallery ul li a:hover span {
	display:block;
	color:#fff;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:380px;
	margin:0 auto
}
#gallery ul li a:hover img {
	margin:0 auto 10px auto;
	width:auto;
	height:auto;
	/*border:1px solid #eee;
	border-color:#555 #ddd #eee #333*/
}
#gallery ul li a:active, #gallery ul li a:focus {
	white-space:normal;
	border-color:#555 #ddd #eee #333;
	background:#777; /* QTT solid color when thumbnail clicked */
}
#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute;
	left:-622px;
	top:0;
	width:622px;
	height:380px;
	text-align:center;
	/* background:#888;QTT solid color behind large image when thumbnail clicked */
	z-index:10
}
#gallery ul li a:active span, #gallery ul li a:focus span {
	display:block;
	color:#fff;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	width:380px;
	margin:0 auto
}
#gallery ul li a:active img, #gallery ul li a:focus img {
	margin:0 auto 10px auto;
	width:auto;
	height:auto;
	border:1px solid #eee;
	border-color:#555 #ddd #eee #333
}