body, html {
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(img/fon_1994x1150.jpg);
	background-position: center center;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #7c3e00;
}

a {
	outline: none;
}

h1 {
	margin: 0px 0px 10px 0px;
	font-size: 21px;
	color: #7c3e00;
	font-weight: bold;
}


#fon_h {
	width: 900px;
	height: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -320px;
	overflow: hidden;
	background-image: url(img/pre_fon.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.blok {
	width: 530px;
	height: 240px;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -265px;
	position: absolute;
	overflow: hidden;
}
#nad {
	z-index: 3;
}

#menu {
	visibility: hidden;
	z-index: 8;
	background-image: url(img/blok_fon.png);
}
#afisha {
	z-index: 2;
}
#tblock {
	visibility: hidden;
	z-index: 5;
	background-image: url(img/blok_fon.png);
}

#ermi {
	width: 215px;
	height: 36px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -108px;
	margin-top: -115px;
	z-index: 8;
}

#m {
	width: 70px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -73px;
	cursor: pointer;
	z-index: 8;
	background-image: url(img/clubmenu.png);
	background-position: top left;
}
#mplus {
	width: 70px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -79px;
	z-index: 7;
	overflow: hidden;
}

#mmm {
	position: relative;
	width: 482px;
	height: 25px;
	left: 24px;
	top: 11px;
}
#m1 {
	width: 125px;
	height: 25px;
	position: relative;
	left: 0px;
	background-image: url(img/m1_fon.png);
	cursor: pointer;
}
#m2 {
	width: 109px;
	height: 25px;
	position: relative;
	margin-left: 13px;
	background-image: url(img/m2_fon.png);
	cursor: pointer;
}
#m3 {
	width: 222px;
	height: 25px;
	position: relative;
	margin-left: 13px;
	background-image: url(img/m3_fon.png);
	cursor: pointer;
}
#mm {
	width: 530px;
	height: 190px;
	margin-top: 11px;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.menu_item {
	font-size: 18px;
	text-decoration: underline;
	color: White;
	font-family: Georgia, serif;
}

a.menu_item:hover {
	color: #c37c2a;
}

ul.menul {
	width: 220px;
	display: block;
	margin: 36px 0px 0px 40px;
	padding: 0px;
	
}
.menul li {
	list-style: none;
	margin: 0px 0px 12px 0px;
	display: block;
}

#close_menu {
	position: absolute;
	width: 530px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin-top: 97px; 
	margin-left: -265px;
	font-size: 10px;
	padding: 0px;
	text-align: right;
	z-index: 9;
}
#close_menu a {
	color: black;
	margin-right: 15px;
}

.whitext {
	
	font-size: 18px;
	font-family: Georgia, serif;
	padding: 36px 0px 0px 40px;
	position: relative;
}
.whitext a {
	color: White;
}
.whitext a:hover {
	color: #c37c2a; 
}

.calendar {
	color: White;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}

.calendar p {
	margin: 15px 0px 5px 40px;
}

.calendar .cc6 p {
	margin: 15px 0px 0px 40px;
}

.calendar a {
	color: White;
}
.calendar a:hover {
	color: #c37c2a;
}

.mc {
	width: 152px;
	height: 25px;
	position: relative;
	cursor: pointer;
}

#ccc {
	position: relative;
	width: 482px;
	height: 25px;
	left: 24px;
	top: 11px;	
}
#cc {
	position: relative;
	width: 530px;
	height: 175px;
	top: 15px;
}

#c2 {
	margin-left: 13px;
}
#c3 {
	margin-left: 13px;
}

.notactive {
	color: #f9dca9;
	cursor: default;
}
a.notactive:hover {
	color: #f9dca9;
}

#about {
	margin-top: 36px;
	color: #774111;
	padding: 0px 20px 0px 20px;
	width: 490px;
	height: 190px;
}
#about p {
	margin: 0px 0px 12px 0px;
	font-family: Georgia, serif;
}

#materials {
	margin-top: 36px;
	color: #774111;
	padding: 0px 20px 0px 20px;
	width: 490px;
	height: 190px;
}
#materials p {
	margin: 0px 0px 12px 0px;
	font-family: Georgia, serif;
}
#materials a {
	font-size: 16px;
	color: #774111;
}
#materials a:hover {
	color: White;
}

#corp {
	margin-top: 20px;
	color: #774111;
	padding: 0px 20px 0px 20px;
	width: 490px;
	height: 190px;
}
#corp p {
	margin: 0px 0px 12px 0px;
	font-family: Georgia, serif;
}
#corp a {
	color: #774111;
}
#corp a:hover {
	color: White;
}

sup {
	font-size: 11px;
	
}

#residents {
	margin-top: 33px;
	color: #774111;
	padding: 0px 20px 0px 20px;
	width: 490px;
	height: 190px;
}

#residents a {
	font-size: 18px;
	font-family: Georgia, serif;
	color: White;
	margin: 0px 15px 0px 15px;
}
#residents a:hover {
	color: #c37c2a;
}

#residents p {
	margin: 0px 0px 12px 0px;
	font-size: 10px;
}

#cards {
	margin-top: 45px;
	color: #774111;
	padding: 0px 25px 0px 25px;
	width: 480px;
	height: 190px;
}

#music_box {
	background-image: url(img/music_box.jpg);
	width: 530px;
	height: 240px;
	overflow: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#music_box a {
	font-size: 18px;
	font-weight: bold;
	color: #7c3e00;
}
#music_box a:hover {
	color: #fa920d;
}

#logofon {
	position: absolute;
	width: 590px;
	height: 370px;
	background-image: url(img/logofon.png);
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -290px;
	z-index: 0;
}

.aph {
	background-color: #c37c2a;
	padding: 0px 2px 1px 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin-left: 3px;
}

a.aph:hover {
	color: #c37c2a;
	background-color: White;
}

#flashlogo {
	width: 239px;
	height: 147px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -122px;
	margin-top: -320px;
	z-index: 8;
}

.awa1 {
	background-color: #f6ab42;
	position: absolute;
	width: 137px;
	height: 16px;
	top: 20px;
	left: 0px;
	overflow: hidden;
}
.awa2 {
	background-color: #f6ab42;
	position: absolute;
	width: 137px;
	height: 16px;
	top: 20px;
	left: 393px;
	overflow: hidden;
}
.awa3 {
	background-color: #f6ab42;
	position: absolute;
	width: 137px;
	height: 16px;
	top: 204px;
	left: 0px;
	overflow: hidden;
}
.awa4 {
	background-color: #f6ab42;
	position: absolute;
	width: 137px;
	height: 16px;
	top: 204px;
	left: 393px;
	overflow: hidden;
}

.awa1 a, .awa2 a, .awa3 a, .awa4 a {
	color: White;
	text-decoration: none;
	font-size: 11px;
	margin-left: 4px;
	font-weight: bold;
}
.awa1 a:hover, .awa2 a:hover, .awa3 a:hover, .awa4 a:hover {
	text-decoration: underline;
}

#developers {
	width: 200px;
	height: 18px;
	color: #c37c2a;
	font-size: 10px;
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -100px;
	z-index: 9;
}
#developers a {
	color: #c37c2a;
}

.clean {
	text-decoration: none;
}

.cc7 p {
	margin: 10px 0px 5px 40px;
}