html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
   position: relative;
	
    font: 11px tahoma;
    background-color: #c4ced7;
}

div, span, a, td, li, input, textarea, label, p {
	font: 11px tahoma;
}

div, span, td, li, input, textarea, label, p {
	color: #403f3f;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	text-align: left;
}

h5 {
	font-size: 12px;
	color: #8b0505;
}

h5 a {
	font-size: 12px;
	color: #8b0505;
	text-decoration: none;
	font-weight: bold;
}

h5 a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

a {
	text-decoration: underline;
	color: #403f3f;
}

a:hover {
	text-decoration: none;
}

a.small {
	text-decoration: underline;
	color: #8a8989;
	display: block;
	line-height: 13px;
	background: url('../images/a_small_arrow.jpg') no-repeat left 5px;
	padding-left: 8px;
}

a.small:hover {
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.push {
    padding: 0 11px 58px 11px;
    zoom: 1;
}

.container {
	width: 995px;
	margin: 0 auto;
    min-height: 100%;
   height: auto !important;
    height: 100%;
    background-color: #FFFFFF;

}

.top {
	padding-top: 46px;
	position: relative;
}

.top .phones_box {
	height: 59px;
	line-height: 59px;
	background: url('../images/top_phones_box_bg.jpg') no-repeat;
	padding-left: 30px;
	color: #8a8989;
	position: absolute;
	right: 0;
	top: 0;
}

.top a.sistematika {
	display: block;
	height: 50px;
	width: 330px;
	position: absolute;
	left: 0;
	top: 45px;
}

.top .phones_box span {
	font: 18px Arial Narrow;
	color: #8b0505;
}

.top .nav_box {
	height: 50px;
	background: url('../images/logo.jpg') no-repeat;
}

.top .nav_box ul.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 13px 0 0 331px;
}

.top .nav_box ul.nav li {
	margin: 0;
	padding: 0;
	float: left;
	background: url('../images/top_nav_bg.jpg') repeat-x;
	position: relative;
}

.top .nav_box ul.nav li a {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 107px;
	background: url('../images/top_nav_li.jpg') no-repeat right center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.top .nav_box ul.nav li a:hover {
	text-decoration: underline;
}

.top .nav_box ul.nav li.last a {
	background: none;
}

.top .nav_box ul.nav li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	list-style-type: none;
	border: 1px solid #acacac;
	background: #F5F5F5 url('../images/menu_bg.jpg') repeat-x;
	width: 105px;
	display: none;
	left: 0;
	top: 28px;
}

.top .nav_box ul.nav li:hover ul,
.top .nav_box ul.nav li.jshover ul {
	display: block;
}

.top .nav_box ul.nav li ul li {
	background: none;
	position: relative;
}

.top .nav_box ul.nav li ul li a {
	background: url('../images/top_nav_li_li.jpg') no-repeat center bottom;
	width: 105px;
	height: 28px;
	font-weight: normal;
	color: #8a8989;
}

.top .nav_box ul.nav li ul li.last a {
	background: url('../images/top_nav_li_li.jpg') no-repeat center 50px;
}

.top .nav_box ul.nav li ul li ul {
	top: 0;
	left: 105px;
	display: none !important;
}

.top .nav_box ul.nav li ul li:hover ul,
.top .nav_box ul.nav li ul li.jshover ul {
	display: block !important;
}

.top .nav_box ul.nav li ul li ul li {
	background: none;
}

.top .nav_box ul.nav li ul li ul li {
	background: none;
	position: relative;
}

.top .nav_box ul.nav li ul li ul li a {
	background: url('../images/top_nav_li_li.jpg') no-repeat center bottom !important;
}

.top .nav_box ul.nav li ul li ul li.last a {
	background: url('../images/top_nav_li_li.jpg') no-repeat center 50px !important;
}

.main {
 	/*height: 100%;*/
}

.main .main_banner {
 	margin-bottom: 8px;
}

.main .left_column {
	width: 714px;
	float: left;
}

.main .left_column .lib_blog {
	width: 360px;
	float: left;
}

.main .center_column {
	width: 500px;
    min-height: 550px;
    height: auto !important;
    height: 550px;
	float: left;
	background-color: #F8F8F8;
	
	
}

.main .center_column .bodytext {
   /* min-height: 550px;*/
   /* height: auto !important;*/
    /*height: 550px;*/
	background-color: #F8F8F8;
	padding: 13px;
	padding-top:1px;
	padding-bottom:1px;
}
.main .center_column .bodytext a {
	text-decoration: underline;
	color: #8a8989;
	display: block;
	line-height: 13px;
	/*background: url('../images/a_small_arrow.jpg') no-repeat left 5px;*/
	padding-left: 8px;
}
.main .center_column h1 {
 	font-size: 14px;
 	color: #8b0505;
 	line-height: 31px;
 	height: 31px;
 	padding-left: 13px;
	background: url('../images/menu_line.jpg') repeat-x left bottom;
	
}

.main .center_column h4 {
 	font-size: 12px;
 	color: #FFFFFF;
 	line-height: 29px;
 	height: 29px;
 	padding-left: 13px;
	background: url('../images/center_column_h4.jpg') repeat-x;
}

.main .center_column .inner {
	padding: 13px;
	padding-top:1px;
}

.main .center_column .feedback {
	width: 100%;
}

.main .center_column .feedback tr td {
	width: 100%;
	font-size: 12px;
	padding-bottom: 8px;
}

.main .center_column .feedback input {
	width: 357px;
}

.main .center_column .feedback textarea {
	width: 357px;
	height: 110px;
}

.main .center_column .feedback_submit {
	margin-left: 191px;
}

.main .center_column .line {
	margin: 0;
	height: 1px;
	background: url('../images/menu_line.jpg') repeat-x top;
	overflow: hidden;
}

.main .center_column ul.spotlite {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main .center_column ul.spotlite li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 40px;
	width: 130px;
	background: url('../images/menu_line.jpg') repeat-y 150px top;
}

.main .center_column ul.spotlite li.last {
	padding: 0;
	width: 130px;
	background: none;
}

.main .center_column ul.spotlite span {
	display: block;
	color: #8b0505;
	font-weight: bold;
}

.main .center_column ul.spotlite p {
	margin: 10px 0;
	padding: 0;
}

.main .center_column ul{
	margin: 10px 0 0 0;
	padding: 0 0 0 13px;
	float: left;
	/*width: 45%;*/
	list-style-image: url('../images/case_studies_li.gif');
}

.main .center_column ul.case_studies li {
	margin: 0;
	padding: 0;
}

.main .center_column .goup {
	background-color: #FFFFFF;
	height: 37px;
}

.main .center_column .goup a {
	dispaly: block;
	float: right;
	padding-right: 20px;
	line-height: 30px;
	background: url('../images/goup.jpg') no-repeat right 10px;
	text-decoration: none;
}

.main .center_column .goup a:hover {
	text-decoration: underline;
}

.main .center_column .video_preview {
	float: left;
	width: 134px;
	margin: 0 34px 10px 0;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}

.main .center_column .video_preview_last {
	margin-right: 0;
}

.main .center_column .video_preview span {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.main .center_column .video_pages {
	margin-left: 160px;
}

.main .left_sidebar {
	width: 206px;
	float: left;
	margin-right: 8px;
}

.main .right_sidebar {
	width: 253px;
	float: right;
}

/*.main .right_sidebar a.ppt {
	display: block;
	width: 68px;
	float: left;
	color: #8b0505;
	padding: 10px 0 0 47px;
	height: 35px;
	background: url('../images/a_ppt.jpg') no-repeat;
	margin-top: 8px;
}

.main .right_sidebar a.consult {
	display: block;
	width: 72px;
	float: right;
	color: #8b0505;
	padding: 10px 0 0 38px;
	height: 35px;
	background: url('../images/a_consult.jpg') no-repeat;
	margin-top: 8px;
}

/* content boxes styles */
.main .main_box {
	margin-top: 8px;
	background-color:#ffffff;
}

.main .main_box h2,
.main .main_box h3,
.main .main_box h2 a,
.main .main_box h3 a {
	height: 29px;
	line-height: 29px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background: url('../images/main_box_h2_bg.jpg') repeat-x;
	margin: 0 1px 1px 0;
	zoom: 1;
	display: block;
	text-decoration: none;
}

.main .main_box h2 a:hover,
.main .main_box h3 a:hover {
	text-decoration: underline;
}

.main .main_box h2,
.main .main_box h3 {
	padding-left: 13px;
	
}

.main .main_box h3,
.main .main_box h3 a {
	background: url('../images/main_box_h3_bg.jpg') repeat-x;
}

.main .main_box .right_bg {
	background: url('../images/main_box_right_bg.jpg') repeat-y right;
	padding-right: 1px;
	zoom: 1;
	width: auto;
	
}

.main .main_box .bottom_bg {
	background: url('../images/main_box_bottom_bg.jpg') repeat-x left bottom;
	border-top: 1px solid #79797a;
	padding-bottom: 1px;
	zoom: 1;
}

.main .main_box .wrap {
	border-left: 1px solid #79797a;
}

.main .main_box .inner {
	padding: 13px;
	zoom: 1;
	
	/*height: 100%;*/
		
}
.main .main_box .inner_u {
	padding: 13px;
	zoom: 1;
	
	height: 200px;
		
}

.main.main_box.slideshow2{ padding: 1px;}
.center_column .main_box .bodytext{
background-color:#ffffff;
}
/* content boxes styles */

/* Блог систематика */
.main .blog {
	width: 360px;
}

.main .blog a {
	color: #8b0505;
	font-weight: bold;
	text-decoration: none;
}

.main .blog a:hover {
	text-decoration: underline;
}

/* клиенты */
.main .clients {
	width: 253px;
	margin-top: 0px;
}

/* Библиотека цифромаркетинга */
.main .lib {
	width: 355px;
}

.main .lib .wrap {
	height: 169px;
}

.main .lib a {
	display: block;
	float: left;
	width: 138px;
	text-align: center;
	padding: 118px 6px 0 6px;
	font-size: 12px;
	color: #403f3f;
	font-weight: bold;
}

.main .lib a:hover {
	text-decoration: none;
}

.main .lib a.docs {
	background: url('../images/lib_a_docs.jpg') no-repeat 35px 5px;
}

.main .lib a.present {
	background: url('../images/lib_a_present.jpg') no-repeat 27px top;
}

.main .lib .line {
	width: 27px;
	height: 142px;
	float: left;
	/*background: url('../images/lib_line.jpg') repeat-y center top;*/
	overflow: hidden;
}

/* страница новостей */
.main .main_news {
	width: 500px;
	margin-top: 0;
}

.main .main_box img {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}
.main.main_box.slideshow2 { padding: 0px;}
.main .main_box p {
	padding: 0;
	margin: 0 0 8px 0;
}

.main .main_box a.small {
	float: left;
}

.main .main_box .date {
	height: 25px;
	font-size: 9px;
}

.main .main_box .date span {
	font-size: 12px;
	color: #8b0505;
	font-weight: bold;
}

/*.main .main_box .line {
	height: 1px;
	background-color: #b2b2b2;
	margin: 14px 0;
	overflow: hidden;
}
*/
.main .news_pages {
	margin: 10px 0 0 175px;
}

/* Меню */
.main .menu {
	width: 206px;
	margin: 0;
}

.main .menu .inner {
	background: #F5F5F5 url('../images/menu_bg.jpg') repeat-x;
	border-right: 1px solid #79797a;
	border-bottom: 1px solid #79797a;
}

.main .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main .menu ul li {
	height: 28px;
	background: url('../images/menu_line.jpg') repeat-x left bottom;
}

.main .menu ul li.last {
	background: none;
}

.main .menu ul li a {
	display: block;
	line-height: 26px;
	height: 28px;
	background: url('../images/menu_li.jpg') no-repeat left 13px;
	padding-left: 6px;
	text-decoration: none;
}

.main .menu ul li a:hover {
	text-decoration: underline;
}

/* Новости */
.main .news {
	width: 346px;
	float: right;
}

.main .news .date {
	height: 25px;
	font-size: 9px;
}

.main .news .date span {
	font-size: 12px;
	color: #8b0505;
	font-weight: bold;
}

.main .news .line {
	height: 1px;
	background-color: #b2b2b2;
	margin: 14px 0;
	overflow: hidden;
}

.main .news .links a {
	display: block;
	float: right;
	padding-left: 15px;
	margin-left: 15px;
	color: #8a8989;
}

.main .news .links a.archive {
	background: url('../images/news_a_archive.jpg') no-repeat left bottom;
}

.main .news .links a.rss {
	background: url('../images/news_a_rss.jpg') no-repeat left 3px;
}

/* Успехи наших клиентов */
.main .progress {
	width: 426px;
	float: left;
	margin-top: 0px;
}

.main .progress .wrap {
	height: 188px;
	overflow: hidden;
}

.main .progress .photos {
	float: right;
	position: relative;
}

.main .progress_pages {
	position: absolute;
	width: 120px;
	top: 140px;
	right: 0;
}

/* Публикации */
.main .pub {
	width: 253px;
}

.main .pub a.title {
  	display: block;
    color: #8b0505;
  	background: url('../images/pub_a_title.jpg') no-repeat left 3px;
  	padding-left: 10px;
  	line-height: 11px;
  	margin-bottom: 8px;
}
.main .pub .title a {
  	display: block;
    color: #8b0505;
  	background: url('../images/pub_a_title.jpg') no-repeat left 3px;
  	padding-left: 10px;
  	line-height: 11px;
  	margin-bottom: 8px;
}
.main .pub p {
	text-align: justify;
	margin: 0;
}

.main .pub .line {
	height: 1px;
	background-color: #b2b2b2;
	margin: 14px 0;
	overflow: hidden;
}

/* Важная услуга 
.main .service {
	width: 280px;
	float: right;
	margin-top: 0px;
}

.main .service .wrap {
	height: 188px;
}

.main .service img {
	float: left;
	margin-right: 10px;
}

/* Технологии цифрового маркетинга */
.main .tech {
	width: 714px;
}

.main .tech .wrap {

}

.main .tech img {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.main .tech a {
	text-decoration: none;
}

.main .tech a:hover {
	text-decoration: underline;
}

.footer {
	width: 995px;
    height: 57px;
    margin: -57px auto 0;
    background: #FFFFFF url('../images/footer_bg.jpg') repeat-x;
}

.footer .copyright {
	width: 367px;
	float: left;
	margin: 15px 0 0 25px;
	color: #8a8989;
}

.footer .copyright span {
	color: #8b0505;
}

.footer .contacts {
	float: left;
	margin-top: 20px;
	color: #8a8989;
}

.footer .contacts span {
	font: 18px Arial Narrow;
	color: #8b0505;
}

.footer .map {
	float: right;
	width: 110px;
}

.footer .map a {
	display: block;
	padding-left: 18px;
	margin: 22px 23px 0 0;
	color: #8a8989;
	background: url('../images/a_map.gif') no-repeat left bottom;
}

.pages {

}

.pages a {
	float: left;
	display: block;
   	width: 19px;
    height: 19px;
    line-height: 19px;
    font-weight: bold;
    background: url('../images/pages_a.jpg') no-repeat;
    text-align: center;
    text-decoration: none;
    margin: 0 2px;
}

.pages a:hover,
.pages a.active {
    background: url('../images/pages_a.jpg') no-repeat left -19px;
    color: #FFFFFF;
}

.pages span {
	float: left;
	display: block;
	font-weight: bold;
	margin: 0 2px;
 	line-height: 19px;
}

.subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
  .c100 {width : 100%;}

  .subc  { padding: 0 0.3em; }
  .subcl { padding: 0 0.3em 0 0; }
  .subcr { padding: 0 0 0 0.3em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }
/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {border:1px solid #ccc; padding:1em; background:#fafafa;}
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;font: 11px tahoma;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:left; background:#fafafa; padding:2px;}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {width:28em;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field input#mailformformtype_mail {width:7em;}
fieldset.csc-mailform .csc-mailform-field textarea {font-size:1em;}
fieldset.csc-mailform label span {color:red;}
input#mailformformtype_mail { margin-left:10em; background:#fafafa; cursor:pointer;background:url("../images/feedback_button.jpg")}
input#mailformformtype_mail:hover {background:#f0f0f0;background:url("../images/feedback_button.jpg");}
.csc-mailform-field select {margin-left:1em; border:1px #ccc solid; background:#fafafa; color:#777;}
input#mailformformtype_mail{font: 18px tahoma;}
.csc-mailform-submit{background:url("../images/feedback_button.jpg")}