#gal{
	width:100%;
	margin-bottom:2em;
}

#gal #main_img, #gal #thumbs{
	text-align:center;
}

#gal #main_img img{
	height:400px;
	margin:5px auto;
	cursor:pointer;
}

#gal img.thumb{
	width:90px;
	height:90px;
	margin:5px;
	padding:4px;
	border:1px solid #000;
	cursor:pointer;
}

#gal img.thumb:hover{
	background:#666;
}

.mini_gal{
	width:240px;
	margin:0px auto;
}

.mini_gal img{
	cursor:pointer;
}

.mini_gal img.thumb.small{
	width:100px !important;
	margin:10px !important;
}

.mini_gal img.thumb.large{
	width:200px !important;
	margin:20px !important;
}


#modal_wrap{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(i/semiback.png) repeat;
	z-index:1000;
	display:none;
	text-align:center;
}

#popup{
	width:930px;
	z-index:1001;	
	margin:0px auto;
	position:relative;	
	top:50px;
	background:#FFF;
	border:1px solid #d6d0c2;
	min-height:30px;
}

#popup #popup_close{
	position:absolute;
	top:0px;
	right:5px;	
	height:15px;
	width:10px;
	background:url(i/close.png) no-repeat;
	cursor:pointer;
}

#popup #popup_img_prev{
	position:absolute;
	top:0%;
	left:0px;	
	height:100%;
	width:100px;
	cursor:pointer;
}


#popup #popup_img_next{
	position:absolute;
	top:0%;
	right:0px;	
	height:100%;
	width:100px;
	cursor:pointer;
}

#popup #popup_img_prev span{
	display:block;
	position:absolute;
	width:21px;
	height:45px;
	top:45%;
	left:15px;
	background:url(i/rl_arrow.png) center left no-repeat;
}

#popup #popup_img_next span{
	display:block;
	position:absolute;
	width:21px;
	height:45px;
	top:45%;
	right:15px;
	background:url(i/rl_arrow.png) center right no-repeat;
}

#popup #popup_img_prev:hover, #popup #popup_img_next:hover{
	//background:url(i/semiback.png) repeat;
}

#popup #progress{
	width:100%;
	height:20px;
	margin:0px auto;
	position:absolute;
	top:3px;
	background:url(i/pro.gif) center no-repeat;
}

#popup_content{
	margin:15px;
	overflow:hidden;
}