/* Версия от 12.02.2006 */

body {margin: 0;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

table.branches	td	{font-size: 90%; height:21px;}

a:link {
color: #008ace;
}
a:visited {
color: #b40eb4;
}

a:hover			{color:#CC0000;}
a.branches {
	background: url("http://img.artlebedev.ru/;-)/i.png") 0 -870px no-repeat;
	color:#E3E3E3;
	display: block;
	padding: 2px;
	text-decoration: underline;
	height: 100%;
}
td.storemenu a.branches {
	color:#E3E3E3;
	display: block;
	padding: 2px;
	text-decoration: underline;
	background-image: url('http://store.artlebedev.ru/_i/2007/menu-dark.jpg');
}
a.branches:hover {
	color: #FFF;
	background-position: -1500px -870px;
}

a.activebranches, a.subbranches, a.fresh_black	{color:#000000}
a.activebranches {
	padding: 2px;
	display: block;
	background: #EEE;
	height: 100%;
}
a.activebranches:hover, a.subbranches:hover	{color:#BD000D}
span.current {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 2px;
	font-weight: bold;
	background: #EEE;
	height: 100%;
}

a.footer, a.fresh		{color:#008ACE;}

a.footer:hover, a.fresh:hover, a.fresh_black:hover	{color:#FF0000;}

/* Верстка */
td.main_first		{padding-left:22px; padding-right:22px; padding-bottom:0;}
td.main			{padding-left:22px; padding-right:22px; padding-bottom:1.5em;}
td.content			{padding-left:0; padding-right:22px; padding-bottom:1.5em;}
div.main	{padding-left: 22px;}
td.main_black		{background-color:#000000; padding-left:22px; padding-right:22px; padding-bottom:1.5em;}
td.side			{padding-left:22px; padding-right:22px; /* padding-bottom:1.5em;*/}

h1.main_title, h1.portfolio_work_title		{font-size:150%; margin-left:22px; margin-right:33%;}
h1.main_title2				{font-size:150%; margin-left:22px; margin-right:22px;}
h1.generic_title		{font-size:150%; margin-left:0; margin-right:2em;}
p.subtitle	{font-size:85%; line-height:140%; margin-bottom:1.5em; margin-top:-1em; margin-left: 22px;}

@media (max-width: 1460px){
	h1.main_title, h1.portfolio_work_title		{padding-top: 46px}	
	div.toptabs {padding-top: 46px; margin-bottom: -46px;}
}

h2.subtitle_first, h2.subtitle_first_full	{font-size:120%; margin-bottom:0.5em; margin-top:0;}
h2.subtitle, h2.subtitle_full			{font-size:120%; margin-bottom:0.5em; margin-top:1.5em;}

h3.subtitle_first, h3.subtitle_first_full	{font-size:100%; margin-bottom:0.5em; margin-top:0;}
h3.subtitle, h3.subtitle_full			{font-size:100%; margin-bottom:0.5em; margin-top:1.5em;}

.list			{margin-left:2em; margin-bottom:1em; margin-top:0;}

li.main_li		{list-style-type:square; margin-bottom:1em;}
li.square			{list-style-type:square; margin-bottom:0.2em;}
li.plain			{list-style-type:square; margin-bottom:0em;}
li.square_ol		{margin-bottom:0.2em;}


/* Плавающий набор превьюх */
div.thumbnail		{padding-right: 36px; width: 202px; height: 325px; margin: 0 22px 22px 0; float: left; font-size: 90%;}
div.img			{width: 202px; height: 282px; margin-bottom: 0.5em; }
div.thumbnail img.shifted		{position: relative; top: 0;  z-index: 5;}
div.thumbnail .image-preview:hover + .body_list a {color: #CC0000;border-color: #f0b2b2 ! important;}
div.thumbnail .image-preview {margin-bottom: 10px}

/* магазинный блок в карточке в портфолио (ховер ссылки по ховеру картинки) */
div.header + div:hover + .body_smaller a {color: #CC0000;border-color: #f0b2b2 ! important;}


div.image_first		{margin-bottom:0.5em; margin-top:0;}
div.image			{margin-bottom:0.5em; margin-top:0.5em; color:#c6c6c6; border-style:none;}
div.image2		{margin-bottom:2em; margin-top:2em;}
div.image3		{margin-bottom:1em; margin-top:1em;}

span.active		{background-color:#EBEBCF; padding:2px;}
span.inactive		{padding:2px;}

hr.l1			{color:#C8C8C9; height:1px; border-style:none; background-color:#C8C8C9; margin-top:0; margin-bottom:0;}
hr.l1g			{color:#C8C8C9; height:1px; border-style:none; background-color:#C8C8C9; margin-top:0; margin-bottom:0;}
div.block			{color:#BD000D; height:5px; width:3em; border-style:none; background-color:#BD000D; margin-top:1.5em; margin-bottom:1px;}
div.block_alien		{color:#777777; height:5px; width:3em; border-style:none; background-color:#777777; margin-top:1.5em; margin-bottom:1px;}

.body, .body_first		{font-size:100%; line-height:140%; margin-bottom:0.5em; margin-top:0;} 
.body_shifted		{font-size:100%; line-height:140%; margin-bottom:0.5em; margin-top:0; margin-left:1.5em; text-indent:0em;} 
.body_smaller		{font-size:85%; line-height:140%; margin-bottom:0.5em; margin-top:0; text-indent:0em;} 
.body_larger		{font-size:120%; line-height:140%; margin-bottom:0.5em; margin-top:0; text-indent:0em;} 
.body_list		{font-size:100%; line-height:140%; margin-bottom:1em; margin-top:0; text-indent:0em;} 
.body_list2		{font-size:100%; line-height:140%; margin-bottom:0em; margin-top:0; text-indent:0.5em;} 

.small			{font-size:90%;}
.smaller			{font-size: 85%;}
.italic			{font-style:italic;}
.bold			{font-weight:bold;}
.gray			{color:#555555;}
.lgray			{color:#CCCCCC;}
.smaller_italic		{font-size:85%; font-style:italic;}
.smaller_bold		{font-size:85%; font-weight:bold;}
.date			{font-size:70%; color:#555555; line-height:100%;}


/* Портфолио: список работ для компании */
.portfolio_client_logo	{margin-bottom:2em;}

/* Портфолио: основная колонка в карточке проекта */
.portfolio_project_url	{font-family: Arial, Sans-Serif; font-size:100%; font-weight:bold;} /* ссылка на проект */
.portfolio_screenshot	{margin-bottom:2em; margin-top:2em; color:#c6c6c6;}
.descr			{padding-left: 50%; margin-top:1em; font-size:85%; text-align:left; font-style:italic; color:#000;}
.descr2			{margin-top:1em; font-size:85%; text-align:left; font-style:italic; color:#000;}

div.portfolio_project_url IMG {margin-bottom: -3px;}


/* процесс, упаковка в портфолио: текст и картинки */
div.process, div.endtext				{width: 67%; margin-left: 22px;}
div.image-process, div.endimage			{width: 67%; margin-bottom: 2em; margin-top: 1em; margin-left: 22px; text-align: left;}
 

/* Портфолио: правая колонка в карточке проекта */
div.portfolio_date		{color:#555555;} /* зарезервировано */
div.portfolio_position, div.portfolio_technology	{font-size:100%; margin-bottom:0em; margin-top:0; font-weight:bold;} /* профессия */
div.portfolio_position_list, div.portfolio_technology_list	{margin-bottom:1em; margin-top:0;} /* список людей */


/* Верхняя переключалки между карточками */
div.toptabs				{width: 67%; margin-left: 22px;}
div.toptabs p			{font-size: 85%; line-height: 1.7;}
.toptabs span { white-space: nowrap; }

/* Нижняя переключалки между карточками */
div.bottabs				{width: 67%; margin-left: 22px;}
div.bottabs p			{font-size: 85%; margin-bottom: 1.5em;}
.bottabs span { white-space: nowrap; }

/* Старая версия переключалок (не используется) */
div.tabs				{width: 67%; margin-left: 22px;}
div.tabs p				{font-size: 85%; line-height: 1.8;}


span.ooo	{padding-left: 1.5pt;}
span.oo		{padding-left: 1.5pt; padding-right: 1.5pt;}
input.emptySearch {color: #C0C0C0;}

.downloadable	{background-color: #F5F5EA; position: relative; top: 0; left: -0.5em; padding: 0.5em; z-index: 1;}

table.task {background-color: #F5F5EA; margin-bottom: 1em;}
table.task td {font-size: 85%; padding-top: 1em; padding-bottom: 1em}
table.task td.title {font-style: italic; padding-right: 1em;}
table.task td.text {padding-right: 1em;}

Div#HiResArtLebedevLogo img {display: none;}
.HiRes {display: none;}
.LoRes {display: block;}

@media print{
	.LoRes {display: none;}
	.HiRes {display: block;}
	.LoRes img {display: none;}
	div#HiResArtLebedevLogo img {display: inline; width: 273px; height: 66px;}
	td.HiResLeft, td.HiResRight {width: 50%; padding-left: 22px;}	
}

table.week-preview img {width: 25px; height: 25px; margin: 2px}
table.week-preview tr.c td div {width: 29px; padding: 0 0 10px 0; text-align: center; font-size: 85%;}
table.week-preview tr.c td div b {position: relative; top: -1px; left: 0; z-index: 2}
table.week-preview td.x {width: 47px; padding: 2px 11px 8px 0;}
table.week-preview td.x img {border: 2px solid #FFFFFF}
table.week-preview td.x div {width: 29px; width: expression('27px'); border: 2px solid #CC0000}
table.week-preview td.x div img {border-width: 0}

div.visible {display: block}
div.invisible {display: none}

span.sbrace {margin-right: 0.3em}
span.hbrace {margin-left: -0.3em}

span.slaquo {margin-right: 0.44em}
span.hlaquo {margin-left: -0.44em}
span.slaquo-s {margin-right: 0.55em}
span.hlaquo-s {margin-left: -0.55em}

span.sbdquo {margin-right: 0.35em}
span.hbdquo {margin-left: -0.35em}
span.sbdquo-s {margin-right: 0.35em}
span.sbdquo-s {margin-left: -0.35em}

span.squot {margin-right: 0.32em}
span.hquot {margin-left: -0.32em}

span.sowc {margin-right: 0.04em}
span.howc {margin-left: -0.04em}

span.sowcr {margin-right: 0.05em}
span.howcr {margin-left: -0.05em}

.hang {margin: 0; padding: 0;}

span.pause {margin-right: -0.25em; width: 0.25em}
span.pause span {position: relative; top: 0; left: 0}
span.pause span.ptop {top: -0.38em}
span.pause span.pbot {left: -0.25em}
span.pause span.pbot-s {left: -0.3em}
span.pause span.ptop-s {top: -0.4em; left: -0.05em}


div.endtext	{width: 70%;}

a.yr{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	text-decoration: none;
	color:#999;
	font-size:.8em;
	z-index:9999;
}


div#yr {
	font-size:.75em;
	display:none;
	z-index:1000;
	position:absolute;
	top:92px;
	right:0;
	border:1px solid #ccc;
	border-top:none;
	border-right:none;
	background-color:white;
	width:300px;
	z-index:9999;
}

div#yr p {margin:0 .5em .5em;line-height:130%;}

p.yr {margin:.5em;text-align:right;}
p.text,div.text{
	padding-left: 22px;
	width: 67%;
}

#main_navigation td {
	background: url("http://img.artlebedev.ru/;-)/i.png") 0 -870px no-repeat;	
}

#main_navigation span.current .d,
#alternate_navigation span.current .d{
    display:block;
    position:absolute;
    overflow:hidden;
    width:10px;
    height:10px;
    left:-5px;
    top:-5px;
    background:url("http://img.artlebedev.ru/;-)/i.png") -1000px -200px;
}

#main_navigation span.current .d.r, #alternate_navigation span.current .d.r{
    left:auto;
    right:-5px;
}

.mdash-list{
	clear:both;
	margin:0 0 0.5em 0;
	padding:0
}

.mdash-list dd{
	margin:0 0 0.5em 0;
	margin-left:1.5em
}

.mdash-list dt{
	float:left
}

.cleared{
	zoom:1
}

.cleared:after{
	content:'';
	clear:both;
	display:block
}


/* Hovers on main */

.image_first:hover + .body_smaller a,
.optimus-icon:hover + a,
.newhover:hover + .body_smaller a {
  color: #CC0000;
  border-color: #f0b2b2 ! important;
}
.newhover {
  width: 64px;
}

img.pic-with-border {
	border:1px solid #cdcdcd !important
}