* {
	margin:0;
	padding:0;
	font-weight:normal;
	}
html {
	height:100%;
	text-align:center;
	}
body {
	min-height:100%;
	height:auto;
	position:relative;
	font:normal 100.01% 'Trebuchet MS', 'Arial', 'Helvetica', 'sans-serif';
	line-height:110%;
	color:#000;
	background:#52260A url(../i/body-bg.gif) repeat top center;
	}
/** Tags *******************************************/		
p {
	padding:0 0 1em 0;
	}
strong {
	font-weight:bold;
	}
a {
	outline:none;
	color:#9C532E;
	text-decoration:underline;
	}
a.current {
	color:#000;
	text-decoration: none;
	}	
a.current span.h2 { font-size:1.6em; }	

ul,ol {
	padding:5px 5px 1.5em 10px;
	}
	 li {
	 	margin:0 0 0 10px;
		padding:2px 0;
		}

img {
	border:none;
	}
h1 {
	font-size:1.6em;
	padding:30px 0 15px 0;
	}
h2, .h2 {
	font-size: 1.3em;
	padding:7px 0 5px 0;
	}
h3, .h3 {
	font-size: 1.1em;
	padding:7px 0 5px 0;
	}
h4, .h4 {
	font-size:.9em;
	padding:7px 0 5px 0;
	}
table {
	border-collapse:collapse;
	vertical-align:top;
	margin:0 0 35px 0;
	}
	td {
		padding:2px 10px;
		margin:0;
		border:none;
		}
	blockquote {
		font-style:italic;
		}
		
/** Formatting ***********************************/
/********************/		
.fl_right {
		float:right;
		}
.fl_left {
	   float:left;
	   }		
.clear:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************************************************/
/** Blocks **********************************/
#header {
	width:100%;
	height:144px;
	background: url(../i/header-bg.gif) repeat-x center top;
	}
	#header-container {
		width:960px;
		margin:0 auto;
		text-align:left;
		position:relative;
		z-index:3;
		}
		#logo {
			position:absolute;
			top:60px;
			left:225px;
			}
		#Spas-pic {
			position:absolute;
			top:0;
			left:470px;
			width:381px;
			height:214px;
			background:url(../i/Spas-pic.gif) no-repeat top left;
			}
			#Spas-pic img {
				position:absolute;
				top:36px;
				left:42px;
				}
				
/****************************************/

#index-nav {
	padding:20px 0 0 70px;
	color:#DFC37A;
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
	}
	#index-nav a, #index-nav span.imgHolder{
		color:#DFC37A;
		margin-right:30px;
		text-decoration:none;
		}	
		#index-nav  span#language-select {
			margin-left:35px;
			}
			#index-nav  span#language-select a {
						text-decoration:underline;
						}
			#index-nav  span#project-help a {
						font-weight: bold;
						text-decoration:underline;
						}
						

/**************************************************/
#container {
	text-align:left;
	margin:0 auto;
	position:relative;
	width:960px;
	background:url(../i/container-bg.gif) repeat-y top center;
	font-size:.8em;
	margin-bottom:50px;
	z-index:1;
	}
#container-tl {
	position:absolute;
	width:82px;
	height:247px;
	top:82px;
	left:31px;
	background:url(../i/content-top-left-bg.jpg) no-repeat;
	}
#container-tr {
	position:absolute;
	width:30px;
	height:215px;
	top:82px;
	right:31px;
	background:url(../i/content-top-right-bg.jpg) no-repeat;
	}
#shadow-bot {
	position:relative;
	margin:0 auto;
	width:960px;
	height:49px;
	bottom:90px;
	left:0;
	background:url(../i/shadow-bot-bg.gif) no-repeat bottom center;
	}
#container-bot {
	position:absolute;
	width:960px;
	height:196px;
	bottom:-1px;
	left:0px;
	background: url(../i/content-bot-bg.jpg) no-repeat bottom center;
	z-index:5;
	}
	#copy {
		position:absolute;
		bottom:35px;
		left:233px;
		color:#DEC074;
		}
	#cube {
		position:absolute;
		bottom:0;
		right:70px;
		}
#container-bl {
	position:absolute;
	z-index:1;
	width:230px;
	height:353px;
	bottom:185px;
	left:48px;
	background:url(../i/content-bot-left-bg.jpg) no-repeat top center;
	}
#container-br {
	position:absolute;
	z-index:1;
	width:30px;
	height:232px;
	bottom:185px;
	right:40px;
	background:url(../i/content-bot-right-bg.jpg) no-repeat top center;
	}
	#content {
		position:relative;
		z-index:2;
		width:658px;
		min-height:300px;
		top:-5px;
		padding:30px 70px 300px 232px;
		background:url(../i/content-top-bg.jpg) no-repeat top center;
		}
/************/	
.col-a, .col-b {
	float:left;
	width:290px;
	padding-right:20px;
	}
	.col-a {
		margin-right:38px;
		}

/********************************/
#mapflash {
		  position:absolute;
		  top:65px;
		  left:95px;
		  }
/********************************/
dl.news-list {
	line-height:130%;
	}
	.date {
		color:#787878;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	.comment { font: normal 11px 'Trebuchet MS', 'Arial', 'Helvetica'; }	
	dl.news-list h2 {
		padding:0 0 .2em 0;
		line-height:100%;
		}
		h1.article-title {
			line-height:110%;
			padding-top:5px;
			}
/****************************************/	
.photoalbum {
	width: 300px;
	margin: 9px;
	float: left;
	}
.photoalbum h2 {
	padding-top:.1em;
	}
img.photoalbum-bg {
	background:url(../i/photoalbum-bg.jpg) no-repeat top left;
	margin-left:-27px;
	padding: 20px 30px 30px 30px;
	position:relative;
	}
	div.photoalbum-lenta {
	display: block;
	width: 620px;
	position: relative;
	padding: 0 10px;
	margin-top: 30px;
	height: auto;
	background: url(../i/film-bg.jpg) repeat-y;
	} 
		.photoalbum-lenta .pic { float: left; height: 100px; margin: 24px 3px 46px 5px; background: transparent; }
		.photoalbum-lenta .pic img { height: 100px; margin: 0; padding: 0; }
	 
	 		
img.home-img-1 {
	background:url(../i/img-home-1-bg.jpg) no-repeat top left;
	margin-left:-27px;
	padding: 22px 20px 30px 27px;
	position:relative;
	}
	
img.home-img-2 {
	background:url(../i/img-home-2-bg.jpg) no-repeat top left;
	margin-left:-24px;
	padding: 22px 20px 30px 24px;
	position:relative;
	}	 
	 		
	 	
.pathnav { font-size: .9em; margin-top: 20px; color: #7D7247; }
.pathnav a { color: #7D7247; text-decoration: none; }
.pathnav a:hover { text-decoration: underline; }
.pathnav h1 { margin-top: 5px; padding-top: 0; }		
/****************************************/

#nav {
	position:absolute;
	z-index:100;
	top:-77px;
	left:40px;
	background:url(../i/nav-bg.jpg) repeat-y top center;
	width:159px;	
	padding:50px 0 10px 0;
	}
#nav ul {
	margin:0;
	padding:10px 0 30px 30px;
	position:relative;
	z-index:10;
	}
	#nav ul li{
		margin:0;
		padding:10px 0 0 0;
		list-style:none;
		line-height:100%;
		}
	#nav ul li a { color: #844526; }	
	#nav ul li.current {}
	#nav ul li.current a { text-decoration: none; color: #000; }
	#nav ul li.current a:hover { text-decoration: underline; }
	
	ul.nav2 { margin: 5px 0 10px 10px; padding:0; }
	ul.nav2 li { margin:0; padding:5px 0 0 0; list-style:none; line-height:100%; }
	ul.nav2 li a { color: #844526; }	
	ul.nav2 li.current {}
	ul.nav2 li.current a { font-size: .9em;text-decoration: none; color: #000; }
	ul.nav2 li.current a:hover { text-decoration: underline; }
	ul.nav2 li.level2 { padding: 3px 0 0 10px; }
	ul.nav2 li.level2 a { font-size: .8em; text-decoration: none; }
	ul.nav2 li.level2 a:hover { text-decoration: underline; }
	ul.nav2 li.level2-current { padding: 5px 0 0 5px; }
	ul.nav2 li.level2-current a { font-size: .8em; text-decoration: none; color: #000; }
	ul.nav2 li.level2-current a:hover { text-decoration: underline; }

table.sitetree { }
table.sitetree td { vertical-align: top; border: 0; } 
		
#nav-top {
	position:absolute;
	top:0;
	left:0;
	width:159px;
	height:125px;
	background:url(../i/nav-top-bg.jpg) no-repeat top center;
	}
#nav-bot {
	position:absolute;
	bottom:-22px;
	left:0px;
	width:159px;
	height:22px;
	background:url(../i/nav-bot-bg.gif) no-repeat bottom center;
	}
#nav-br {
	position:absolute;
	bottom:-12px;
	right:5px;
	width:50px;
	height:80px;
	background:url(../i/nav-br-bg.gif) no-repeat bottom center;
	}	

/******************************/
#left-content {
	float:left;
	margin:360px 0 0 -162px;
	width:115px;
	display:inline;
	color:#666;
	font-size:.9em;
	line-height:130%;
	}

	
/****************************************/
table.contacts {
	width:90%;
	}
	table.contacts td {
		padding:2px 20px 2px 0;
		}
		table.contacts td.input-holder {
				width:50%;
				}
		table.contacts td.submit-holder {
						text-align:right;
						padding-right:18px;
						}

		table.contacts input {
				padding:2px 0;
				}
		table.contacts input, table.contacts textarea {
				border:#9C532E solid 1px;
				}

/**************************************************************/

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#000;
	border-top:#623915 solid 2px;
	}
	#footer-cont {
		margin:0 auto;
		position:relative;
		width:960px;
		padding:10px 0 7px 0;
		}
		#footer-cont img {
			margin-right:10px;
			}