@charset "UTF-8";
/* client page gallery */
#gallery {
	height: 360px;
	margin: 0px;
	padding: 1px 5px 9px 5px;
	width: 480px;
	background:#fff url(webstuff/tb480.jpg) no-repeat 0 0;
}
#gallery-page {
	position:relative;
	width:805px;
	margin:0;
	padding:0;
}
#gallery-hole {
	height: 4em;
	margin: 0;
	width: 490px;
}
#gallery_list {
	border: 1px solid #567;
	display:block;
	float: right;
	margin: 10px 0 5px 5px;
	padding: 0;
	text-align: center;
	width: 298px;
}
#gallery_list .scroller {
	margin:0;
	padding: 0 5px;
	height: 320px;
	width: 288px;
	overflow:auto;
}
#gallery_list h3 {
	color:#fff;
	background-color:#567;
	margin:0 0 2px 0;
	padding:5px 5px 7px 5px;
}
#gallery_list p {
	margin:0;
	padding:0;
	color:#789;
}
#gallery_list p a {
	color: #700;
	display:block;
	font-weight:normal;
	padding: 3px 2px;
	text-decoration: none;
}
#gallery_list p.stale a {
	color:#333;
}
#gallery_list p a:hover {
	background-color: #345;
	color: #fff;
}
#gallery_list h3 span {
	display:inline;
	font-size:.73em;
	font-weight:normal;
	color: #700;
	background-color:#fff;
	position:absolute;
	top:3em;
	left:4px;
	width:480px;
	padding:.5em 0;
	margin:0;
	border:#567 1px solid;
}
#gallery_list h3 span strong {
	font-weight:bold;
	color: #567;
}
#gallery_list p a span {
	display:none;
	visibility:hidden;
}
#gallery_list p a:hover span {
	display:inline;
	visibility:visible;
	font-size:1em;
	color: #456;
	background-color:#fff;
	position:absolute;
	top:3em;
	left:4px;
	width:480px;
	padding:.5em 0;
	margin:0;
	border:#fff 1px solid;
}
#gallery_list em {
	color:#066;
	font-size:smaller;
	vertical-align:top;
}
#gallery_list a:hover em {
	color:#abc;
}
#gallery_list .group {
	background-color:#cde;
	margin:0;
	padding:0;
}
#gallery_list .clients p {
	color:#456;
	margin:.5em;
}
#gallery_list .tail {
	border-top:1px #567 dotted;
	background-color:#eee;
	color:#345;
	margin:2px 0 0 0;
	text-align:left;
	padding:.5em;
	font-size:.95em;
}
#gallery_list .tail a {
	display:inline;
	padding:0 2px;
}
#gallery_list .tail em {
	font-size:1em;
}