@import url(footer.css);
body{
	margin: 0px;
	padding: 0px;
	color: #36c;
	background: #fff;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 12px;
}
p{
	margin:0px;
	text-indent:1.5em;
}


a:link{
	color: #08f;
	text-decoration:underline;
}
	a:visited{
		color: #63c;
	}
	a:hover{
		color: #c90;
		text-decoration:none;
	}
	a:active{
		color:#f90;
	}


h1 {
	display:none;
}
.document{
	min-width:780px;
/*	width:100%;*/
/*	display:inline-block;*/
	position:relative;
}
.document .minimal{
	
	overflow:hidden;
	height:0px;
	width:780px;
}
/*
#bg{
	position:relative; /* this is needed to position flash-animation*/
/*	margin: auto;
	background: url('img/pid-kovdroyu_6.jpg');
	background-repeat: no-repeat;
	width: 600px;
	height: 590px;
	z-index:1; /* this low index prevents the main background picture from overlaping the the "stuff" and the "about us" sections*/
/*}*/
#bg{
	position:relative; /* this is needed to position flash-animation*/
	margin: 0px 0px 0px -300px;
	left:50%;
	background: url('img/pid-kovdroyu_6.jpg');
	background: url('img/pid-kovdroyu_7.jpg');
/*	background: url('img/pid-kovdroyu_tulips.jpg');*/
	background-repeat: no-repeat;
	width: 600px;
	height: 590px;
	height: 605px;
	z-index:1; /* this low index prevents the main background picture from overlaping the the "stuff" and the "about us" sections*/
}
	#bg #flash {
		position:absolute;
		top:-7px;
		left:149px;
		width:336px; /*336 без шарика*/
		height:148px;
		padding:0px; 
	}
/*-----------------------------------------NAVIGATION-------------*/
#navigation {
	position:relative;
	z-index:999;
	margin:-590px auto 0px auto;
	margin:-605px auto 0px auto;
	width:700px;
	

	line-height:16px;
	
	/*border:solid 1px red;*/
	padding-top:650px;
}
	#navigation	h2{
		margin-top:15px;
		margin-bottom:5px;
		overflow:hidden;
		display:none;
	}
	#navigation h2 span{ visibility:hidden; }
/*	#navigation ul{
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 30px;
	}*/
#first, #second, #third{
	margin-left:360px;
	position:relative;
	
	position:absolute;

}
#first{	margin-top:300px; font-size:14px; line-height:normal; line-height:17px;
		top:300px; margin-top:0;
}
	#first .common{
		display:none;
		position:absolute;
		top:4px;
		left:200px;
		background:url("img/brace.png") no-repeat;
		padding:5px 0px 0px 23px;
		width:100px;
		height:60px;
		font-size:10px;
	}
	#first .common p{text-indent:0em; margin:0.5em 0em}
#second{ margin-top:54px; 
	top:455px; margin-top:0; }
#third{	margin-top:63px; margin-bottom:50px; 
	top:565px; margin-top:0; }



/*-----------------------------------------NAVIGATION END-------------*/
#about_us, #stufff{
	width:50%;
	position: absolute;
/*	border:dotted 1px red;*/
}
#about_us{
	top:0px;
	left:0px;
	z-index:5;
}
#stufff{
	top:0px;
	right:0px;
	z-index:6;
}
.sub{
	position:relative;
/*	margin-top:0px;*/
/*	border:solid 1px blue;*/
}
	#about_us .sub{
		margin-left:0px;
		margin-right:230px
	} 
	#stufff .sub{
		margin-left:240px;
		margin-right:0px;
	}
.container{
	position:relative;
	margin:0px auto 0px auto;
	width:242px;
	font-size:10px;
	color:#666;
	padding:0px 5px 5px 5px;
	
	/*border:solid 1px green;*/
}
#about_us .container{
	height:600px;
	background:url('img/logo_new_main.png') 25px 0px no-repeat;
}

#stufff .container{ 
	width:152px;
}
	.title h3{
		display:none;
	}
	#actions, #recent{

	}
	#actions .title{
		margin:-25px 0px 0px 0px;
		width:136px;
		height:123px;
		background:url(img/actions/title_v.png);
	}
		.action, .post{
			clear:both;
			margin:2px 0px 3px 0px;
			padding:0.5em 0px 0px 0px;
			border-bottom:solid 1px #fff;

		}
		.action img, .post img{
			border:solid 1px #fff;
			float:left;
			width:60px;
			height:66px;
			margin:-0.5em 5px 0px 0px;
			padding:0px;
		}
		.action img:hover, .post img:hover{
			border:solid 1px #fc0;
		}
		.post img{
			border-color:#ccc;
			margin:0em 5px 0px 0px;
		}
		.action img.placed, .post img.placed{
			border:none;
		}
	
	#recent{
		
		padding-top:18px;
	}
	
	.post .text{
		clear:both;
	}



	
#friends{
		margin-top:30px;
		text-align:center;
	}
	#friends .title{
		margin:0px auto 0px auto;
		width:114px;
		height:67px;
		
		background:url(img/friends_header_v.png);
	}
	#friends img{
		margin:0px 3px 0px 3px;
		width:88px;
		height:31px;
		border:none;
	}
	#friends a{
		text-decoration:none;
	}

/*==========================*/
	#about_us #header{
		display:block;
		position:absolute;
		width:71px;
		height:31px;
		top:322px;
		left:42px;
	}	
		#about_us #header span{
			cursor:hand;
			display:block;
			width:71px;
			height:31px;

			background:url("img/about_us_header_blue.png");
		}
		#about_us #header:hover span{
			width:71px;
			height:31px;

			background:url("img/about_us_header_yellow.png");
		}
	#about_us #mail{
		display:block;
		position:absolute;
		width:29px;
		height:28px;
		top:365px;
		left:62px;
	}	
		#about_us #mail span{
			cursor:hand;
			display:block;
			width:29px;
			height:28px;
			background:url("img/mail_blue.png");
		}
		#about_us #mail:hover span{
			background:url("img/mail_yellow.png");
		}
	#about_us .menu{
		width:100px;
		margin-top:180px;
		
	}

	#about_us .menu a{
		display:block;
		position:relative;
		left:15px;
	}
/*	#about_us #residents{
		display:block;
		position:relative;
		left:15px;
	}
	#about_us #jobs{
		display:block;
		position:relative;
		left:15px;
	}
*/
	.news{
		margin:5px auto;
		color:#666;
		padding:5px 20px 10px 20px;
		border-top:dotted 1px #ccc;
		border-bottom:dotted 1px #ccc;
		font-size:95%;
		width:75%;
	}
/*	.inform {
		background: url("img/signs/i_20.png") 10px 27px no-repeat;
	}*/
	
	.news span.date{
		margin-right:-55px;
	}
	
#pillow_news{
	display:none;
	}	
#sling_news{
	display:none;

	margin:-23px 0px -7px 185px; 
	/*padding:0px 0px 0px 0px; */
	position:relative;
	z-index:-1;
	width:80px; 
	height:30px; 
	background:url('img/pillow_news_bg.png') #ffeaaa; 	

}
#sling_news div#news_content{
	padding:3px 0px 0px 20px; 
	
	text-indent:-.4em;

	font-size:10px;
	
	color:#650; 

	text-align:center;  
	line-height:1;
	
}
#mai_news{
	display:none;

	margin:-23px 0px -7px 185px; 
	/*padding:0px 0px 0px 0px; */
	position:relative;
	z-index:-1;
	width:80px; 
	height:30px; 
	background:url('img/pillow_news_bg.png') #ffeaaa; 	

}
#mai_news div#news_content{
	padding:3px 0px 0px 20px; 
	
	text-indent:-.4em;

	font-size:10px;
	
	color:#650; 

	text-align:center;  
	line-height:1;
	
}