html {
	margin: 0px;
	padding: 0px;
}
body {
	PADDING: 0px 0px 0px 0px;
	margin: 0px;
	background: #000000;
	text-align: center;
	color: White;
}
table, div, td, form { border: 0px solid white; padding: 0px; margin: 0px;  vertical-align: top; }
td, div, li, font, span, ul { font-family: Verdana; font-size: 11px; color: #fff; }
img { border: 0px; PADDING: 0px; margin: 0px;  }
a { color: #CF8C14; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
a:hover { text-decoration: underline; }
p { text-indent: 25px; margin: 0px 0px 10px 0px; text-align: justify; }
p a { color: #CF8C14; font-family: Verdana; font-size: 11px; text-decoration: none; }
p a:hover { text-decoration: underline; }
h1 { font-size: 14px; color: #FFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px; background: url(/templates/images/strelka.gif) no-repeat left middle; }
h1 span { display: none; }
h2 { font-size: 12px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
#page { width: 1029px; margin-left: auto; margin-right: auto;overflow: hidden;}
#top { padding: 5px; clear: both; text-align: right; background: url(images/kamael.jpg) no-repeat 40px -5px;}
#version {
	width: 177px;
	height: 63px;

}
#tools { padding: 10px 0px 0px 0px; margin-left: 0; height: 50px;}
#tools a { display: block; float: right; height: 29px; margin-right: 20px; }
#lhome {
	width: 121px;
	background: url(images/home.jpg) no-repeat left top;
}
#lhome:hover { background: url(images/hhome.jpg) no-repeat left top; }
#lknowledge { width: 129px; background: url(images/knowledge.jpg) no-repeat left top; }
#lknowledge:hover { background: url(images/hknowledge.jpg) no-repeat left top; }
#lforum { width: 79px; background: url(images/forum.jpg) no-repeat left top; }
#lforum:hover { background: url(images/hforum.jpg) no-repeat left top; }
/*
	Здесь таким же образом продолжать пункты меню вверху, указывая стили нормального пункта меню и
	с наведенной мышью
*/
#tools span { display: none; }
#pic { clear: both; margin-top:20px;}
#t11 { float: left; width: 524px; height: 182px; background: url(images/1.jpg) no-repeat left top; position: relative; text-align: left; }
#t11 div { position: absolute; width: 207px; height: 194px; background: url(images/logo.png) no-repeat left top; margin: -15px 0px 0px 20px; filter:expression(fixPNG(this)); }
#t11 div img { width: 207px; height: 194px; }
#t11 div a { position: relative; }
#t12 { float: left; width: 505px; height: 182px; background: url(images/2.jpg) no-repeat left top; position: relative; text-align: left; }
#t12 div { position: absolute; width: 283px; height: 432px; background: url(images/cheek.png) no-repeat left top; margin: -49px 0px 0px -255px; filter:expression(fixPNG(this)); }
#t12 div img { width: 283px; height: 432px; }
#t21 { float: left; width: 524px; height: 176px; background: url(images/3.jpg) no-repeat left top; }
#t22 { float: left; width: 505px; height: 176px; background: url(images/4.jpg) no-repeat left top; }
#content { clear: both; }
#left { float: left; width: 266px; padding: 20px 0px 20px 0px; }
#rating { margin-left: 0px; margin-top: 10px; float: left;
}
#menu { text-align: left; margin: 30px 0px 0px 40px; }
#menu span { display: none; }
#menu a { display: block; }
#lhowto { width: 198px; height: 28px; background: url(images/howto.jpg) no-repeat left top; margin-bottom: 20px; }
#lhowto:hover, #lhowto .active { background: url(images/hhowto.jpg) no-repeat left top; }
#lforum2 { width: 81px; height: 26px; background: url(images/forum2.jpg) no-repeat left top; margin-bottom: 20px; }
#lforum2:hover, #lforum2 .active { background: url(images/hforum2.jpg) no-repeat left top; }
#lhome2 { width: 95px; height: 26px; background: url(images/home2.jpg) no-repeat left top; }
#lhome2:hover, #lhome2 .active { background: url(images/hhome2.jpg) no-repeat left top; }
#labout { width: 90px; height: 25px; background: url(images/about.jpg) no-repeat left top; }
#labout:hover, #labout .active { background: url(images/habout.jpg) no-repeat left top; }
#lserver { width: 106px; height: 25px; background: url(images/server.jpg) no-repeat left top; }
#lserver:hover, #lserver .active { background: url(images/hserver.jpg) no-repeat left top; }
#larticles { width: 87px; height: 26px; background: url(images/articles.jpg) no-repeat left top; }
#larticles:hover, #larticles .active { background: url(images/harticles.jpg) no-repeat left top; }
#lregister { width: 139px; height: 24px; background: url(images/register.jpg) no-repeat left top; }
#lregister:hover, #lregister .active { background: url(images/hregister.jpg) no-repeat left top; }
#lstats { width: 136px; height: 25px; background: url(images/stats.jpg) no-repeat left top; }
#lstats:hover, #lstats .active { background: url(images/hstats.jpg) no-repeat left top; }
#lstatus { width: 84px; height: 26px; background: url(images/status.jpg) no-repeat left top;}
#lstatus:hover, #lstatus .active { background: url(images/hstatus.jpg) no-repeat left top; }
#lfiles { width: 83px; height: 27px; background: url(images/files.jpg) no-repeat left top; margin-bottom: 20px; }
#lfiles:hover, #lfiles .active { background: url(images/hfiles.jpg) no-repeat left top; }
#lgalery { width: 99px; height: 26px; background: url(images/galery.jpg) no-repeat left top; margin-bottom: 20px; position: relative;
	right: 4px; }
#lgalery:hover, #lgalery .active { background: url(images/hgalery.jpg) no-repeat left top; }
#lrobox { width: 135px; height: 26px; background: url(images/xchange.jpg) no-repeat left top; position: relative;
	right: 6px; }
#lrobox:hover, #lrobox .active { background: url(images/xchange2.jpg) no-repeat left top; }
#laccount { width: 177px; height: 30px; background: url(images/account.jpg) no-repeat left top; margin-bottom: 20px; position: relative;
	right: 5px; }
#laccount:hover, #laccount .active { background: url(images/haccount.jpg) no-repeat left top; }
#lpozhertvov {
	width: 175px;
	height: 24px;
	background: url(images/pozhertvov.jpg) no-repeat left top;
	margin-bottom: 20px;
	position: relative;
	right: 7px;
}
#lpozhertvov:hover, #lpozhertvov .active { background: url(images/pozhertvov2.jpg) no-repeat left top; }
#lvytashitperson { width: 235px; height: 22px; background: url(images/vytashit-person.jpg) no-repeat left top; position: relative;
	right: 7px; }
#lvytashitperson:hover, #lvytashitperson .active { background: url(images/vytashit-person2.jpg) no-repeat left top; }
#lsmenaparolya { width: 161px; height: 25px; background: url(images/smena-parolya.jpg) no-repeat left top; position: relative;
	right: 6px;}
#lsmenaparolya:hover, #lsmenaparolya .active { background: url(images/smena-parolya2.jpg) no-repeat left top; }
#llogvhoda { width: 125px; height: 27px; background: url(images/log-vhoda.jpg) no-repeat left top; position: relative;
	right: 9px;}
#llogvhoda:hover, #llogvhoda .active { background: url(images/log-vhoda2.jpg) no-repeat left top; }
#lvyhod { width: 87px; height: 27px; background: url(images/vyhod.jpg) no-repeat left top; position: relative;
	right: 7px;}
#lvyhod:hover, #lvyhod .active { background: url(images/vyhod2.jpg) no-repeat left top; }
#lpomoshserveru { width: 182px; height: 29px; background: url(images/pomosh-serveru.jpg) no-repeat left top; position: relative;
	right: 7px;}
#lpomoshserveru:hover, #lpomoshserveru .active { background: url(images/pomosh-serveru2.jpg) no-repeat left top; }

#lsms { width: 59px; height: 30px; background: url(images/sms1.jpg) no-repeat left top; position: relative;
	right: 7px;}
#lsms:hover, #lsms .active { background: url(images/sms.jpg) no-repeat left top; }

#lwebmoney { width: 123px; height: 30px; background: url(images/webmoney1.jpg) no-repeat left top; position: relative;
	right: 7px;}
#lwebmoney:hover, #lwebmoney .active { background: url(images/webmoney1_2.jpg) no-repeat left top; }

#lbonus { width: 88px; height: 28px; background: url(images/bonus.jpg) no-repeat left top; position: relative;
	right: 6px;}
#lbonus:hover, #lbonus .active { background: url(images/bonus2.jpg) no-repeat left top; }
#lpartnerka { width: 121px; height: 28px; background: url(images/partnerka.jpg) no-repeat left top; position: relative;
	right: 6px;}
#lpartnerka:hover, #partnerka .active { background: url(images/partnerka2.jpg) no-repeat left top; }
#llotery {
	width: 175px;
	height: 28px;
	background: url(images/lotery.png) no-repeat left center;
	position: relative;
	right: 0px;
}
#llotery:hover, #llotery .active { background: url(images/lotery.png) no-repeat left center; }
table#border{
	border: 1px solid White;
}

table#border td {
	border: 1px solid White;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}


/*
	Здесь таким же образом продолжать пункты меню слева, указывая стили нормального пункта меню, активного и
	с наведенной мышью
*/
#right {
	margin-left: 270px;
	clear: right;
	text-align: left;
}
#server_ops {
	width: 226px;
	height: 69px;
	float: left;
	text-align: left;
	background: url(images/server_ops.jpg) no-repeat left top;
	margin-top: 20px;
	border: 0px solid white;
}
#rtop1 { height: 82px; background: url(images/ug1.jpg) no-repeat left bottom; margin: 0px 5px 0px 0px; }
#rtop2 { height: 82px; background: url(images/ug2.jpg) no-repeat right bottom; }
#params {
	width: 350px;
	padding: 30px 0px 0px 100px;
	float: left;
	border: 0px solid white;
}
#params div { margin: 0px 0px 10px 0px; text-align: right; font-size: 12px; }
#server {
	width: 100px;
	height: 10px;
	background: url(images/server1.jpg) no-repeat left top;
}
#online { width: 100px; height: 15px; background: url(images/online.jpg) no-repeat left top; }
#maino {
	margin: 0px 0px 0px 0px;
	background: url(images/pl.jpg) repeat-y left top;
	overflow: visible;
}
#main {
	margin: 0px 5px 0px 0px;
	background: url(images/pr.jpg) repeat-y right top;
	padding: 10px 20px 10px 20px;
	overflow: visible;
}
#main hr { background: #CF8C14; color: #CF8C14; height: 1px; border: 0px; }
#text {
	margin: 0px 140px 0px 0px;
}
#text2 {
	margin: 0px 0px 0px 0px;
}
#text .container {
	border-bottom: 1px solid #CF8C14;
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 0px 0px;
	overflow: visible;
}
.container2 {
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 0px 0px;
	overflow: visible;
}
#text h2 { background: url(images/pick.jpg) no-repeat left center; padding: 0px 0px 0px 30px; }
#newsh { height: 20px; background: url(images/newsh.jpg) no-repeat center top; }
/*
	Здесь таким же образом продолжать стили для заголовков страниц
*/
#banners { float: right; width:140px; }
#top10 { background: #000000; padding: 5px 5px 5px 5px; }
#top10 ol {
}
#top10 li {
	margin-bottom: 3px;
	color: #FABC16;
}
#rbot1 { height: 90px; background: url(images/ug3.jpg) no-repeat left top; margin: 0px 5px 0px 0px; }
#rbot2 { height: 90px; background: url(images/ug4.jpg) no-repeat right top; }
#counter {
	padding: 50px 0px 0px 50px;
	text-align: left;
}
#bottom {
	clear: both;
	padding: 0px 0px 20px 5px;
	border-top: 1px solid #CF8C14;
}
span#begun1 {
	padding: 0px 0px 20px 5px;
}
span#begun1 a { color: #CF8C14; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; }
span#begun1 a:hover { text-decoration: underline; }
span#begun2 {
	padding: 0px 0px 20px 5px;
}
#counters { float: left; width: 100px; }
#altrum { margin-left: 850px; text-align: right; }
#altrum a { color: #fff; text-decoration: none; }
#altrum div { float: right; background: url(images/altrum2.png) no-repeat left center; width: 30px; height: 30px; margin-left: 5px; filter:expression(fixPNG(this)); }

ul {
	list-style-type: none;
}

ul li {
	margin-bottom: 5px;

}

.cell {
	float: left;
	width: 50px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-left: 30px;
	display: block;
	margin-bottom: 10px;
}

.cell_last {
	width: 50px;
	text-align: left;
	margin-left: 30px;
	display: block;
	padding-left: 50px;
	margin-bottom: 10px;
}
.cell a {
	margin-top: 10px;
	display: block;
}

.cell_last a {
	margin-top: 10px;
	display: block;
}

.header {
	margin-bottom: 10px;
}
.header_last {
	margin-bottom: 10px;
}
#sound
{
	border: 0px white solid;
	float: left;
	width: 270px;
	text-align: right;
}

#sound_button_on
{
	border: 0px;
	background-color: Black;
	background-image: url(images/bullets/warak.jpg);
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	color: #CF8C14;
	cursor: hand;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

#sound_button_off
{
	border: 0px;
	background-color: Black;
	background-image: url(images/bullets/warak2.jpg);
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	color: Silver;
	cursor: hand;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
button
{
	color: #CF8C14;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0px;
	background-color: transparent;
	cursor: hand;
}
.title {
	font-size: 12px;
	color: #D69016;
}
div.class15 {position:relative; left:-2000px;}
#contentw {
	padding: 20px 0px 20px 0px;
	margin-top: 0px;
	margin-left: 20px;
	width: 500px;
	position: relative;
}
#box {
	padding: 0px 20px 0px 0px;
	overflow: hidden;
	height: 690px;
	border-right: 0 solid #ccc;
	position: relative;
}
#scroll1 {
	position: absolute;
	margin: 0px 0px 0px 485px;
	background: url(images/verh.gif) no-repeat;
	width: 15px;
	height: 19px;
	cursor: hand;
	z-index: 1;
}
#scroll2 {
	position: absolute;
	margin: 670px 0px 0px 485px;
	background: url(images/niz.gif) no-repeat;
	width: 15px;
	height: 19px;
	cursor: hand;
	z-index: 1;
}
#p {
	position: absolute;
	margin: 5px 20px 0px 0px;
}
