@import url(reset.css);


#wrapper {
    width: 1024px;
    height: 1800px;
    margin: 0 auto;
}

#topLines {
    height: 18px;
    background-image: url(../images/topLine.png);
    background-repeat: repeat-x;
    background-color: gray;
}

/*Начало блока header*/

#header {
    height: 157px;
    position: relative;
}

#logo {
    background-image: url(../images/logo.png);
    width: 239px;
    height: 77px;
    background-repeat: no-repeat;
    position: absolute;
    left: 56px;
    top: 24px;
}

#logo a {
    display: block;
    height: 77px;
    cursor: pointer;
}

#faq {
    background-image: url(../images/faq.png);
    width: 82px;
    height: 164px;
    background-repeat: no-repeat;
    position: absolute;
    right: 43px;
    top: -18px;
}

#faq a {
    display: block;
    height: 164px;
    cursor: pointer;
}

#nav {
    width: 520px;
    height: 30px;
    position: absolute;
    top: 56px;
    left: 377px;
}

#nav li {
    float: left;
    margin-right: 27px;
}

#nav li a {
    text-decoration: none;
    font: 16px Arial, sans-serif;
    color: #3f3f3f;
}

#nav li a.active,
#nav li a:hover {
    color: #2c789c;
}

/*Конец блока header*/

/*Начало блока people*/
#people {
    height: 404px;
    background-image: url(../images/people_bg.jpg);
    background-repeat: no-repeat;
    background-position: 64px 24px;
    position: relative;
    z-index: 1;
}

#people_img {
    background-image: url(../images/people.png);
    width: 377px;
    height: 385px;
    position: absolute;
    top: 1px;
    right: 52px;
    background-repeat: no-repeat;
    z-index: 1;
}

#slogan {
    width: 350px;
    height: 93px;
    position: absolute;
    right: 632px;
    top: 207px;
    text-align: right;
    padding-top: 7px;
    z-index: 1;
}

#slogan h1 {
    font: bold 23px Arial, sans-serif;
    color: #1d1e1b;
    text-transform: uppercase;
}

#slogan p {
    font: 16px Arial, sans-serif;
    color: #2c789c;
}

#forLine {
    height: 96px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1024px;
    background-image: url(../images/forLine.png);
    background-repeat: repeat-y;
    z-index: 0;
}

/*Конец блока people*/

/*Начало блока colors*/

#colors {
    background-image: url(../images/colorsBg1.png);
    background-repeat: repeat-y;
    padding: 0 49px 0 42px;
}

#blue {
    width: 292px;
    float: left;
    background-color: #2E7999;
    padding-left: 14px;
    background-image: url(../images/e1.png);
    background-position: 250px 10px;
    background-repeat: no-repeat;
}

#yellow {
    width: 302px;
    float: left;
    background-color: #E4AF33;
    padding-left: 19px;
    background-image: url(../images/e2.png);
    background-position: 260px 5px;
    background-repeat: no-repeat;
}

#green {
    width: 282px;
    float: left;
    background-color: #96B933;
    padding-left: 24px;
    background-image: url(../images/e3.png);
    background-position: 250px 5px;
    background-repeat: no-repeat;
}

#blue,
#yellow,
#green {
    color: white;
    padding-top: 15px;
    position: relative;
}

#yellow a,
#yellow p {
    margin-left: 11px;
}

#green a,
#green p {
    margin-left: 6px;
}

#colors h2 {
    font: 19px Arial, sans-serif;
    padding-bottom: 10px;
}

#colors p {
    font: 16px Arial, sans-serif;
    padding-bottom: 10px;
    line-height: 16px;
}

#colors a {
    font: 16px Arial, sans-serif;
    color: #aaaaaa;
    text-decoration: none;
    display: block;
    height: 26px;
    width: 80px;
    background-image: url(../images/ReadMore.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 4px 9px;
    margin-bottom: 4px;
}

.clear {
    clear: both;
}

#romb1 {
    position: absolute;
    background-image: url(../images/e4.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 55px;
    top: 50px;
    left: 0;
}

#romb2 {
    position: absolute;
    background-image: url(../images/e5.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 55px;
    top: 50px;
    left: 0;
}

/*Конец блока colors*/

/*Начало блока black and white*/

#BlackAndWhite {
    height: 225px;
    position: relative;
    background-image: url(../images/forLine.png);
    background-repeat: repeat-y;
    padding: 17px 55px 30px 55px;
}

#bLeft {
    width: 37px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/bLeft.png);
    background-repeat: no-repeat;
}

#bRight {
    width: 37px;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../images/bRight.png);
    background-repeat: no-repeat;
}

#bBottom {
    height: 1px;
    width: 950px;
    position: absolute;
    bottom: 0;
    right: 37px;
    background-image: url(../images/bBottom.gif);
    background-repeat: repeat-x;
}

#bContent {
    height: 225px;
    width: 620px;
    float: left;
}

#bForm {
    height: 225px;
    width: 264px;
    float: left;
    margin-left: 30px;
}

#bContent h2,
#bForm h2 {
    font: 24px Arial, sans-serif;
    color: black;
    margin-bottom: 5px;
}

#bContent h2 {
    height: 34px;
    margin-bottom: 0;
    overflow: hidden;
}

#bContent p.strong {
    color: black;
    font: bold 16px Arial, sans-serif;
    height: 56px;
    overflow: hidden;
}

#bContent p {
    color: #7b7d78;
    font: 16px Arial, sans-serif;
    height: 109px;
    overflow: hidden;
}

#bContent a {
    font: 16px Arial, sans-serif;
    color: #B2B2B1;
    text-decoration: none;
    display: block;
    height: 18px;
    width: 82px;
    background-image: url(../images/ReadMore_D.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 4px 9px;
}

#bForm input {
    width: 247px;
    height: 31px;
    color: #dedede;
    font: 16px Arial, sans-serif;
    border: 1px solid #DEDEDE;
    margin-bottom: 11px;
    padding-left: 15px;
}

#bForm input.button {
    width: 99px;
    height: 26px;
    margin-top: 28px;
    padding-left: 0px;
}

/*Конец блока black and white*/

/*Начало блока dark*/

#dark {
    height: 430px;
    padding: 13px 30px 14px 40px;
    background-color: #1D1E1B;
}

#plaining,
#team,
#blog {
    height: 403px;
    float: left;
}

#plaining,
#team {
    width: 289px;
}

#blog {
    width: 297px;
}

#team,
#blog {
    margin-left: 39px;
}

#plaining a,
#team a {
    font: 16px Arial, sans-serif;
    color: white;
    text-decoration: none;
    display: block;
    height: 18px;
    width: 82px;
    background-image: url(../images/ReadMore_B.png);
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 4px 9px;
}

#imgDark1 {
    width: 291px;
    height: 116px;
    background-image: url(../images/dark1.png);
}

#imgDark2 {
    width: 291px;
    height: 116px;
    background-image: url(../images/dark2.png);
}

#dark h3 {
    height: 27px;
    font: 19px Arial, sans-serif;
    color: white;
    text-transform: uppercase;
}

#plaining p,
#team p {
    height: 225px;
    font: 13px Arial, sans-serif;
    color: #94998f;
    padding-top: 10px;
    overflow: hidden;
}

#post1,
#post2,
#post3 {
    height: 125px;
}

#blogImg1,
#blogImg2,
#blogImg3 {
    width: 111px;
    height: 81px;
    float: left;
    margin-right: 11px;
}

#blogImg1 {
    background-image: url(../images/blog1.png);
}

#blogImg2 {
    background-image: url(../images/blog2.png);
}

#blogImg3 {
    background-image: url(../images/blog3.png);
}

#blog h4 {
    color: white;
    font: 13px Arial, sans-serif bold;
    ;
}

#blog p {
    font: 12px Arial, sans-serif;
    color: #94998f;
}

#blog a {
    font: 12px Arial, sans-serif;
    color: #2c789c;
    text-decoration: underline;
}

#blogH3 {
    font: 16px Arial, sans-serif;
    color: #2c789c;
    text-transform: lowercase;
    margin-left: 20px;
}

/*Конец блока dark*/

/*Начало блока gray*/

#gray {
    background-color: #2E302C;
    padding: 18px 30px 36px 40px;
}

#gray h2 {
    font: 18px Arial, sans-serif;
    color: white;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#gray p {
    color: #94998f;
    font: 12px Arial, sans-serif;
    margin-bottom: 5px;
}
#gray a {
    font: 16px Arial, sans-serif;
    color: #2c789c;
    text-decoration: none;
}

#about {
    width: 300px;
    float: left;

}

#partners {
    width: 628px;
    height: 165px;
    float: left;
    margin-left: 25px;
}

.partner {
    font: 11px Arial, sans-serif;
    color: #94998f;
    float: left;
    width: 275px;
}

.partner li {
    margin-bottom: 16px;
    padding-left: 22px;
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

#p2 {
    margin-left: 56px;
}

#p1 {
    margin-left: 22px;
}



#footer {
    background-color: black;
    height: 154px;
    position: relative;
}

#copy {
    position: absolute;
    left: 40px;
    top: 80px;
}

#copy,
#copy a {
    font: 12px Arial, sans-serif;
    color: #9b9d99;
    text-decoration: none;
}

#footerNav {
    width: 520px;
    height: 30px;
    position: absolute;
    top: 81px;
    right: 36px;
}

#footerNav li {
    float: right;
    margin-left: 25px;
}

#footerNav li a {
    text-decoration: none;
    font: 13px Arial, sans-serif;
    color: #94998f;
}

#footerNav li a.active,
#footerNav li a:hover {
    color: #2c789c;
}

#footerSocial {
    width: 155px;
    height: 22px;
    position: absolute;
    top: 111px;
    right: 36px;
}

#footerSocial li {
    float: right;
    margin-left: 5px;
    height: 22px;
    background-repeat: no-repeat;
}

#s1 {
    width: 61px;
    background-image: url(../images/s1.png);
}

#s2 {
    width: 23px;
    background-image: url(../images/s2.png);
}

#s3 {
    width: 27px;
    background-image: url(../images/s3.png);
}

#s4 {
    width: 21px;
    background-image: url(../images/s4.png);
}

#footerSocial li a{
    display: block;
    height: 22px;
    cursor: pointer;
}