body{
		padding:0;
		margin:0;
	}
	#root{
		width:950px;
		background:url(art/allbackground.jpg);
		margin:0 auto;
	}
	#header{
		height:350px;
		position:relative;
		width:950px;
	}
	#header h1{
		background:url(art/logo.png) no-repeat;
		margin:0;
		text-indent:-800px;
		width:716px;
		height:280px;
		display:block;
		overflow:hidden;
		position:absolute;
		z-index:2;
	}
	#header ul{
		margin:0;
		padding:0;
		position:absolute;
		bottom:0;
		left:0;
	}
	#header ul li{
		float:left;
		list-style:none;
	}
	#header>img {
		position:absolute;
		top:0;
		left:-30px;
		z-index:1;
	}
	#footer{
		height:80px;
		clear:both;
		position:relative;
		padding-top:40px;
		
	}
	#footer img {
		position:absolute;		
		
		top:-280px;
	}
	#footer div p {
		
		color:#573c05;
		position:absolute;
		top:65px;
		left:450px;
	}
	
	#panel {
		width:200px;
		float:left;
	}
	#panel1 {
		width:200px;
		height:300px;
		background:url(art/panel.png);
		float:left;
		padding-top:20px;
		font-family:monotype corsiva;
		font-size:18px;
		z-index:5;
		position:relative;
	}
	#panel1 h2 {
		padding:0;
		margin:0;
		left:20px;
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-300px;
		background:url(art/odnogr.png) no-repeat;
		width:160px;
		height:45px;
		top:10px;		
	}
	#panel1 ul {
		margin:0;
		padding:0;
		margin:35px 10px 10px 35px;
		list-style-image:url(art/list.png);
	}
	#panel a:link {
		color:#573c05;
	}
	#panel2 {
		width:200px;
		height:500px;
		background:url(art/fonsite.png);
		float:left;
		padding-top:20px;
		font-family:monotype corsiva;
		font-size:18px;
		z-index:5;
		position:relative;
	}
	#panel2 ul {
		margin:0;
		padding:0;
		margin:50px 20px 10px 25px;
		list-style-image:url(art/list.png);
		list-style-position:inside;
	}
	#panel2 h2 {
		padding:0;
		margin:0;
		left:20px;
		display:block;
		position:absolute;
		overflow:hidden;
		text-indent:-300px;
		background:url(art/site.png) no-repeat;
		width:160px;
		height:44px;
		top:20px;		
	}
	#key1 a{
		margin:0;		
		width:260px;
		height:60px;
		display:block;
		overflow:hidden;
		position:absolute;
		z-index:3;
		top:-240px;
		left:740px;
		background:url(art/knopki.png) no-repeat;
		text-indent:-300px;
	}
	#key1 a:hover {
		background:url(art/knopki.png) no-repeat;	
		background-position:0 -60px;
	}
	#key2 a{
		margin:0;		
		width:260px;
		height:60px;
		display:block;
		overflow:hidden;
		position:absolute;
		z-index:3;
		top:-165px;
		left:700px;
		background:url(art/knopki.png) no-repeat;
		background-position:0 -130px;
		text-indent:-300px;
	}
	#key2 a:hover {
		background:url(art/knopki.png) no-repeat;
		background-position:0 -190px;	
	}
	#key3 a{
		margin:0;
		background:url(art/knopki.png) no-repeat;
		background-position:0 -260px;
		text-indent:-300px;
		width:260px;
		height:65px;
		display:block;
		overflow:hidden;
		position:absolute;
		z-index:3;
		top:-95px;
		left:580px;
	}
	#key3 a:hover {
		background:url(art/knopki.png) no-repeat;
		background-position:0 -320px;		
	}
	#key4 a{		
		margin:0;		
		width:260px;
		height:70px;
		display:block;
		overflow:hidden;
		position:absolute;
		z-index:3;
		top:-60px;
		left:400px;	
		background:url(art/knopki.png) no-repeat;
		background-position:0 -390px;
		text-indent:-300px;		
	}
	#key4 a:hover {
		background:url(art/knopki.png) no-repeat;
		background-position:0 -450px;
	}
	a:focus {
		border:0;
	}