.gallery-wrap { width: 420px; height: 530px;
	border: 1px solid #000;	background: #d2da9c; margin: 20px auto;
	padding-top: 50px;}

.gallery {width: 420px; margin: auto; padding: 10px 5px;}


.gallery ul{list-style:none; margin:0; position:relative;}

.gallery li{width:120px; height:93px; float:left; margin: 20px 5px;	display:inline;}

.gallery li a{text-decoration:none;	float:left; text-align: center;
	width:120px; height:93px; padding:2px; border:1px solid #990080;
	background:#fff;}



.gallery li.t1 a{background:#fff url(tnail-brochure.jpg) no-repeat 2px 2px;}
.gallery li.t1 a span{	background:#fff url(restaurant-brochure.jpg) no-repeat 2px 2px;}
.gallery li.t2 a{background:#fff url(tnail-postcard.jpg) no-repeat 2px 2px;}
.gallery li.t2 a span{	background:#fff url(postcard.jpg) no-repeat 2px 2px;}
.gallery li.t3 a{background:#fff url(tnail-flyer.jpg) no-repeat 2px 2px;}
.gallery li.t3 a span{	background:#fff url(color-flyer.jpg) no-repeat 2px 2px;}


.gallery li a span {position: absolute; left: 10px; top: 135px;
	width: 380px; height: 325px; padding: 2px;}

.gallery li a span {visibility: hidden}
.gallery li a.current span,
.gallery li a:hover span {visibility: visible}
.gallery li a:hover{
	visibility:visible;
	background-color:#ffffcc;
	border:1px solid red;}

.caption{background:#fff; border:3px solid #5e72a4;
	padding:5px; text-align:center;}

.gallery li a span em{
	background:#fff; border:1px solid #5e72a4;
	padding:5px; position:absolute;top:-180px; left: 30px;
	width:320px; text-align:center;
	color:#222;	font-weight:normal; font-style:normal;}
	
.description {font-weight: normal; color: #333;}