@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,cyrillic);
* {  
margin: 0;  
padding: 0;  
}  
html {height: 100%;}  
body {  
height: auto !important;  
height: 100%;  
min-height: 100%;  
position: relative;  
}  

html,body {
        padding:0;
        margin:0;
        font-family: 'PT Sans Narrow', sans-serif;
        color:#fff;
        font-size:16px;
        background:#262626;
}
.wrapper {
        clear:both;
        display:block;
        overflow:hidden;
        width:960px;
        margin:0 auto;
}
.header {
        clear:both;
        display:block;
        overflow:hidden;
        min-width:960px;
        width:100%;
        height:125px;
        background:url(../images/header_bg.png) 0 0 repeat-x;
        color:#fff;
}
        .header .logo {
                float:left;
                overflow:hidden;
                color:#fff;
                text-decoration:none;
                font-size:40px;
                line-height:125px;
                height:125px;
                font-family: 'Roboto Condensed', sans-serif;
                font-style:italic;
                font-weight:300;
        }
                .header .logo span {
                        font-size:24px;
                }
.container {
        clear:both;
        display:block;
        overflow:hidden;
        min-width:960px;
        width:100%;
        height:387px;
        background:#fff url(../images/content_bg.png) right 0 repeat-x;
}
        .container .wrapper {
                height:380px;
                background:url(../images/face.png) left bottom no-repeat;
        }
                .container .wrapper .text {
                        float:right;
                        overflow:hidden;
                        margin:70px -5px 0 0;
                        opacity: .80; /* layer alpha */
                        background-color: #fff; /* layer fill content */
                        width: 560px;

                        font-size:16px;
                        font-weight:300;
                        font-style:italic;
                }
                        .container .wrapper .text .custom {
                                padding:10px 10px;
                                color:#000;
                        }
.content {
        clear:both;
        display:block;
        overflow:hidden;
        min-width:960px;
        width:100%;
        background:#fff;
        color: #000;
        padding:0 0 125px 0;
}
.content p {
        margin:0 0 15px 0;
}
.content h1,
.content h2 {
        font-size:28px;
        margin:25px 0;
}
.content h3 {
        font-size:22px;
        margin:20px 0;
}
.content:after { 
  content: ".";  
  display: block;  
  height: 0;  
  visibility: hidden;  
  clear: both;  
}
.footer {
        clear:both;
        display:block;
        overflow:hidden;
        height:125px;
        min-width:960px;
        padding:30px 0 0 0;
        width:100%;
        background:url(../images/footer_bg.png) 0 0 repeat-x;
        position:absolute;
        bottom:0;
}
.footer td {
        vertical-align:top;
}
.footer td img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  opacity:.4;
}
.footer td img:hover {
        opacity:1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none; /* IE 6-9 */
}
.footer .custom {
        float:left;
        overflow:hidden;
}
.footer a.cnt {
        float:right;
        overflow:hidden;
        color:#fff;
        font-style:italic;
        font-size:20px;
        text-decoration:none !important;
        background:url(../images/arrow.png) center 9999px no-repeat;
        text-decoration:underline;
}
.footer a.cnt:hover {
  text-decoration:underline !important;
}