* {margin: 0; padding: 0; font-size: 1em; list-style: none;}
img {border: none;}
input.it, input.button, textarea, button, select {
    font: 1em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
input.it {padding: 1px;}
button {padding: 0.1em 0.5em; font-size: 0.85em;}
option {padding-right: 0.5em;}

a:link, a:visited {color: #899db1;}
a:hover, a:active {color: #fff;}
body {padding: 70px 0 0; background: #353637; color: #636364;
    font: 70% Georgia, 'Times New Roman', Times, serif;}

#logo {width: 935px; margin-left: 55px;}
#logo a, #logo img {display: block; width: 102px; height: 37px;}
#mmenu {width: 933px; margin: 1em 0 1em 57px; font-size: 1.1em;}
#mmenu li {display: inline; padding-right: 23px;
    background: url(/i/_/bg_mmenu_sep.gif) 100% 2px repeat-y; cursor: default;}
#mmenu li.last {padding-right: 0; background: none;}
#mmenu strong, #mmenu .sel a {color: #6e767e; font-weight: normal;}
#mmenu .count {font-size: 0.85em;}

#foot {clear: both; width: 933px; margin-left: 57px; padding: 3em 0;
    font: 0.9em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}

.pages {clear: both; padding-top: 1em; padding-left: 57px; font-size: 1.2em;}
.pages em {padding-right: 10px; font-style: normal;}
.pages strong {padding: 2px 6px 3px; background: #4d5154; color: #adaeac; font-weight: normal;
    cursor: default;}
.pages a {padding: 2px 6px 3px;}
.pages a.arrow {text-decoration: none;}
.pages a.arrow span {text-decoration: underline;}

.g-text h2, .g-text h3 {margin: 0.85em 0; font-size: 1.2em;}
.g-text p, .g-text ul, .g-text ol {margin: 1em 0;}
.g-text li {margin: 0.5em 0 0.5em 1.5em;}
.g-text ul li {text-indent: -1.15em;}
.g-text ul li:before {content: '— ';}
.g-text ol li {list-style: decimal;}


/* Index
--------------------------------------------------------------------------------------------------*/

.p_index #lastwork hr {width: 100%; height: 1px; border: none; background: #4d5154; color: #4d5154;}
.p_index #lastwork hr.first {margin: 1em 0 0;}
.p_index #lastwork hr.last {clear: both;}
.p_index #lastwork-i {float: left; width: 935px; padding: 2em 0 2em 55px;}
.p_index #lastwork .img {float: left; width: 605px; height: 210px; background: #3f4041;}
.p_index #lastwork .about {float: left; width: 294px; padding: 5em 0 0 36px; color: #dadfdc;}
.p_index #lastwork .about h2 {margin: 0 0 1em 16px; font-weight: normal; font-size: 1.2em;}
.p_index #lastwork .about p {padding-left: 16px;
    font: 0.9em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
.p_index #lastwork .about p.info {margin: 1em 0;}
.p_index #lastwork .about p.date {background: url(/i/_/ico_lastwork_date.gif) 0 0.3em no-repeat;}
.p_index #lastwork .about p.url {background: url(/i/_/ico_lastwork_url.gif) 0 0.3em no-repeat;}

.p_index #lastworks, .p_index #clients {float: left; padding-left: 36px;}
.p_index #lastworks h2, .p_index #clients h2 {margin: 1.5em 0 0.5em;
    padding-left: 21px; color: #949ba2; font-weight: normal; font-size: 1.2em;}
.p_index #lastworks h2 {background: url(/i/_/ico_lastworks.gif) 0 0.3em no-repeat;}
.p_index #clients h2 {background: url(/i/_/ico_clients.gif) 0 0.3em no-repeat;}
.p_index #lastworks ul {width: 612px; overflow: hidden; padding-left: 14px;}
.p_index #lastworks li {float: left; width: 184px; margin: 0.5em 0; padding: 0 13px 0.5em 7px;
    color: #949ba2;}
.p_index #lastworks .date {color: #636364; font-size: 0.9em;}

.p_index #clients {padding-left: 29px;}
.p_index #clients div.img {width: 126px; height: 67px; margin: 1em 0 1em 21px;
    background: #3f4041;}
.p_index #clients .img img {opacity: 0;}

.p_index #clients p.client-login {margin-top: 0.5em; padding-left: 21px;
    background: url(/i/_/ico_login.gif) 0 0.3em no-repeat; font-size: 1.2em;}


/* Studio
--------------------------------------------------------------------------------------------------*/

.p_studio #main {width: 820px; padding-left: 57px; color: #949ba2;}
.p_studio h2 {margin: 0 0 -0.25em; color: #949ba2; font-weight: normal; font-size: 2em;}
.p_studio #about {float: left; width: 400px;}
.p_studio #team, .p_studio #partners, .p_studio #vacancies {clear: right; float: right;
    width: 400px;}


/* Works
--------------------------------------------------------------------------------------------------*/

.p_works #main {width: 940px; margin: 2em 0 0 50px;}

.p_works #types {overflow: hidden; margin: 1em 0; font-size: 1.1em; zoom: 1;}
.p_works #types li {float: left; padding: 5px 7px;}
.p_works #types li.sel {float: left; background: #4d5154; color: #adaeac; cursor: default;}
.p_works #types li.sel strong {font-weight: normal;}

.p_works #works {width: 940px; overflow: hidden; margin: 1.5em 0 1.5em 7px; zoom: 1;}
.p_works #works li {position: relative; float: left; width: 285px; min-height: 100px;
    margin: 20px 0 0; padding-left: 165px; color: #d4d7d3;}
.p_works #works li.nl {clear: both; padding-right: 40px;}
.p_works #works p.img {position: absolute; top: 0; left: 0; width: 140px; height: 90px;
    border: 5px solid #3f4041;}
.p_works #works h3 {margin: 2em 0 0.5em; font-size: 1.2em; font-weight: normal;}
.p_works #works p.date {margin-top: 0.3em; font: 0.9em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}

.p_works p.pages {padding-left: 7px;}


/* Work info
--------------------------------------------------------------------------------------------------*/

.p_work_info #main {width: 940px; overflow: hidden; margin: 2em 0 0 57px; zoom: 1;}

.p_work_info .back {font-size: 1.2em;}
.p_work_info .back a {text-decoration: none;}
.p_work_info .back a span {text-decoration: underline;}

.p_work_info h1 {margin: 0.8em 0 0.5em; color: #d4d7d3; font-weight: normal; font-size: 2em;}

.p_work_info .work-info {float: left; width: 600px; color: #d4d7d3; font-size: 1.2em;}
.p_work_info .work-info p.img {margin-top: 2.5em;}
.p_work_info .work-info p.img.with-frame {margin: 2.5em -8px -8px;}
.p_work_info .work-info p.img:first-child {margin-top: 1em;}
.p_work_info .work-info .note {margin: 1em 0; font-style: italic;}

.p_work_info .add-info {float: right; width: 320px; font-size: 1.2em;}
.p_work_info .add-info p.date {margin-bottom: 0; color: #d4d7d3;}
.p_work_info .add-info p.more {margin-top: 0; color: #d4d7d3;}
.p_work_info .add-info p.project-url {margin: 0.7em 0 1em; font-size: 1.4em;}
.p_work_info .add-info .project-info {margin: 1em 0 0; border-top: 1px solid #4d5154;}

.p_work_info_white {background: #fff; color: #878787;}
.p_work_info_white a:link, .p_work_info_white a:visited {color: #475170;}
.p_work_info_white a:hover, .p_work_info_white a:active {color: #6d8296;}
.p_work_info_white #mmenu strong, .p_work_info_white #mmenu .sel a {color: #475170;}
.p_work_info_white h1 {color: #000;}
.p_work_info .work-info {color: #878787;}
.p_work_info_white .add-info p.date, .p_work_info_white .add-info p.more {color: #878787;}
.p_work_info_white .add-info .project-info {border-top-color: #878787;}


/* Clients
--------------------------------------------------------------------------------------------------*/

.p_clients h1 {margin: 1em 0 0.5em 57px; color: #949ba2; font-weight: normal; font-size: 2em;}
.p_clients #clients {width: 600px; margin: 1em 0; padding-left: 57px;}
.p_clients #clients li.client {overflow: hidden; margin: 1em 0 1em; padding-bottom: 1em;
    border-bottom: 1px solid #4d5154; zoom: 1;}
.p_clients #clients li.client.last {border: none;}
.p_clients #clients p.img {float: left; width: 126px; height: 67px; background: #3e3e40;
    font-weight: normal; font-size: 1.2em;}
.p_clients #clients h2 {margin: 0 0 0.3em 140px; color: #949ba2; font-weight: normal;
    font-size: 1.2em;}
.p_clients #clients .info {margin: 1em 0 0 140px; color: #949ba2;}
.p_clients #clients .info p {margin: 0.5em 0 0;}
.p_clients #clients .projects {margin: 1em 0 0 140px; color: #949ba2;
     font: 0.9em Tahoma, Arial, 'Nimbus Sans L', sans-serif;}
.p_clients #clients .projects h3 {font-weight: normal;}
.p_clients #clients .projects li {margin: 0;}


/* Contacts
--------------------------------------------------------------------------------------------------*/

.p_contacts #main {width: 643px; padding-left: 57px;}
.p_contacts h1 {margin: 1em 0 0.5em; color: #949ba2; font-weight: normal; font-size: 2em;}
.p_contacts #main p {margin: 1em 0; color: #949ba2;}


/* News
--------------------------------------------------------------------------------------------------*/

.p_news h1 {margin: 1em 0 0.5em 57px; color: #949ba2; font-weight: normal; font-size: 2em;}
.p_news #news_items {width: 600px; margin: 1em 0; padding-left: 50px;}
.p_news #news_items li {margin: 5px 0; padding: 0 7px 5px 7px; border-bottom: 1px solid #4d5154;}
.p_news #news_items li.last {border: none;}
.p_news #news_items h2 {margin: 0.3em 0; font-weight: normal; font-size: 1.2em;}
.p_news #news_items .summary {color: #949ba2;}

.p_news #news_item {width: 600px; margin-left: 50px; padding-bottom: 1px;
    border-bottom: 1px solid #4d5154;}
.p_news #news_item h1 {margin-bottom: 0; margin-left: 7px;}
.p_news #news_item p.date {margin: 0 7px 1em; font-size: 1.2em;}
.p_news #news_item .summary {margin: 0 7px 1em; color: #949ba2; font-style: italic; font-size: 1.2em;}
.p_news #news_item .text {margin: 0 7px; color: #949ba2; font-size: 1.2em;}
.p_news #back {margin: 1em 0 1em 57px; font-size: 1.2em;}
.p_news #back a {text-decoration: none;}
.p_news #back a span {text-decoration: underline;}