* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html{
	width:100%;
	height:100%;
}

body {
	font-family: georgia, serif;
	font-size: 79%;
	background: #92491a;
	color: #fff;
	height:100%;
}

p {
	margin-bottom: 1.33em;
}

img {
	border: 0;
}

a, .pseudo-href{
	color:#fff;
	border-color:#fff;
}

h1{
	font-size:350%;
	font-weight:normal;
	margin-bottom:0.3em;
	position:relative;
	left:-55px;
	line-height:1.1;
}

h2{
	font-size:180%;
	font-weight:normal;
	margin-bottom:0.3em;
}

blockquote{
	font-style:italic;
	margin-bottom:1.33em;
}

#page{
	position:relative;
	width:100%;
	min-height:100%;
	min-width:950px;
}

#navigation{
	list-style-type:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	overflow:hidden;
	zoom:1;
	z-index:1;
}

#navigation li{
	width:35px;
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}

#navigation li.selected{
	width:100%;
	margin-right:-105px;
}

#navigation li a, 
#navigation li strong{
	width:35px;
	height:100%;
	position:relative;
	display:block;
	z-index:2;
}

#navigation li span{
	text-indent:35px;
	width:100%;
	display:block;
	overflow:hidden;
	background:url(../i/nav.png) no-repeat;
	white-space:nowrap;
	height:165px;
}

#navigation li.selected a, 
#navigation li.selected strong{
	display:none;
}

#navigation li img{
	display:block;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
}

/* #navigation li img.big{
	display:none;
}
 */
#navigation li img.small{
	display:none;
}

#navigation li.selected img.small{
	display:none;
}

#navigation li.selected img.big{
	display:block;
}

#navigation .shade{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.1;
	filter:alpha(opacity=10);
	display:block;
	z-index:1;
}

#navigation .hover .shade,
#navigation .animating .shade,
#navigation .selected .shade {
	display:none !important;
}

#navigation .wrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#navigation #nav-history{
	background:#171211;
}

#nav-history .wrap{
	left:50%;
	width:1px;
}

#nav-history img.big{
	left:-900px;
}

#nav-history img.small{
	left:-18px;
}

#nav-history.animating .wrap{
	margin-left:-53px;
}

#nav-history.cur-animating .wrap{
	margin-left:53px;
}

#nav-production{
	background:#31593f;
}

#navigation #nav-production span{
	background-position:-35px 0; 
}

#nav-museum{
	background:#964e19;
}

#navigation #nav-museum span{
	background-position:-70px 0;
}

#nav-kvas{
	background:#efe8e0;
}

#navigation #nav-kvas span{
	background-position:-105px 0;
}

#page-body, #footer{
	position:relative;
	width:58%;
	z-index:2;
	left:25%;
	padding-top:250px;
}

#logo{
	position:absolute;
	top:72px;
	left:-8px;
}

#logo img{
	width:121px;
	height:108px;
}

#weather{
	position:absolute;
	top:110px;
	right:45px;
	height:60px;
	width:30em;
	overflow:hidden;
}

#weather img{
	width:100px;
	height:300px;
	position:absolute;
	right:0;
	cursor:pointer;
}

#weather .pseudo-href{
	font-size:160%;
	position:absolute;
	right:120px;
	top:10px;
	font-style:italic;
}


#weather.night img{
	top:0;
}

#weather.cloud img{
	top:-60px;
}

#weather.sun img{
	top:-120px;
}

#content{
	font-size:120%;
	line-height:1.5;
	padding-bottom:7em;
	padding-left:55px;
	margin-left:-55px;
	position:relative;
}

#footer{
	position:absolute;
	bottom:2em;
	font-size:89%;
	line-height:1.6;
	padding-top:0;
}

#footer p{
	margin:0;
}

#footer a{
	color:#fff;
}

.pager{
	list-style-type:none;
	position:relative;
	left:-55px;
	margin:1.5em 0;
}

.pager li{
	display:inline;
	margin-right:2em;
	font-weight:bold;
	font-style:italic;
}

.pseudo-href{
	border-bottom-style:dashed;
	border-bottom-width:1px;
	cursor:pointer;
}

.rounded {
	position: relative;
	overflow: hidden;
}

.rounded .cn {
	width: 10px;
	height: 10px;
	position: absolute;
	left: -5px;
	top: -5px;
}

.rounded .cn.tr,
.rounded .cn.br {
	margin-left: 100%;
}

.rounded .cn.bl,
.rounded .cn.br {
	top: auto;
}