/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/



/*    HEADER
    ----------------------------------------------------------------- */

#header {
    height: 220px;
    position: relative;
}
#header-social {
    overflow: hidden;
    padding: 5px 0 0 0;
}
#header-social a {
    float: left;
    width: 24px; height: 24px;
    margin: 0 2px 0 0;
    background: url("../_img/official/socmedia-buttons.png") 0 0 no-repeat;
    -o-transition:all 0s ease-in-out 0s;
    -webkit-transition:all 0s ease-in-out 0s;
    -moz-transition:all 0s ease-in-out 0s;
}
#header-social a.header-social-fb {
    background-position: 0 0;
}
#header-social a.header-social-fb:hover {
    background-position: 0 -26px;
}
#header-social a.header-social-vk {
    background-position: -26px 0;
}
#header-social a.header-social-vk:hover {
    background-position: -26px -26px;
}
#header-social a.header-social-tw {
    background-position: -52px 0;
}
#header-social a.header-social-tw:hover {
    background-position: -52px -26px;
}
#header-social a.header-social-rss {
    background-position: -78px 0;
}
#header-social a.header-social-rss:hover {
    background-position: -78px -26px;
}
#header-search {
    position: absolute;
    top: 11px; right: 17px;
}
#header-search input {
    margin: 0; padding: 0;
    border: 1px solid #e5e5e5;
    display: block;
    width: 157px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    text-transform: lowercase;
    font-family: 'Arial';
    color: #999;
}
#header-logo {
    display: block;
    width: 460px; height: 170px;
    position: absolute;
    top: 30px; right: 176px;
}


/*    CONTENT
    ----------------------------------------------------------------- */

#content {
    position: relative;
    z-index: 2;
}
#content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html #content              { zoom: 1; } /* IE6 */
*:first-child+html #content  { zoom: 1; } /* IE7 */
.content-left {
    float: left;
    width: 100%;
    margin: 0 -3000px 0 0;
    position: relative;
    z-index: 1;
}
.content-left-inner {
    padding: 0 300px 0 0;
    position: relative;
}
.content-right {
    float: right;
    position: relative;
    width: 240px;
    padding: 0 40px 50px 20px;
    z-index: 2;
}
.block {
    padding: 0 0 30px;
    position: relative;
    clear: both;
}
.block:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .block              { zoom: 1; } /* IE6 */
*:first-child+html .block  { zoom: 1; } /* IE7 */
    

/*    FOOTER
    ----------------------------------------------------------------- */

#footer {
    width: 240px;
    position: absolute;
    z-index: 2;
    bottom: 0; right: 10px;
    height: 408px;
}
#footer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html #footer              { zoom: 1; } /* IE6 */
*:first-child+html #footer  { zoom: 1; } /* IE7 */
#footer span {
    float: right;
    clear: right;
    width: 240px;
    padding: 131px 0 0;
    font-size: 11px;
    color: #999;
    line-height: 1.8;
}
#footer a {
    position: relative;
}
#footer a em {
    position: absolute;
    width: 66px; height: 67px;
    background: url("../_img/official/mask.png") 0 -67px no-repeat;
    top: -77px; left: -131px;
}
#footer a:hover em {
    background: url("../_img/official/mask.png") 0 0 no-repeat;
}
#footer span:first-child {
    background: 0;
    padding: 149px 0 0;
}
#footer-art {
    position: absolute;
    bottom: 0; right: 222px;
    width: 651px; height: 408px;
    z-index: 1;
    background: url("../_img/official/footer.png") 0 1px no-repeat;
}