/** Frame Start **/
html,body{
    height: 100%;
}

body{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    font-size:14px;
    color: #000;  
    background: url('./img/back.png');
}

#wrapper{
    width: 960px;   
    margin: 0 auto;
    min-height: 100%;
    margin-bottom: -372px;
    overflow: hidden;
    background: #fff;
}
div.uslugy_photo{
    width:940px;
    height:261px;
    margin: 40px auto;
    background: url('./img/uslugi_photo.jpg');
}
#content{
    padding-bottom: 372px;
    overflow: hidden;
}

#footer{
    width: 812px;
    height: 372px;
    margin: 0 auto;
    overflow: hidden;
    background: url('./img/footer.jpg');
}

#line_up{
    width: 100%;
    height: 4px;
    background: url('./img/line_up.png');
}

/** Frame Stop **/


/** Header Start **/

#header{
    overflow: hidden;
}

#header > div{
    float:left;
}

#header .logo{
    width: 161px;
    height:164px;
    margin-left: 60px;
    background: url('./img/all.png');
    float: left;
}

#header .menu{
    width:435px;
    height: 100px;
    overflow: hidden;
    margin: 40px 0 0 60px;
}

#header .menu .point{
    width:357px;
    height:21px;
    margin: 0 auto;
    background: url('./img/all.png') 0 -163px;
}

#header .menu .items{
    width:445px;
    margin: 10px auto;
    overflow: hidden;
}

#header .menu .items .item{
    overflow: hidden;
    float: left;
    margin-right: 50px;
}

#header .menu .items .item.project{
    margin-right: 45px;
    margin-left: -5px;
}

#header .menu .items .item a{
    text-decoration: none;
    color: #007b9c;
}

#header .menu .items .item a.current,#header .menu .items .item a:hover{
    text-decoration: underline;
}

#header .contact{
    overflow: hidden;
    width: 200px;
    margin: 40px 20px 0 0;
    float: right;
}

#header .contact .phone{
    
}

#header .contact .phone .code{
    font-size: 12px;
    margin: 2px 10px 0 0;
}

#header .contact .phone .number{
    font-size: 20px;
}

#header .contact .phone > div{
    float: left;
}

#header .contact .send{
   text-align: right;    
}

#header .contact .send a{
    color:#22d3ff;
    font-size: 12px;
}
/** Header Stop **/


/** Advantage Start **/

#advantage {
    overflow: hidden;
}

#advantage .item{
    overflow: hidden;
    margin-bottom: 10px;
}

#advantage .item > div{
    float: left;
    overflow: hidden;
}

#advantage .item > div.title{
    width: 160px;
    margin-left: 60px;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    color: #5a4a42;
}

#advantage .item > div.content{
    width: 600px;
    margin-left: 60px;
    overflow: hidden;
}

#advantage .item > div.content p{
    margin-top: 0px;
}

#advantage .item ul{
    color:#007b9c;
    font-style: italic;
}

#advantage .item ul li{
    margin: 10px 0;
}

/** Advantage Stop **/


/** Info Area Start **/

#info_area {
    overflow: hidden;
}

#info_area > div{
    float: left;
}

#info_area div.title{
    width: 160px;
    margin-left: 60px;
    text-align: center;
    overflow: hidden;
    font-size: 18px;
    color:#5a4a42;
}

#info_area div.content{
    width: 600px;
    margin-left: 60px;
    overflow: hidden;
}

#info_area div.content p{
    margin: 5px;
}

div.uslugy_photo{
    width:940px;
    height:261px;
    margin: 40px auto;
    background: url('./img/uslugi_photo1.jpg');
}


/** Info Area Stop **/

/** Projets Start **/

div.projects{
    overflow: hidden;
}

div.projects > div.project{
    margin: 10px 0;
    overflow: hidden;
}

div.projects > div.project > div{
    float: left;
    overflow: hidden;
}

div.projects > div.project div.img{
    width: 200px;
    height: 200px;
}

div.projects > div.project div.desc{
   width: 380px;
   overflow: hidden;
   margin-left: 20px;
}

div.projects > div.project div.desc a{
    color:#000;
    text-decoration: none;
}

div.projects > div.project div.desc a:hover{
    color:#007b9c;
    text-decoration: underline;
}

div.projects > div.project div.desc p{
    margin: 0 0 10px !important;
}

/** Projets Stop **/

/** Project Start **/

div#project{
    width: 880px;
    overflow: hidden;
    margin-left: 60px;
}

div#project > div{
    float: left;
}

div#project > div.img{
    width: 200px;
    height: 200px;
}

div#project > div.desc{
   width:660px;
   margin-left:20px;
   overflow: hidden;
}

/** Project Stop **/

/** Our value Start **/

#value{
    width: 900px;
    overflow: hidden;
    color: #007b9c;
    margin: 10px auto 40px;
}

#value > div{
    width: 260px;
    margin: 20px;
    overflow: hidden;
    float: left;
}

#value > div div.area_img{
    width: 260px;
    height: 66px;
    overflow: hidden;
}

#value > div div.area_img div.img{
    margin: auto;
    overflow: hidden;
    background: url('./img/all.png');
}

#value > div#prod_cycle div.area_img div.img{
    width:54px;
    height:57px;
    background-position: -175px -202px;
    margin-top: 9px;
}

#value > div#our_values div.area_img div.img{
    width:42px;
    height:62px;
    background-position: -243px -200px;
    margin-top: 4px;
}

#value > div#quality_of_service div.area_img div.img{
    width:62px;
    height:66px;
    background-position: -292px -198px;
}

#value > div  div.title{
    width: 260px;
    overflow: hidden;
    font-size: 18px;
    text-align: center;
    margin: 20px 0 25px;
}

#value > div  div.desc{
    width: 260px;
    overflow: hidden;
}

/** Our value Stop **/


/** Contact Start **/

/*
div#contact{
    width: 880px;
    overflow: hidden;
    margin-left: 60px;
}

div#contact .content{
    overflow: hidden;
    margin-left: 20px;
}

div#contact .content .email{
    text-decoration: underline;
    color:#22d3ff;
}
*/
div.contact .email{
    text-decoration: underline;
    color:#22d3ff;
}

div.contact p{
    margin: 20px 0 !important;
}

/** Contact Stop **/

/** Footer content Start **/

#footer > div{
    width: 406px;
    height: 65px;
    float: left;
    overflow: hidden;
    margin-top:280px;
}

#footer > div a{
    color: #000;
}

#footer > div.develop{
    float: right;
    text-align: right;
}

#footer .blue{
    color: #22d3ff;
}

/** Footer content Stop **/