html, body, #wrap {
  height: 100%;
  font-size: 10pt;
}
* {
  margin: 0px;
  padding: 0px;
}
body > #wrap {
height: auto; min-height: 100%;
}

#header {
  /*border-bottom: 1px solid #666666;*/
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #CFF2A3;
  background-image: url(/img/index/header_bg.jpg);
  background-repeat: repeat-x;
  height: 100px;
}
#content {
 padding: 20pt;
 margin: 0px;
 font-size: large;
 font-family: Arial, Helvetica, sans-serif;
}

#main {
  padding-bottom: 60px;
}
#footer {
  position: relative;
  margin-top: -60px;
  height: 60px;
  clear: both;
  background-color: #5D670D;
  color: #e0f3c8;
  background-image: url(/img/index/footer_bg.jpg);
  color: #777;
}

#footer .menu {
	padding: 15px 0 0 0;
	font-size: 1em;
	text-align: center;
}

#footer #copyright {
	padding: 7px 1em 0 0;
	text-align: right;
	color: #F1F5CF;
}

a {
	color: #59AE50;
	text-decoration: underline;
}

#header a {
	color: #3a600b;
}

#footer a {
	color: #e0f3c8;
}

a:hover {
	text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

#header #logo {
	float: left;
	margin: 20px 20px 20px 30px;
}

#header #logo a img {
	border: none;
}

#header .login_btn {
	float: right;
	margin: 0px 40px 0px 0px;
	width: 233px;
	height: 36px;
	background-image: url("/img/index/header_login_btn.png");
	line-height: 36px;
	text-align: center;
}

#header .login_btn a {
	color: black;
	display: block;
}

#content #singupbox {
	float: left;
	width: 20em;
}

#content #singupbox .inner {
	height: 20em;
	background-color: #EDF5A5;
	padding: 1em;	
}

#content #singupbox .inner .button {
	text-align: center;
	margin-top: -2em;	
	position: relative;
}

#content #singupbox .inner .button a {
	background-color: #c4d060;
	color: black;
	padding: 0.3em 1em;
}

#content #singupbox .text {
	height: 100%;
	margin-bottom: -2em;
}

#content #singupbox .text p {
margin-bottom: 0.25em;
}

#content #benefits {
	width: 59%;
	float: left;
}

#content #benefits .inner {
	padding: 0.7em 1em 0;
}

#content #benefits .inner ul {
	margin-left: 1em;
}

#content #benefits .inner li {
	margin-bottom: 0.25em;
}

#content #benefits .inner h1 {
	font-size: 18pt;
}

#centrator {
	width: 80%;
	margin: 0 auto;	
	clear: both;
}

#bottom_panel {
	text-align: center;
	font-size: 2em;
	margin: 1em 0;
	height: auto; min-height: 100%;
}

.text_content {
	width: 50em;
}

.antispam {
	display: none;
    position: absolute;
    top: -999px;
    left: -999px;
}
#footer div.addthis_toolbox {
    position: absolute;
    top: -30px;
    margin-right: 20px;
    right: 0;
}

#footer div.addthis_toolbox a {
    color: #000;
}

.bkmz { 
    position: absolute;
    top: -30px;
    margin-right: 20px;
    right: 0;
}
.bkmz ul { margin: 0; }
/* скрываем текст внутри пунктов списка */
.bkmz ul li span {display:none;}

/* пункты спикса - в одну строку с промежутками по 10 пикселей */
.bkmz ul li {list-style:none; float:left; margin-left:3px;}

/* делаем ссылки блоками определенных размеров, задаем фоновую картинку */
.bkmz ul li a {padding:0; display:block; height:16px; width:16px;background:url(/img/ico-bkms.gif) top left;}

/* задаем смещение фоновой картинки для каждого пункта списка */
.bkmz ul li a.yandex {background-position:-16px 0;}
.bkmz ul li a.bobr {background-position:-32px 0;}
.bkmz ul li a.memori {background-position:-48px 0;}
.bkmz ul li a.moemesto {background-position:-64px 0;}
.bkmz ul li a.linkstore {background-position:-80px 0;}
.bkmz ul li a.rumarkz {background-position:-96px 0;}
.bkmz ul li a.stozakl {background-position:-112px 0;}
.bkmz ul li a.delicous {background-position:-128px 0;}
.bkmz ul li a.techno {background-position:-144px 0;}