/* =Main layout 
*************************************************/
html, body {
	height: 100%; 
	margin: 0; 
	padding: 0;}

body {
	width:950px;
	margin:0px auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
/*	font-size:90%;*/
	font-size:14px;
	line-height:1;
	color:#000000;
	background:#FFFFFF;}

#main_layout {
	margin: 0 auto;	
	position:relative;
   _height: 100%;
	min-height: 100%; 
	margin-bottom: -60px;}

#footer_place {
	height: 50px; 
	clear: both;}

#footer {
	height:40px; 
	margin: 0 auto;
	padding-top:20px;	
	position:relative;
	line-height:140%;
/*	background:#CCCCFF;*/}

.header {
	height:80px;}

.logo_header {
	position:absolute;
	top:15px;
	left:0px;}


/* =Logo index layout 
*************************************************/
div.about_us {
/*	margin-left:216px;*/
	position:absolute;
	top:140px;
   $top:160px;
   _top:160px;
	left:240px;
	color:#FFFFFF;}
.rule { margin-bottom:15px;}
.rule div {margin-left:27px;}
div.about_us p {
	padding-left:25px;
	/*font-size:150%;*/
	font-size:22px;}
.rule_num,
.dot {
	/*font-size:150%;*/
	font-size:16px;}
.rule_num {font-style:italic;}
.dot {padding-right:5px;}
.rule_txt {
	/*font-size:100%;*/
	font-size:16px;
	font-weight:bold;}

/* =Logo layout 
*************************************************/
.logo {
	position:fixed;
	_position: absolute;
	top: 44%;
    left: 50%;    
    width: 950px;
	height: 391px;
	margin-top: -195px; /* 50% высоты */
    margin-left: -475px;  /* 50% ширины */    
	background: url(../img/logo_tail.png) right top no-repeat;
	color:#FFFFFF;
	z-index:1;
	$z-index:-10;
	_z-index:-10;}

.logo *,
.logo div,
.logo span {
	z-index:1;}
	
.logo_bg {
	width:796px;
	height:310px;
	position:absolute;
	bottom:0px;
	left:0px;
	_bottom:-1px;
	background:#54bff3;}
	
.hack {
	min-height:400px;
   _height:400px;}	

.fiveness {
	position:absolute;
	bottom:40px;
	right:70px;}

.we_do {
	position:absolute;
	bottom:-70px;
	left:236px;
	/*font-size:219%;*/
	font-size:32px;
	color:#DEDEDE;}

.logo_mail {
	position:absolute;
	top:185px;
	left:542px;
	font-size:40px;
	font-weight:normal;
	line-height:45px;}

.logo_addr {
	position:absolute;
	bottom:20px;
	left:242px;
	/*font-size:90%;*/
	font-size:13px;}	

.uslugi {
	position:absolute;
	top:-42px;
	$top:-10px;
	$left:-40px;
	_top:-10px;
	_left:-40px;
	list-style:none;
	font-size:34px;}
.uslugi ul {
	list-style:none;
	font-size:17px;
	font-weight:bold;}

.uslugi li,
.uslugi ul li {
	position:absolute;
	white-space:nowrap;}

.a1 {
	top:120px;
	left:25px;}
.a2 {
	top:175px;
	left:175px;}
.a3 {
	top:225px;
	left:330px;}
.a4 {
	top:275px;
	left:430px;}
.a5 {
	top:330px;
	left:580px;}

.b1 {
	top:-65px;
	left:480px;
	width:280px;}
.b2 {
	top:-45px;
	left:440px;
	width:280px;}
.b3 {
	top:-25px;
	left:400px;
	width:280px;}
.b4 {
	top:-7px;
	left:360px;
	width:280px;}
.b5 {
	top:12px;
	left:330px;
	width:280px;}

.c1 {
	top:10px;
	left:-140px;}
.c2 {
	top:28px;
	left:-240px;}
.c3 {
	top:47px;
	left:-280px;}
.c4 {
	top:66px;
	left:-325px;}
.c5 {
	top:85px;
	left:-400px;}

.arr1, 
.arr2 { position:absolute;}
.arr1 {
	top:183px;
	left:467px;	
	$top:180px;}
.arr2 {
	top:280px;
	left:385px;
	$top:276px;}

.menu_wrap {
	position:absolute;
	top:35px;
	left:235px;}
	
.menu_header{
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-right:-32px;
	width:715px;
	/*font-size:110%;*/
	font-size:15px;
	font-weight:bold;
	z-index:10;}	
.menu_header li,
.menu_header li.m1,
.menu_header li.m2,
.menu_header li.m3,
.menu_header li.m4,
.menu_header li.m5,
.menu_header li.m6 {
	position:absolute;
	top:0px;
	display:block;
	line-height:150%;
	color:#FF0080;
	z-index:10;}
li.m1 {left:0px;}
li.m2 {left:100px;}
li.m3 {left:270px;}
li.m4 {left:370px;}
li.m5 {left:480px;}
li.m6 {right:0px;}	

.menu_header a {
	color:#54bff3;
	text-decoration:none;
	border-bottom:#54bff3 1px solid;}
.menu_header a:visited {
	color:#54bff3;
	border-bottom:#54bff3 1px solid;}	
	
.menu_header a.semichosen {
	color:#333333;
	text-decoration:none;
	border-bottom:#333333 1px solid;}
.menu_header a:visited.semichosen {
	color:#333333;
	border-bottom:#333333 1px solid;}
.menu_header a:hover,
.menu_header a:hover.semichosen {
	color:#CC33CC;
	border-bottom:#CC33CC 1px solid;}		

.years,
.back_to_year {
	margin:30px 0;
	overflow:hidden;
   _height:20px;
	font-family:Arial, Helvetica, sans-serif;}		
.years a,
.back_to_year a {
	/*font-size:130%;*/
	font-size:18px;
	text-decoration:none;
	margin-right:20px;
	float:left;
	border-bottom:#54bff3 1px solid;}
.years a:visited,
.back_to_year a:visited {
	color:#54bff3;
	border-bottom:#54bff3 1px solid;}	
.years a:hover,
.back_to_year a:hover {
	color:#CC33CC;
	border-bottom:#CC33CC 1px solid;}
		
.years span {
	/*font-size:130%;*/
	font-size:18px;
	float:left;
	color:#FF0080;
	margin-right:20px;}
.years a.other {
	float:right;
	margin:0;}
	
.back_to_year {
	margin:30px 0px 20px;}

.year_works {
	overflow:hidden;
	width:950px;
	margin-right:-60px;}
.year_works div {
	float:left;
	width:150px;
	height:200px;
	$height:220px;
	margin:0px 50px 90px 0px;
	_margin:0px 49px 90px 0px;
	text-align:center;}
.year_works div.last {
	float:left;
	width:150px;
	height:185px;
	margin:0px;
	text-align:center;}			
.year_works p {
	text-align:left;	
	margin:0px;
	margin-top:10px;
	/*font-size:90%;*/
	font-size:13px;
	color:#4f4f4f;
	line-height:135%;}	
	
.left_column {
	width:230px;
	float:left;}
.right_column {
	width:715px;
	float:right;}

.screenshot {padding:0px 0px 40px 0px;}
.screenshot.center {
	display:block;
	margin:0px auto;}

.rem1 {margin-top:150px;}
.rem2 {margin-top:940px;}

.about_page,
.about_page_short,
.details {
	margin:0px 5px 8px 50px;
	line-height:115%;
	/*font-size:90%;*/
	font-size:13px;}
.about_page,
.about_page_short {color:#6f6f6f;}
.details {
	color:#b4b4b4;
	font-style:italic;}		
.about_page_short {
	text-align:right;
	margin:15px 10px 8px 45px;}

/* =Links
*****************************************************/		
a img {border:none;}

a:link,
a:visited,
a:hover,
a:active {color:#54bff3;}	
a:visited {/*color:#993399;*/
color:#9A1F82;}
a:hover {color:#CC33CC;}		

a:link.white,
a:visited.white,
a:hover.white,
a:active.white {
	color:#FFFFFF;
	text-decoration:none;}

/* =Fonts
*****************************************************/
h1.work {
	/*font-size:150%;*/
	font-size:21px;
	font-weight:normal;
	color:#f1228a;
	margin:30px 0px 15px;}

h3.work {
	margin:20px 0px 0px 0px;
	padding:0px;
	/*font-size:140%;*/
	font-size:20px;
	font-weight:normal;
	color:#f1228a;}	

.right_column p {
	/*font-size:90%;*/
	font-size:13px;
	line-height:135%;
	margin:10px 0px 15px;
	padding:0px;}	
	
.bold {font-weight:bold;}

.grey {color:#999999;}

.grey_italic {
	font-size:100%;
	font-style:italic;
	color:#A8A8A8;}
.grey_bold {
	font-size:100%;
	font-weight:bold;
	color:#3C3C3C;}
.grey_bold1 {
	font-size:100%;
	font-weight:bold;
	color:#ACACAC;}
.grey_bold2 {
	font-size:100%;
	font-weight:bold;
	color:#707070;}			
	
/* =Misc
*****************************************************/
.clear {clear:both;}

.no_wr { white-space:nowrap;}	

.other_works p {
	margin:0px 50px 8px 0px;
	line-height:120%;
	/*font-size:90%;*/
	font-size:13px;
	color:#6f6f6f;}
	
.other_works table {
	width:200px;
	margin:0px 0px 15px;
	/*font-size:90%;*/
	font-size:13px;}	
.other_works table tr {vertical-align:top;}
.other_works table td {padding:5px 5px 5px 0px;}

.other_works ul {
	list-style:none;
	width:180px;
	margin:0px;
	padding:0px;
	/*font-size:90%;*/
	font-size:13px;}
.other_works ul li,
.other_works ul li.general {
	margin:10px 0px;
	font-weight:bold;
	line-height:110%;
	color:#3C3C3C;}
.other_works ul li.general {color:#999999;}
	
.other_works ul li	ul {
	list-style:none;
	margin:-5px 0px 20px 20px;
	padding:0px;}
.other_works ul a {font-weight:normal;}