html, body {
	margin:0;
	padding:0;
	background-color: #fff;
	color: #000;
}

a:link		{color: #0055CC;}
a:hover		{color: #CC0000;}
a:visited   {color: #990099;}
a:focus		{outline:none;}

table.branches td	{font-family: Arial, Sans-Serif; font-size: 90%;height:21px;}


a.branches	{color:#E3E3E3; display: block; padding: 2px; text-decoration: underline;}
a.branches:visited	{color:#E3E3E3;}
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:#FFFFFF; display: block; padding: 2px; background-color: #666666}

a.activebranches, a.subbranches, a.fresh_black	{color:#000000; display: block}
a.activebranches	{padding: 2px; display: block;}
a.activebranches:hover, a.subbranches:hover	{color:#BD000D}
span.current {display: block; padding: 2px; font-weight: bold;}

a.footer, a.fresh		{color:#0055CC;}
a.gray	{color:#C6C6C6;}
a.footer:hover, a.fresh:hover, a.fresh_black:hover	{color:#FF0000;}

/* layers */
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 span a.navi {
	text-decoration:none;
	border-bottom:1px solid blue;
}
h1 span a.navi:visited {
	border-color:#800080;
}
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:130%; margin-bottom:1.5em; margin-top:-1em; margin-left: 22px;}

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;}

/* preview */
div.thumbnail		{padding-left: 22px; width: 202px; height: 325px; margin: 0 22px 22px 0; float: left; font-size: 90%;}
div.thumbnail2		{padding-left: 22px; width: 276px; 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; left: -8px; z-index: 5;}

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;}
div.image4		{margin-bottom:2em; margin-top:2em; margin-left: 22px;}

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

hr.l1			{color:#555555; height:1px; border-style:none; background-color:#555555; margin-top:0; margin-bottom:0;}
hr.l1g			{color:#CCCCCC; height:1px; border-style:none; background-color:#CCCCCC; 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:130%; margin-bottom:0.5em; margin-top:0;} 
.body_shifted		{font-size:100%; line-height:130%; margin-bottom:0.5em; margin-top:0; margin-left:1.5em;} 
.body_smaller		{font-size:85%; line-height:130%; margin-bottom:0.5em; margin-top:0; text-indent:0em;} 
.body_larger		{font-size:120%; line-height:130%; margin-bottom:0.5em; margin-top:0; text-indent:0em;} 
.body_list		{font-size:100%; line-height:130%; margin-bottom:1em; margin-top:0; text-indent:0em;} 
.body_list2		{font-size:100%; line-height:130%; 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%;}

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

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

#ArtLebedevBaseLogo {width: 90px; height: 60px; background: black url('http://img.artlebedev.ru/;-)/artlebedev_logo.gif') top left no-repeat; position: relative}
#ArtLebedevLogo {position: absolute; top: 0; left: 0; height: 30px; width: 90px; background-color: #BD000D; background-image: url('http://img.artlebedev.ru/artlebedev_logo.png'); background-position: top left; background-repeat: no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://img.artlebedev.ru/artlebedev_logo.png,sizingMethod=crop); display: none}
#ArtLebedevLogo a div {height: 30px; width: 90px; border: 0; cursor: pointer; cursor: hand}

@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;}	
}

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.sbdquo:after { content: ' '; }
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}

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

p.incut, div.incut {background-color: #F5F5EA; padding: 0.5em}

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;}

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

.descr			{margin-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;}
.descr3			{margin-top:1em; margin-left:30em; width:400px; font-size:85%; text-align:left; font-style:italic; color:#000;}
.descr4			{margin-top:1em; margin-left: 42%; margin-right: 100px; font-size:85%; text-align:left; font-style:italic; color:#000;}

.description-side {
	color:#000000;
	font-size:85%;
	font-style:italic;
	margin-top:1em;
	text-align: center;
}


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

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


/* Пока что так */
div.tabs				{width: 67%; margin-left: 22px;}
div.tabs p				{font-size: 85%;}


/* Дивы с отступом (для процесса, упаковки, поездок и пр.) */
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; color:#c6c6c6;}

p.text, div.text {width: 67%; padding-left: 22px;}
div.endtext	{width: 70%;}

.monthTable a
{
	padding: 2px;
	display: block;
	width: 64px;
}
.monthTable a
{
	border: 2px solid #B2001A;
}
.monthTable a:visited
{
	border: 2px solid #FFFFFF;
}

.script, .script:visited, .script:active  {
	color: #0055CC;
	border-bottom: 1px dashed #0055CC;
// padding-bottom: 1px;
	cursor: pointer;
	cursor: hand;
}
.script:hover  {
	color: #CC0000;
	border-bottom: 1px dashed #CC0000;
// padding-bottom: 1px;
}


a.yr {
	display:block;
	position:absolute;
	text-decoration: none;
	color:#999;
	font-size:.8em;
	padding: 5px 5px 1em 1em;
	top: 0;
	right: 1px;
}
a.yr:hover {
    color: #CC0000;
}

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;
}

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

p.yr {margin:.5em;text-align:right;}

@font-face {
	font-family: "Rubl Sign";
	src: url("http://www.artlebedev.ru/;-)/ruble.eot");
}
span.rur {
	font-family: "Rubl Sign";
	text-transform: uppercase;
	// text-transform: none;
}
span.rur s {
	position: absolute;
	overflow: hidden;
	width: .45em;
	height: 1em;
	margin: .1ex 0 0 -.55em;
	text-decoration: none;
	// display: none;
}
span.rur s:before {
	content: '\2013';
}

div.flash {
	text-align: center;	
	margin: 2em 0 2em 0;
}

li.too	{width: 90%;}

.newLogo img {
    border: none;
    display: inline !important; /* где-то в дебрях мауса есть img { display: block } */
}

object {
    outline:none;
}







/* шапка */

#header {
    background: #000;
    width: 100%;
}

#header img {
    border: none;
}

#header,
#header table,
#main_navigation {
    border: none;
    border-collapse: collapse;
}

#header td,
#main_navigation td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#header .left_column {
    padding: 10px 0 0 22px;
    width: 67%;
}

#header .right_column {
    width: 33%;
}
#header .right_column table {
    height: 70px;
    width: 100%;
}

#header .newLogo img {
    display: inline !important;
}

#header .HiResRight {
    padding-left: 9px;
    width: 90px;
}

#header .newLogo {
    height: 66px;
    overflow: hidden;
    position: relative;
}

#header .new_logo_inner {
    width: 65%;
    min-width: 137px;
    margin: 0 0 0 -10px;
    position: relative;
    min-width: 137px;
}

#header .new_logo_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#header .new_logo_content span {
    //float: left;
    //height: 66px;
    //margin-right: -3px;
}
#header .new_logo_content span img {
    float: left; //float: none;
}
#header .new_logo_content .logo_a {
    margin: 0 0 0 10px;
}

#header .new_logo_content .logo_s {
    margin: 0 -78px 0 0;
    position: relative;
    //float: left;
    //clear: right;
}

#main_navigation {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 21
}
#main_navigation img {
    border: none;
    margin: 3px 5px;
}
#main_navigation tr {
    background: #555;
}
#main_navigation td {
    width: 17%;
}
#main_navigation td.short {
    width: 16%;
}
#main_navigation td.active {
    background: #eee;
}
#main_navigation td img {
    width: 10px;
    height: 10px;
    margin: 3px 5px;
    border: none;
    vertical-align: top;
}