﻿body 
{
    #Layer1    
	position:absolute;
	left:20px;
	top:115px;
	width:1251px;
	height:175px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:936px;
	top:151px;
	width:314px;
	height:218px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:953px;
	top:145px;
	width:302px;
	height:217px;
	z-index:1;
}
#Layer4 {
	left:255px;
	top:52px;
	width:613px;
	height:52px;
	z-index:1;
	min-width: 300px;
	font-size: 80%;
}
#Layer5 {
	position:absolute;
	left:243px;
	top:40px;
	width:700px;
	height:53px;
	z-index:1;
	overflow: visible;
}
#Layer6 {
	position:absolute;
	left:260px;
	top:233px;
	width:178px;
	height:26px;
	z-index:1;
	visibility: visible;
}
.HorArrows { /* позиционируем стрелки навигации */
	clear:both;
	position:relative;
	height:38px;
}
#BigPhotoPlace { /* увеличенное изображение */
    position:static;
	/*position:relative;
	
	display:table-column;
	

	float:right;*/

}
#BigPhoto { /* фиксируем размеры изображения */
	/*width:225px;*/
	height:400px;
	
	overflow:hiddden; /* прячем лишнее */
	 /* на фоне можно написать что-то, пока
	 изображение не загрузилось, будет этот текст */
	/*background:url(images/gall/404.gif) no-repeat 0 0;*/
}
#BigPhotoPlace .HorArrows { /* навигация под увеличенной картинкой */
	text-align:center;
	margin:8px 0 0 0;
	width:200px; /* укажем ширину как у увеличенной картинки
	т.о. стрелки разместим по ее краям */
	position:relative;
}
.arrowRight { /* стрелка вправо */
	position:absolute;
	right:0;
	top:8px;
	cursor:pointer;
	cursor:hand;
}
.arrowLeft { /* стрелка влево */
	position:absolute;
	left:0;
	top:8px;
	cursor:pointer;
	cursor:hand;
}
#PhotoNum { /* информация о картинке */
	position:absolute;
	width:155px; /* ширина блока равна ширине
	поля с навигацией минус сумма ширины стрелок
	справа и слева */
	left:55px; /* отступ от левого края равен,
	либо больше ширины левой стрелки */
	top:6px;
}
#PreviewsPlace { 
	width:700px; /* ширина блока по вкусу */
	height:110px;
	position:relative;
	/*background-color:Gray;*/
/*
	float:left;
*/
	margin:5px 5px 5px 5px;
	border-style:double;
	border-color:Silver;
	border-width:1px;   
background-color:#D8F0F3;
}
#Preview { /* слой для кучи маленьких превьюшек */

	overflow:hidden;
	float:left;
	height:100px;
	
	

}
.PrevImg { /* картинки маленьких превьюшек */
	margin:5px 5px 5px 5px;
	display: block;
	float:left;
	cursor:pointer;
	cursor:hand;
}

