@media screen {
body,
.phone code
{
font-family: Arial, sans-serif; font-size: 0.8em;
}
html body textarea
{
font-size: 1.2em;
}
}
.phone code
{
font-size: 1em;
}

/*** layout ***/
body
{
background: #6f7a84;
}
#layout
{
width: expression( document.body.clientWidth < 990 ? '990px' : '100%' );
min-width: 990px;
max-width: 100%;
background: url( 'bg-bottom.jpg' ) 0 100% repeat-x;
}

#icons
{
position: absolute;
right: 0; top: 55px;
background: #95acc3;
}
#icons a,
#icons b
{
float: left;
margin: 0; padding: 1px 3px;
}

#altnavigation
{
position: absolute;
left: 40em; top: 55px;
width: 30em;
color: #ffffff;
}
#altnavigation b
{
font-weight: normal;
color: #363d43;
}

#navigation
{
min-height: 150px; //height: 380px;
padding: 150px 0 80px 40px;
background: url('bg.jpg') 0 100% repeat-x;
font-size: 0.89em;
}

#navigation ul.navigation
{
width: 15em;
margin: 0 2em 0 0; padding: 20px 0 5px 0;
background: url('menu-bg.gif') 0 0 no-repeat;
}
#navigation ul.navigation li
{
padding: 0; margin: 0 0 4px 0;
font-size: 0.1em; line-height: 1px;
}
#navigation ul.navigation li li
{
font-size: 10em; line-height: 120%;
}
#navigation ul.navigation li li li
{
font-size: 1em;
}
html.Opera #layout #navigation ul.navigation li
{
font-size: 1em;
}
#navigation ul.navigation ul
{
width: auto;
padding: 0; margin: 0.25em 0 0.25em 21px;
background: none;
}
#navigation img
{
display: block;
position: absolute; z-index: 1;
left: 0; top: 0;
}
#navigation img.on,
#navigation a:hover img,
#navigation li.selected img
{
z-index: -1;
}
#navigation li.selected img.on,
#navigation a:hover img.on
{
z-index: 1;
}
#navigation li a,
#navigation li b
{
display: block;
position: relative;
width: 100%; height: 15px;
margin: 0;
font-weight: normal;
}
#navigation li li a,
#navigation li li b
{
height: auto;
}
#navigation li li a
{
display: inline;
}
#navigation a:hover,
#navigation li.selected a,
#navigation b
{
background: #d7252c url('menu-item-bg-on.gif') 100% 0 no-repeat;
}
#navigation li.selected a,
#navigation ul li li.selected b
{
color: #820208;
}
#navigation li.selected li a,
#navigation li.selected li b
{
background: none;
color: #ffffff;
}
#navigation li li a:hover
{
background: none; color: #820208;
}
#navigation img.title
{
position: absolute;
left: 45px; top: 151px;
}

#content
{
margin: -205px 0 0 20em;
//width: 100%;
background: #afb1bb url('bg-content-a.jpg') 0 0 no-repeat;
}
#content div.reducer
{
min-height: 200px; //height: 300px; //width: 99%;
padding: 2em 1px 6em 4em;
background: url('bg-content-a.gif') 0 100% no-repeat;
}

#logo
{
position: absolute; z-index: 4;
left: 40px; top: 30px;
}
#logo img
{
background: url('logo.png') 0 0 no-repeat;
}
#home_page #logo img
{
background: url('../logo.png') 0 0 no-repeat;
}

* html #logo img
{
background-image: none;
}

#footer
{
font-size: 0.89em;
padding: 0 0 1em 0;
margin: 0 0 0 23em;
position: relative;
}

#copyright
{
padding: 2em 20px 1em 2em;
}

#made_in
{
position: absolute;
top: 0;
right: 1em; padding: 2em 0 1em 0;
}

#made_in a
{
color: #B9C8DE;
}

#made_in a:hover
{
color: #b14059;
}

#counter img
{
position: absolute; z-index: -1;
left: -1px; bottom: 0;
width: 1px; height: 1px;
}

#home_page #copyright
{
position: absolute;
z-index: 1000;
width: 100%;
text-align: center;
padding: 0;
color: #7C7C7C;
}

#home_page #copyright a
{
color: #B23B57
}

#made_in img
{
position: absolute;
left: -100px; top: 2em;
}
#made_in p
{
margin: 0;
}

/* common */

#content .article h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content div.article,
#content div.lead,
#content div.body,
#content ul,
#content ol,
#content dl
{
margin-right: 25%;
}
#content * * h1,
#content * * h2,
#content * * h3,
#content * * h4,
#content * * h5,
#content * * h6,
#content * * p,
#content * * ul,
#content * * ol,
#content * * dl
{
margin-right: 0;
}

h1
{
font-size: 2.5em; font-weight: normal;
color: #ffffff;
}

h2,
#content .article h1
{ font-size: 1.2em; font-weight: bold; }
h3,
#content .article h2
{ font-size: 1.2em; font-weight: normal; }
h4,
#content .article h3
{ font-size: 1.1em; font-weight: bold; }
h5,
#content .article h4
{ font-size: 1em; font-weight: bold; }

h2, h3, h4, h5,
#content .article h1,
table.data th
{
color: #820208;
}

#content table.navigation td
{
padding: 2em 0 2.5em 2em;
}
#content table.navigation td:first-child,
#content table.navigation td.first-child
{
padding-left: 0;
}
#content table.navigation a,
#content table.navigation b
{
padding: 0.1em 0.25em;
}
#content table.navigation b,
#content table.navigation td.selected a
{
font-weight: normal;
background: #707982;
}
#content table.navigation ul.navigation
{
margin: 0.5em 0;
}
#content table.navigation td.selected li a,
#content table.navigation li b
{
background: none;
}

.date,
.author
{
font-size: 0.89em;
}
#content .article h1
{
float: none;
position: static;
margin: 0; padding: 0;
background: none;
}
.articles-list dt
{
margin: 0 0 1.5em 0;
}
.articles-list dd
{
margin: -1.25em 0 1.5em 0;
}
.lead, .footer
{ font-style: italic; }


.file,
.file a
{
position: relative;
min-height: 24px; //height: 24px;
padding: 0 0 0 26px;
}
.file
{
margin: 5px 0 5px 0;
}
.file a
{
float: left;
z-index: 2;
margin: 0 0.25em 0 -26px; //margin-right: 0;
}
.file i
{
position: absolute; z-index: 1;
left: 0; top: 0;
width: 24px ! important; height: 24px;
background: url('i-files.gif') 0 0 no-repeat;
}
.file.exe i, .file.EXE i { background-position:   -24px  0px; }
.file.jpg i, .file.JPG i { background-position:   0    -24px; }
.file.gif i, .file.GIF i { background-position: -24px  -24px; }
.file.png i, .file.PNG i { background-position: -48px  -24px; }
.file.tif i, .file.TIF i { background-position: -72px  -24px; }
.file.ai  i, .file.AI  i { background-position:   0    -48px; }
.file.eps i, .file.EPS i { background-position: -24px  -48px; }
.file.doc i, .file.DOC i { background-position:   0    -72px; }
.file.xls i, .file.XLS i { background-position: -24px  -72px; }
.file.zip i, .file.ZIP i { background-position:   0    -96px; }
.file.hqx i, .file.HQX i { background-position: -24px  -96px; }
.file.ppt i, .file.PPT i { background-position:   0   -120px; }
.file.pdf i, .file.PDF i { background-position: -24px -120px; }

.empty
{
color: #999999;
}

.fake_anchor
{
border-bottom: 1px dashed;
text-decoration: none;
cursor: pointer; cursor: hand;
}

#auth_info
{
float: left;
background: #8da2b5 url('bg-auth-t.gif') right top no-repeat;
width: 17em;
}
#auth_info div
{
//float: left;
padding: 1em 2em 1em 39px;
background: url('bg-auth-b.gif') right bottom no-repeat;
}
#auth_info input.text
{
display: block;
width: 100%;
margin: 0 0 0.5em 0;
}
#auth_info p
{
font-size: 0.89em;
margin-bottom: 0;
}

table.data,
table.data th,
table.data td
{ border: 0 hidden; vertical-align: top; text-align: left; padding: 0.25em 0 0 2em; }
table.data th.first-column,
table.data td.first-column
{ padding-left: 0; }


/* themes */
#layout.type-c
{
background: #e6e8ea url('bg-c.jpg') 0 0 repeat-x;
}

.type-c #header
{
margin-left: 21em;
position: relative;
}

.type-a h1
{
position: absolute;
left: 0.75em; bottom: 100%;
margin: 0; padding: 0 0 0 0.75em;
background: url('bg-header-left-a.gif') 0 100% no-repeat;
}
.type-c h1
{
color: #576570;
}
.Opera .type-a h1 { position: static; margin: -2.4em 0 1em -0.75em; float: left; }
.Opera .type-a h1 + * { clear: left; }
.type-a h1 span
{
display: block;
padding: 0.2em 0.75em 0.2em 0; margin: 0;
background: url('bg-header-right-a.gif') 100% 0 no-repeat;
}

.type-b #navigation
{
padding-top: 100px; padding-left: 0;
}
.type-c #navigation
{
background: none;
}
.type-b #navigation .reducer
{
position: relative;
height: 290px; //height: 370px;
margin-bottom: -131px; padding: 80px 0 0 160px;
background: url( 'tv.gif' ) 0 100% no-repeat;
}
.type-b #navigation img.title
{
left: 161px; top: 81px;
}
.type-b #navigation ul.navigation
{
width: 134px;
}
.type-b #content,
.type-b #footer
{
margin-left: 470px;
background: none;
}
.type-c #footer
{
padding-left: 2.4em;
}
.type-b #content
{
margin-top: -280px;
background: url('bg-content-b.jpg') 0 215px repeat-x;
}
.type-b #content .reducer
{
padding-left:0; 
float: none;
margin: 0; padding-left: 70px;
background: url('bg-content-b-left.jpg') 0 215px no-repeat;
z-index: 0;
}
.type-c #content,
.type-c #content .reducer
{
background: none;
}
.type-b #copyright
{
padding-left: 70px;
}

.type-b #content #preview_list
{
position: absolute;
left: -320px; top: 350px;
}
.type-b #content #preview_list a
{
margin: 0 25px 0 0;
}

/* home page */

#home_page #layout
{
position: relative;
overflow: hidden; overflow-y: visible;
height: 600px; height: expression( document.body.clientHeight < 600 ? '600px' : '100%' );
}

#home_page #header
{
margin-left: 0;
}

#home_page #content
{
position: static;
height: 100%; min-height: 500px; //height: 500px; width: 100%;
margin: 0; padding: 0;
color: #AAA;
}

#home_page #footer
{
position: absolute;
left: 0; bottom: 4em;
width: 100%;
margin: 0; padding: 0;
}

#home_page #copyright
{
float: right;
}

/* home page themes */

#made_in img
{
background: #000000 url('../logo-artlebedev.png') 0 0 no-repeat;
}

#rc
{
position: absolute; z-index: 3;
bottom: 0;
right: 237px;
margin: 0 0 0 0;
}

#rc img,
#rc.left img.center,
#rc.right img.center,
.on #rc.left img.center-on,
.on #rc.right img.center-on,
.on #rc.left img.left,
.on #rc.right img.right
{
display: block;
visibility: hidden;
position: absolute;
bottom: 0;
}
#rc.left img.left,
#rc.right img.right,
.on #rc img.center-on,
.on #rc.left img.left-on,
.on #rc.right img.right-on
{
visibility: visible;
}
#rc img.center    { background: url('../rc.png'); visibility: visible; }
.type-d #rc img.center    { background: url('../rc-d.png'); }
#rc .center-on { background: url('../rc-on.png'); }
#rc .left      { background: url('../rc-l.png'); }
#rc .left-on   { background: url('../rc-l-on.png'); }
#rc .right     { background: url('../rc-r.png'); }
#rc .right-on  { background: url('../rc-r-on.png'); }

#home_page #navigation
{
position: absolute; z-index: 3;
left: 50%; top: 210px;
width: 50%; height: 111px;
margin: 0 0 0 -225px; padding: 23px 0 0 0;
background: url('../menu-bg.gif') 0 0 no-repeat;
}
#home_page #navigation ul.navigation
{
padding: 0; margin: 0;
background: none;
font-size: 0;
}
#home_page .type-b #navigation { top: 45px; }
#home_page #navigation img.title
{
margin: 2px 0 12px 4px;
}
#home_page #navigation ul.navigation li
{
margin: 0 0 2px 0; padding: 0 0 2px 0;
}
#home_page #navigation li a
{
height: 16px;
}
#home_page #layout img.title
{
left: 2px; top: 0;
}

#home_page .type-a { background: #d9d5b7 url('../bg-a.jpg') center top repeat-x; }
#home_page .type-b { background: #06072f url('../bg-b.jpg') center top repeat-x; }
#home_page .type-c { background: #220505 url('../bg-c-center.jpg') center top repeat-y; }
#home_page .type-c1 { background: #481717 url('../bg-c1-top.jpg') center top; }
#home_page .type-c2 { background: #303836 url('../bg-c2-top.jpg') center top; }
#home_page .type-d { background: #000 url('../bg-d.jpg') center top repeat-x; }

#home_page .type-c #header
{
z-index: 3;
height: 50%;
}
#home_page .type-c2 #header
{
height: 100%;
background: url('../bg-c2-center.jpg') center top repeat-y;
}

#home_page .type-c #spacer
{
position: absolute; z-index: 2;
top: 0; left: 50%;
width: 497px; height: 237px;
margin-left: -248px;
background: url('../bg-c-center.png');
}
#home_page .type-c #spacer div
{
width: 497px; height: 237px;
background: url('../bg-c-center.gif');
}

#home_page .type-a #footer { color: #787768; }
#home_page .type-b #footer { color: #999999; }
#home_page .type-c #footer,
#home_page .type-c1 #footer,
#home_page .type-c2 #footer
{ background: #481717; color: #a7a7a7; z-index: 1; height: 6em; }
#home_page .type-c #footer a:link,
#home_page .type-c1 #footer a:link,
#home_page .type-c2 #footer a:link
{ color: #b14059; }
#home_page .type-c #footer a:visited,
#home_page .type-c1 #footer a:visited,
#home_page .type-c2 #footer a:visited
{ color: #9d394f; }
#home_page .type-c #footer a:hover,
#home_page .type-c1 #footer a:hover,
#home_page .type-c2 #footer a:hover
{ color: #dd506f; }

#home_page .type-a #made_in img,
#home_page .type-c #made_in img,
#home_page .type-c1 #made_in img,
#home_page .type-c2 #made_in img
{ background-color: #8e2e43; }
#home_page .type-b #made_in img { background-color: #d9001d; }

#home_page .type-a #content { background: url('../bg-content-a.jpg') center top no-repeat; }
#home_page .type-b #content { background: url('../bg-content-b.jpg') center top no-repeat; min-height: 750px; //height: 750px; }
#home_page .type-c #content,
#home_page .type-c1 #content,
#home_page .type-c2 #content
{ position: absolute; z-index: 2; width: 100%; min-height: 0; height: 655px; bottom: 6em; margin: 0; padding: 0; background: none; }
#home_page .type-d #content { background: url('../bg-content-d.jpg') center top no-repeat; margin-left: -25px; height: 500px }
#home_page .type-c #navigation,
#home_page .type-c1 #navigation,
#home_page .type-c2 #navigation
{ top: auto; bottom: 6em; height: 377px; //height: 400px; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80) }
#home_page .type-c #rc,
#home_page .type-c1 #rc,
#home_page .type-c2 #rc
{ bottom: -6em; }
#home_page .type-d #navigation 
{
opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80)
}

#home_page #object-1,
#home_page #object-2,
#home_page #object-3,
#home_page #object-4,
#home_page #object-5,
#home_page #object-6
{
position: absolute; z-index: 2;
}
#home_page .type-a #object-1
{
left: 50%; top: 236px;
margin-left: -144px;
}

#home_page .type-a #object-1 .picture-1,
#home_page .type-a #object-1 .picture-2
{
width: 286px; height: 144px;
}
#home_page .type-a #object-1 .picture-1 { background: url('../picture-1.jpg'); }
#home_page .type-a #object-1 .picture-2 { background: url('../picture-2.jpg'); }
#home_page .type-b #object-1
{
left: 50%; top: 273px;
margin-left: -154px;
}
#home_page .hide
{
display: none;
}
#home_page .type-c #object-1,
#home_page .type-c1 #object-1,
#home_page .type-c2 #object-1,
#home_page .type-c1 #object-2,
#home_page .type-c #object-2,
#home_page .type-c2 #object-2,
#home_page .type-c #object-3,
#home_page .type-c1 #object-3,
#home_page .type-c2 #object-3
{ top: auto; bottom: 0; }
#home_page .type-b #object-1
{
background: url('../equalizer.gif') 65px 80px no-repeat;
}
#home_page .type-d #object-1 {
position: relative;
height: 150px;
}
#home_page .type-d #object-1 div
{
position: absolute;
left: 50%;
margin-left: -192px;
bottom: 0;
font-size: 1.2em
}
#home_page .type-d #object-1 div h1
{
	font-size: 1.9em
}
#home_page .type-b #object-1 .picture-1,
#home_page .type-b #object-1 .picture-2,
#home_page .type-b #object-1 .picture-3,
#home_page .type-b #object-1 .picture-4
{
width: 312px; height: 216px;
}
#home_page .type-b #object-1 .picture-1 { background: url('../scene-1.jpg') 40px 0 no-repeat; }
#home_page .type-b #object-1 .picture-2 { background: url('../scene-2.gif'); }
#home_page .type-b #object-1 .picture-3 { background: url('../scene-3.gif'); }
#home_page .type-b #object-1 .picture-4 { background: url('../scene-4.gif'); }
#home_page .type-c #object-1,
#home_page .type-c1 #object-1,
#home_page .type-c2 #object-1
{ width: 100%; height: 655px; background: center top repeat-x; }
#home_page .type-c #object-1  { background-image: url('../bg-c.jpg'); height: 716px; }
#home_page .type-c1 #object-1 { background-image: url('../bg-c1.jpg'); }
#home_page .type-c2 #object-1 { background-image: url('../bg-c2.jpg'); }
#home_page .type-c #object-1 div { position: absolute; left: 50%; top: auto; bottom: 31px; margin-left: -212px; width: 421px; height: 685px; background: url('../tv-c.jpg'); }
#home_page .type-c1 #object-1 div { position: absolute; left: 50%; top: 176px; margin-left: -254px; width: 463px; height: 448px; background: url('../tv-c-1.jpg'); }
#home_page .type-c2 #object-1 div { position: absolute; left: 50%; top: 0; margin-left: -236px; width: 472px; height: 569px; background: url('../tv-c-2.jpg'); }
#home_page .type-a #object-2
{
right: 60%; top: 161px;
width: 179px; height: 206px;
margin: 0 220px 0 0;
background: url('../malevich.gif');
}
#home_page .type-a #object-2 div
{
width: 135px; height: 80px;
margin: 98px 0 0 28px;
}
#home_page .type-a #object-2 .picture-1 { background: url('../malevich-1.gif'); }
#home_page .type-a #object-2 .picture-2 { background: url('../malevich-2.gif'); }
#home_page .type-a #object-2 .picture-3 { background: url('../malevich-3.gif'); }
#home_page .type-a #object-2 .picture-4 { background: url('../malevich-4.gif'); }
#home_page .type-a #object-2 .picture-5 { background: url('../malevich-5.gif'); }
#home_page .type-a #object-2 .picture-6 { background: url('../malevich-6.gif'); }
#home_page .type-c #object-2
{
right: 50%;
width: 248px; height: 103px;
margin: 0 324px 152px 0;
background: url('../pic.jpg');
}
#home_page .type-c1 #object-2
{
right: 50%;
width: 209px; height: 460px;
margin: 0 327px 35px 0;
background: url('../pic-1.jpg');
}
#home_page .type-c2 #object-2
{
right: 50%;
width: 326px; height: 355px;
margin: 0 253px 227px 0;
background: url('../pic-2.jpg');
}
#home_page .type-a #object-3
{
left: 60%; top: 232px;
width: 334px; height: 229px;
margin: 0 0 0 226px;
background: url('../tv.gif');
}
#home_page .type-a #object-3 div
{
width: 214px; height: 146px;
margin: 8px 0 0 58px;
}
#home_page .type-a #object-3 .picture-1 { background: url('../tv-1.jpg'); }
#home_page .type-a #object-3 .picture-2 { background: url('../tv-2.jpg'); }
#home_page .type-a #object-3 .picture-3 { background: url('../tv-3.jpg'); }
#home_page .type-a #object-3 .picture-4 { background: url('../tv-4.jpg'); }
#home_page .type-a #object-3 .picture-5 { background: url('../tv-5.jpg'); }
#home_page .type-a #object-3 .picture-6 { background: url('../tv-6.jpg'); }
#home_page .type-c #object-3
{
left: 50%;
width: 50%; height: 426px;
margin: 0 0 31px 0;
background: url('../lamp.jpg') 278px 0 no-repeat;
}
#home_page .type-c1 #object-3
{
left: 50%;
width: 50%; height: 624px;
margin: 0 0 31px 0;
background: url('../lamp-1.jpg') 216px 0 no-repeat;
}
#home_page .type-c2 #object-3
{
left: 50%;
width: 50%; height: 607px;
margin: 0 0 31px 0;
background: url('../lamp-2.jpg') 223px 0 no-repeat;
}
#home_page .type-a #object-4
{
left: 5%; top: 372px;
background: url('../people-4.png');
}
#home_page .type-a #object-4 div
{
width: 94px; height: 190px;
background: url('../people-4.gif');
}
#home_page .type-a #object-5
{
left: 30%; top: 375px;
background: url('../people-1.png');
}
#home_page .type-a #object-5 div
{
width: 74px; height: 276px;
background: url('../people-1.gif');
}
#home_page .type-a #object-6
{
right: 5%; top: 380px;
background: url('../people-2.png');
}
#home_page .type-a #object-6 div
{
width: 72px; height: 147px;
background: url('../people-2.gif');
}

#home_page .type-a a:link { color: #8b2c41; }
#home_page .type-b a:link { color: #d9001d; }
#home_page .type-a a:visited { color: #722435; }
#home_page .type-b a:visited { color: #a70016; }
#home_page .type-a a:hover { color: #eb4a6e; }
#home_page .type-b a:hover { color: #ff0022; }

#popup
{
padding: 139px 39px 39px 39px;
background: #ffffff;
}

#popup h1
{
position: static;
color: #000000;
}

#search #content form
{
margin: 0 0 3em 0;
}
#search dl,
#search dt,
#search dd
{
margin: 0; padding: 0;
}
#search #row_text
{
float: left;
width: 65%;
margin-right: 1em;
}
#search #row_text input
{
width: 100%;
}
#search #content td.layout
{
padding-right: 5em;
}
#search #content ul.navigation
{
margin-top: 0; margin-bottom: 0; margin-left: 0;
}
#search #content ul.navigation li
{
margin: 0 0 2em 0;
}
#search #content ul.navigation li li
{
margin: 0;
}
#search #content ul.navigation ul
{
margin: 0 0 0 2em;
}
#search #content ul.navigation a
{
font-weight: bold;
}
#search #content ul.navigation ul a,
#search #content ul#result_list a
{
font-weight: normal;
}
#search #content ul#result_list a
{
font-size: 1.2em;
}


/* colors */

a:link,
.navigation a:link,
.navigation a:visited,
.type-b #content .navigation a:link,
.type-b #content .navigation a:visited,
.navigation b,
.fake_anchor
{ color: #ffffff; }
#content a:link,
#content a:visited
{ color: #333333; }
a:visited
{ color: #666666; }
#copyright a:link,
#copyright a:visited
{ color: #b9c8de; }
.type-c #copyright a:link,
.type-c #copyright a:visited
{ color: #486288; }
a:hover,
.navigation a:hover,
a:hover.fake_anchor,
b:hover.fake_anchor,
p:hover.fake_anchor,
div:hover.fake_anchor,
li:hover.fake_anchor,
#content a:hover,
.type-b #content .navigation a:hover,
#copyright a:hover,
#content table.navigation li b
{ color: #ac2f35; }