html{
	background-color:#fff;
}

body{
	font: small verdana, arial, helvetica, sans-serif;
	
	margin:0 auto;
}
div#gallery{
	margin:0 auto;
}

div.mini-photo{
	width:271px;
	height:180px;
	float:left
}

div.mini-photo>a{
	display:block;
	width:270px;
	height:180px;
	background-position:left bottom;
	position:relative;
	cursor:pointer;
	border:1px solid #fff;
	
}

div.mini-photo>a:hover{
	width:271px;
	height:180px;
	background-position:left top;
}

div.mini-photo>a:hover>span{
	display:block;
}

div.mini-photo>a>span{
	color:#fff;
	display:none;
	width:251px;
	padding:10px;
	background:transparent url('/skin/img/black-75.png');
	position:absolute;
	left:0;
	bottom:0;
	font: 10px bold arial, sans-serif;
}

#zoomer-popup{
	background:transparent url('/skin/img/black-75.png');
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


#zoomer-image{
	background:#fff url('/skin/img/ajax-loader.gif') no-repeat center center;
	position:fixed;
	width:32px;
	height:32px;
	border:20px solid #fff;
	position:absolute;
	left:50%;
	top:50%;
}

#zoomer-button-last,
#zoomer-button-next{
	cursor:pointer;
	position:absolute;
}

#zoomer-button-last{
	background:transparent url('/skin/img/prev.png') no-repeat -200px center;
}

#zoomer-button-next{
	background:transparent url('/skin/img/next.png') no-repeat -200px center;
}

#zoomer-button-last:hover{
	background-position:left center;
}

#zoomer-button-next:hover{
	background-position:right center;
}