body{font-size: 100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	margin:0px;
	padding:0px;
	background:url(../images/bodybg.png) repeat-x fixed top center;
	text-align:center;
	font:12px Verdana,Arial,Helvetica,sans-serif;}
table.mainM{background-color: beige;
	width:870px;
	height: 100%;
	text-align: center;
	float: center;}
table.main{background-color: beige;
	width:850px;
	height: 100%;
	background-color: white;
	text-align: center;
	float: center;}
td.title{background:url(../images/h1.jpg) no-repeat top center;
	background-color: beige; 
	width:850px;
	height:170px;
	color: white;
	font-size: 13px;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	font-family: serif;
	margin-top:0px;
	padding-left: 0.5em;}
img.title{background-color: beige; 
	width:850px;
	height:175px;
	float: center;}
/*низ*/	
td.footer{
	background-color:  beige; 
	width:850px;
	height: 10px;
	color: white;
	font-size: 14px;
	text-align: center;
	vertical-align: bottom;
	font-family: serif;
	margin: 0 0 0 0;
	padding: 1em 0 0 0;}
/*горизонтальное меню*/
td.menu{background: url(../images/.gif) repeat;
	background-color:  beige;  
	width:850px;
	height: 10px;
	text-align: left;
	vertical-align: top;
	font-family: serif;}
.nav{height:40px; 
	width:850px;
	background-color: beige;
	color:#fff;
	margin:auto;
	text-align:left;
	font-size:14px;
	cursor:default;}
.nav2{height:40px;}
.navb{height:auto;
	width:150px; 
	background-color: beige;
	color:#fff;
	margin:auto;
	text-align:left;
	font-size:14px;
	cursor:default;}
.navb2{height:auto;}
#navdiv{text-align:left;}
#navlist{list-style-type:none;
	margin:0px;
	padding:13px 8px 0px 0.5em;}
#navlist li{display:inline;}
#navlist li a{color:#fff;
	font-weight:bold;
	text-decoration:none;
	height:40px;
	padding:8px 6px 9px 6px;}
#navlist li a:hover{
	color:#E5F770;
	text-decoration:underline;}

.tl{background:#222 url(../images/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(../images/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(../images/corners/br.gif) no-repeat bottom right;}
.bl{background:#222 url(../images/corners/bl.gif) no-repeat bottom left;}

td.center{background-color: beige;
	vertical-align: top;
	padding-top: 1em;
	text-align: center;}
div.inftop{background: url(../images/inftop.gif) no-repeat;  height: auto;
	width: 150px; margin: 1em 0 -0.7em 0; padding: 0 0 0 0;
	color: white;}
div.infbottom{background: url(../images/infbottom.gif) no-repeat;  height: auto; width: 150px;}
div.inf{background-color: #222222;  
	height: auto; 
	width: 150px; 	
	color: #E5F770;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	font-family: serif;}
img.informer{border: none;
	height: 33px; 
	width: 88px;}
div.koment{background-color: #222222;  
	height: auto; 
	width: 150px; 	
	color: #E5F770;
	font-size: 13px;
	text-align: center/*justify*/;
	vertical-align: top;
	font-family: serif;
	padding: 0 1em 0 1em 0;}
td.komentf{background-color: beige;
	height: auto; 
	width: 120px; 	
	color: #222222;
	font-size: 17px;
	text-align: justify;
	vertical-align: top;
	font-family: serif;
	font-style: italic;
	margin: 0 2em 0 2em 0;}
div.title{height: 40px; 
	background-color: beige;
	width: 700px; 	
	color: #222222; 
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	font-family: sant-serif;
	margin: 1em 0 1.5em 0;
	line-height: 1.5em;}
td.left{background-color: beige;
	height: auto;
	width: 700px;
	vertical-align: top;}
td.right{	background-color: beige;
	height: auto;
	width: auto;
	vertical-align: top;}
img.line{width:150px; 
	height: 30px;	
	padding: 0 0 0 0;
	margin:  0 0 0 0;}
p.informer1,.informer2{font-size: 13px;
	color: #FF9010;
	text-align: center;
	vertical-align: top;
	text-indent: 2em;
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 1em;}
p.text{background-color: beige;
	font-size: 17px;
	font-family: serif;
	color: black;
	text-align: justify;
	vertical-align: top;
	text-indent: 2em;
	margin-left: 2em;
	margin-right: 3em;
	line-height: 2em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0.5em 2em 0.5em 1em;
	font-style: italic;}
div.textv{background-color: beige;
	font-size: 19px;
	font-family: serif;
	color: black;
	text-align: justify;
	vertical-align: top;
	text-indent: 1em;
	margin-left: 2em;
	margin-right: 3em;
	line-height: 2em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	font-style: italic;}
td.textO{background-color: beige;
	height:auto;
	width:560px;
	text-align: justify;
	font:17px;	
	font-family: serif; 
	color: black;line-height: 25px;
	text-indent: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0em;
	font-style: italic;}
td.text{background-color: beige;
	height:auto;
	width:800px;
	text-align: justify;
	font:17px;	
	font-family: serif; 
	text-indent: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0em;
	line-height: 25px;
	font-style: italic;
	color: #222222;}
td.rightT{height: 40px; 
	background-color: beige;
	width: 700px; 	
	color: #222222; 
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	font-family: sant-serif;
	/*margin: 1.5em 0 1.5em 0;*/
	padding: 0.5em 0 0.5em 0;
}
td.rightF{background-color: beige;
	width: 700px;	
	font:17px;	
	font-family: serif; 
	color: black;
	text-align: justify;
	vertical-align: top;
	text-indent: 2em;
	line-height: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	font-style: italic;}
p.textZV{background-color: beige;	
	text-align: left;
	color: black;
	color: #222222;
	text-indent: 2em;
	font-size: 18px;
	font-family: sant-serif;
	font-style: italic;
	font-weight: bold;
	}
img.png{border: none;}
td.img{background-color: beige;
	height:auto; 
	font:13px;
	width: 180px;
	vertical-align: middle;
	text-align: center;
	text-indent: 0em;
	line-height: 1em;
	float: center;
	margin: 1em 0 0em 0;
	color: #222222;
	padding: 0 0 0 0;
	font-style: italic;
	/*display: inline;*/}
td.imgk{background-color: beige;
	height:auto; 
	width: 180px;
	vertical-align: top;
	text-align: center;
	text-indent: 1em;
	line-height: 1em;
	float: center;
	font:13px;	
	font-family: serif; 
	margin: 1em 0 0em 0;
	color: #222222;
	padding: 0 0 0 0;
	font-style: italic;
	/*display: inline;*/}
span.vid{ font:17px;	
	font-family: sant-serif; 
	font-style: italic;
	color: #222222;
	font-weight: bold; }
img.img{width: 180px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;
	text-align: center;
	padding: 0 0 0 0;
	/*margin: 0 0.5em 0 0.5em;	*/
	margin: 0 0 0 0.6em;
	/*display: inline;*/}
img.img1{width: 180px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;
	text-align: center;
	vertical-align: bottom;
	padding: 0 0 0 0;
	/*margin: 0 0.5em 0 0.5em;	*/
	margin: 0 0 0 0.6em;
	/*display: inline;*/}
img.imgs{width: 120px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;
	text-align: center;
	padding: 0 0 0 0;
	/*margin: 0 0.5em 0 0.5em;	*/
	margin: 0 0 0 0.6em;
	/*display: inline;*/}
span.fotokament{
	font-size: 17px;
	color: white;
	text-align: center;}
img.fotoalbom{
	width:600px; 
	height:400px;
	text-align: center;
	float: center;
	padding: 0 0 0 0;}
img.fotoalboms{
	width:400px; 
	height:550px;
	text-align: center;
	float: center;
	padding: 0 0 0 0;}
img.fotoalbomB{
	width:800px; 
	height:300px;
	text-align: center;
	float: center;
	padding: 0 0 0 0;}
td.fotoalbtitle{font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
    color: #E5F770;
	vertical-align: center;
	text-indent: 0em;
	margin-left: 1em;
	margin-right: 1em;
	padding-bottom: 1em;
	padding-top: 0.5em;
	font-size: 21px;
	text-align: center;
	font-family: serif;}
table.nazad{
	width:750px;
	height: 10px;
	text-align: center;
	float: center;}
table.fotoalbom{background:url(../images/bodybg.png) repeat-x fixed top center;
	width:805px;
	height: 555px;
	text-align: center;
	float: center;}
iframe.fotoalbom{background:url(../images/bodybg.png) repeat-x fixed top center;
	width:605px;
	height: 420px;
	text-align: center;
	float: center;}
img.fotoL{width:180px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;	
	display: inline; 
	float: left;
	margin:  0 0.7em 0 0;
	padding: 0 0 0 0;}
img.fotoLs{width:120px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;	
	display: inline; 
	float: left;
	margin:  0 0.7em 0 0;
	padding: 0 0 0 0;}
img.fotoR{
	width:180px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;	
	display: inline; 
	float: right;
	padding: 0 0 0 0;
	margin:  0 0 0 0.7em;}
img.fotoRs{
	width:120px; 
	height:150px;
	border-style: double;
	border-top: double #222222;
	border-right: double #222222;	
	border-left: double #222222;
	border-bottom: double #222222;
	border-color:#222222;	
	display: inline; 
	float: right;
	padding: 0 0 0 0;
	margin:  0 0 0 0.7em;}
td.video{width: auto;
	background-color: beige;
	vertical-align: top;
	padding-left: 0em;
	padding-right: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0 1em 0 1em;
	text-indent: 2em;}
td.navvideo{background-color: beige;
	height: 100%;
	width: 205px;	
	color: black;
	text-align: justify;
	vertical-align: top;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	}

/*старое вертикальное меню*/
div.linemenu{background-color: #222222;  
	height: 10px; 
	width: 137px; 	
	color: #E5F770;
	text-align: center;
	vertical-align: top;
	font-family: serif;}
div.ntr{width: 135px;}
div.ntl{width: 135px;}
div.nbr{width: 135px;}
div.nbl{width: 135px;} 
div.topvid{background: url(../images/topvid.gif) no-repeat top left; margin: 0em 0 -1em 0; width: 250px;}
div.b{background: url(../images/menubottom.gif) no-repeat top left;}
/*div.b{background:url(../images/menutop.gif) no-repeat top center; width: 135px; height:200px;}*/
/*.ntl{background:#222 url(../images/corners/tl.gif) no-repeat top left;}
.ntr{background:transparent url(../images/corners/tr.gif) no-repeat top right;}
.nbr{background:transparent url(../images/corners/br.gif) no-repeat bottom right;}
.nbl{background:#222 url(../images/corners/bl.gif) no-repeat bottom left;}*/
#nav, 
#nav ul {float:left; 
list-style:none;	
width: 135px;		
margin: 0 0 0 0;/* border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;*/
padding: 0.5em 0 0.5em 0; 
font:14px;	
font-family: serif; 
font-weight: bold; 
/*border:1px solid #000; 
 border-color:#cea #9b7 #8a6 #deb; border-width:1px 2px 2px 1px; */ 
 height: auto;
 /*background: #222;*/ 
 color: #FF9010; 
 	
 cursor:default;}
#nav li li {/*background: black; */
 /*background:url(../images/menu.gif) no-repeat;*/
 color: #FF9010; 
 height:30px;
 width: 137px; 
 /*padding: 0.1em 0 0.1em 0;*/
/* border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;*/}
#listr{/*background: black; */background:url(../images/menuss.gif) no-repeat;
 color: #FF9010; height:20px; width: 137px;
/* border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;*/}

 #listr1{background:url(../images/menussss.gif) no-repeat;
 color: #FF9010; height:20px; width: 300px;}
/* #listr1{background:url(../images/menutop3.gif) no-repeat;
 color: #FF9010; 
height:30px; width: 137px; */
/* border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;*/}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}
/*#listr{background:url(../images/menu.gif) no-repeat;}*/
#li{height:30px; background:url(../images/menus2.gif) no-repeat; width: 137px;}
#lit{height:70px; background:url(../images/menut.gif) no-repeat; width: 137px;}
#lit1{height:70px; background:url(../images/bottomvid.gif) no-repeat; width: 250px;}
#b{padding-bottom: 5em;background:url(../images/menubottom2.gif) no-repeat; width: 137px;}
#t{/*padding-top: 0.5em; padding-bottom: 0.5em;*/ background:url(../images/menutop2.gif) no-repeat; width: 137px; vertical-align: bottom;}
#tb{background:url(../images/menutb.gif) no-repeat; width: 137px; padding-top: 0.5em; padding-bottom: 0.5em;}
#nav li a {display:block; color: white; margin:0 25px 0 10px; height:20px; 
line-height:20px; text-decoration:none; white-space:nowrap;}
#nav li:hover {position:relative; z-index:300;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {/*text-decoration:underline;*/ color:#FF9010;}
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left: 0px; margin: 0em 0em 0em 8em; top: -0.5em;}

/* keep further levels hidden */
/*#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}*/

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a
/*#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a*/
{/*text-decoration:underline;*/ color:#E5F770;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a
/*#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a*/
{text-decoration:none; color: white;}
	

/*новое вертикальное меню*/	
td.nav{background-color: beige;
	height: 100%;
	width: 150px;	
	color: black;
	text-align: justify;
	vertical-align: top;
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	}
div.top{background: url(../images/2.gif) no-repeat top left; margin: 0em 0 -1em 0; height: 30px;}
div.bottom{background: url(../images/menubottom2.gif) no-repeat top left; margin: 0em 0 -1em 0; height: 30px;}
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 137px; 
	list-style: none;
	}
ul#navmenu:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}
ul#navmenu li {
	float: left; 
	display: block !important;
	display: inline; 
	position: relative;
	}
ul#navmenu a {
	/*border: 1px solid #FFF;
	border-right-color: #222222;
	border-bottom-color: #222222;*/
	padding: 0 14px;
	display: block;
	background: #222222;
	color: #FFF;
	font:14px;	
	font-family: serif; 
	font-weight: bold; 
	text-decoration: none;
	height: auto !important;
	height: 1%; 
	}
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #222222;
	color:#E5F770;
	}
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	background: #222222;
	color: #FFF;
	}
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #222222;
	color:#E5F770;
	/*text-decoration:underline;*/
	}
ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: -5px;
	left: 137px; 
	}
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none; 
	}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;}
img.point{border: none;}

/*ссылки*/
a:link {color: #0F04A3; /* Цвет ссылок */}
a:visited {color: #951BFF; /* Цвет посещенных ссылок */}
a:hover{color: red; /* Цвет активной ссылки */}  

/*красивая открывашка картинок*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }