ul.gallery {
width: 900px; /*--Регулируем ширину в соответствии со сценарием--*/
list-style: none;
margin: 0; padding: 0;
}
ul.gallery li {
float: left;
margin: 0px; padding: 0;
text-align: center;
border: 1px solid #ccc;
-moz-border-radius: 3px; /*--CSS3 закругленные углы--*/
-khtml-border-radius: 3px; /*--CSS3 закругленные углы--*/
-webkit-border-radius: 3px; /*--CSS3 закругленные углы--*/
display: inline; /*--Настройка специально для IE6--*/
}
ul.gallery li a.thumb {
width: 109px; /*--Ширина изображения--*/
height: 149px; /*--Высота изображения--*/
padding: 5px;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
ul.gallery li span { /*--Выделяем изображение для применения эффекта--*/
width: 109px;
height: 149px;
overflow: hidden;
display: block;
}
ul.gallery li a.thumb:hover {
background: #333; /*--Hover эффект для браузеров с отключенным js--*/
}
ul.gallery li h2 {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
margin: 0; padding: 10px;
background: #f0f0f0;
border-top: 1px solid #fff; /*--эффект легкого заострения--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(../js/modalwin/transparent.png);
	color:#efefef;
}

/* container for external content. uses vertical scrollbar, if needed */
div.wrap {
	height:441px;
	overflow-y:auto;
}