/* Copyright (c) titanium | http://www.titaniumlabs.ru */

body { margin: 0 0 3em 0; font-family: Arial, sans-serif; font-size: 83%; background-color: #ffffff; color: #000000; }


h1 { font-size: 210%; font-weight: normal; margin: 0; }
h2 { font-size: 170%; font-weight: normal; margin-top: 0; }
h3 { font-size: 130%; font-weight: normal; margin-top: 0; }
h4 { font-size: 110%; font-weight: normal; }

big { font-size: 520%; font-weight: normal; color: #ff8800; }

p, li, dd { line-height: 1.3em; }
p { margin-top: 0; }
form { margin: 0; padding: 0; }
.wrapper { //display: none; height: 1; overflow: hidden; clear: both; }
.container { /*background: #eeeeee;*/ }


/* ссылки */

a         { color: #0066cc; }
a:visited { color: #800080; }
a:hover   { color: #ff8800; }


/* сдвиг */

#offsethome { margin-top: 11em; }
#offset0    { margin-top: 11em; }
#offset1    { margin-top: 9em; }
#offset2    { margin-top: 7em; }
#offset3    { margin-top: 5em; }
#offset4    { margin-top: 3em; }


/* логотип */

.logo { position: absolute; top: 2.25em; left: 25%; z-index: 2; }
.logo img { width: 68px; height: 68px; border: 0; }


/* уровни меню */

.level4,
.level3,
.level2,
.level1,
.level0 { width: 25%; clear: both; margin: 0 0 0.75em 0; position: relative; z-index: 3; }

.level4 .container { margin: 0 15.75% /*30px*/ 0  5.25% /*10px*/; }
.level3 .container { margin: 0 15.75% /*30px*/ 0 10.50% /*20px*/; }
.level2 .container { margin: 0 15.75% /*30px*/ 0 15.75% /*30px*/; }
.level1 .container { margin: 0 15.75% /*30px*/ 0 21.00% /*40px*/; }
.level0 .container { margin: 0 15.75% /*30px*/ 0 28.88% /*55px*/; }


/* заголовок */

.title { width: 100%; float: none; margin-top: 1em; margin-bottom: 4em; }
.title .container { margin: 0 4% /*30px*/ 0 7.28% /*55px*/; padding: 0; }
.title input { vertical-align: middle; width: 50%; font-size: 99%; margin-left: 1%; margin-top: -0.15em; //margin-top: 0; }

.trigger { position: relative; top: -4; padding: 1px 0 3px 0; //padding: 0; font-size: 47%; margin: 0 0 0 1%; }
h1 .trigger { font-size: 47%; }

.trigger#activetrigger { background: #ff8500; }
.trigger#activetrigger span                     { background: url("/i/c-tl.gif") left  top    no-repeat; }
.trigger#activetrigger span span                { background: url("/i/c-tr.gif") right top    no-repeat; }
.trigger#activetrigger span span span           { background: url("/i/c-br.gif") right bottom no-repeat; }
.trigger#activetrigger span span span span      { background: url("/i/c-bl.gif") left  bottom no-repeat; }
.trigger#activetrigger span span span span span { background: transparent; padding: 1px 8px 3px 8px; }

.trigger span                     { top: -1; position: relative; //position: auto; }
.trigger span span                { top:  0; }
.trigger span span span           { top:  4; }
.trigger span span span span      { top:  0; }
.trigger span span span span span { top: -3; padding: 1px 0 3px 0; color: #ffffff; }


/* содержание/жимое */

.content { width: 100%; float: none; margin-bottom: 2em; }


/* меню и анонсы */

.menu          { width: 25%; float: left;                     //margin-right: -100%; //display: inline; }
.announcements { width: 75%; float: left; //margin-left: 25%; //margin-right: -100%; //display: inline; }

.menu          .container { margin: 0 15.79% /*30px*/ 0 36.84% /*70px*/; padding: 0; }
.announcements .container { margin: 0               0 0               0; padding: 0; }


/* левая и правая стороны */

.leftside      { width: 75%; float: left;                     //margin-right: -100%; //display: inline; }
.rightside     { width: 25%; float: left; //margin-left: 75%; //margin-right: -100%; //display: inline; }

.leftside  .container { margin: 0  5.26% /*30px*/ 0 33.3%; padding: 0; }
.rightside .container { margin: 0 15.79% /*30px*/ 0     0; padding: 0; }


/* субменю */

.submenu p { margin-bottom: 1em; }


/* иллюстрации */

.illustration { margin-top: 4em; margin-bottom: 1em; text-align: center; width: 138%; margin-left: -38%; //width: 100%; //margin-left: -23.49%; }
.illustration img { border: 0; }
.illustrationlabel { margin-top: 1.5em; margin-left: 20%; font-style: italic; }


/* списки */

ul { margin-right: 0; margin-bottom: 2em; margin-left: 0; padding: 0 0 0 1.5em /*20px*/; }
ul li { margin-bottom: 1.3em; padding-left: 1.5em /*20px*/; list-style-type: none; background: transparent url("/i/li.gif") no-repeat 0 0.5em; }
ul ol li { margin-bottom: 1.3em; padding-left: 0; margin-left: 1.5em /*20px*/; list-style-type: decimal; background: none; }

ol { margin-right: 0; margin-bottom: 2em; margin-left: 0; padding: 0 0 0 1.5em /*20px*/; }
ol li { margin-bottom: 1.3em; margin-left: 1.5em /*20px*/; list-style-type: decimal; background: none; }
ol ul li { margin-bottom: 1.3em; padding-left: 1.5em /*20px*/; margin-left: 0; list-style-type: none; background: transparent url("/i/li.gif") no-repeat 0 0.5em; }

dl { margin-top: 2em; margin-bottom: 2em; margin-left: 0; }
dl dt { margin-bottom: 1.3em; font-weight: bold; font-size: 100%; }
dl dd { margin-bottom: 2em; margin-left: 1.5em /*20px*/; }

ul ul,
ol ol,
ul ol,
ol ul { margin-top: 1.3em; }


/* таймлента */

.timeline { margin-top: 0; }
.timeline dt { margin-bottom: 0; font-weight: normal; font-size: 85%; color: #666666; }
.timeline dd { margin-bottom: 1.3em; margin-left: 0; }


/* дата выхода */

.date { width: 11.82%; //width: 15.79%; position: absolute; left: 9.21%; }


/* анонсы */

.itemslist      { width:  100%; margin: 0; padding: 0; }
.itemslist li   { width: 33.2%; margin: 0; padding: 0; float: left; position: relative; list-style-type: none; background: none; }
.itemslist li p { margin-right: 15.79% /*30px*/; margin-top: 0; }

.workslist      { width:  100%; margin: 0; padding: 0; }
.workslist li   { width: 33.2%; margin: 0; padding: 0; float: left; position: relative; list-style-type: none; height: 22em; background: none; }
.workslist li p { margin-right: 15.79% /*30px*/; margin-top: 1em; }

.workslist .preview     { width: 185px; height: 185px; /*position: relative; left: -5.26% /*-10px*/;*/ background: url("/i/thumb_bg.gif") no-repeat 0 0; }
.workslist .preview img { width: 185px; height: 185px; border: 0; }


/* команда */

.team { margin-top: 0; }


/* благодарности */

.thankfulness { margin-top: 3em; }


/* заключительная часть марлезонского балета */

.footer { width: 100%; clear: both; margin: 3em 0 0 0; }

.copyright    { width:  50%; float: left;                     //margin-right: -100%; //display: inline; }
.becomeclient { width:  25%; float: left; //margin-left: 50%; //margin-right: -100%; //display: inline; }
.search       { width:  25%; float: left; //margin-left: 75%; //margin-right: -100%; //display: inline; }

.copyright    .container { margin: 0  7.89% /*30px*/ 0 50%; padding: 0; }
.becomeclient .container { margin: 0 15.79% /*30px*/ 0   0; padding: 0; }
.search       .container { margin: 0      0          0   0; padding: 0; }

.search       .container input { width: 84.21%; margin: 0; padding: 0; }