@charset "utf-8";
/* CSS Document */
/* body {font:15px Verdana, Geneva, sans-serif;margin-top:19px;color:#8A9297; background: url(../images/bgr.png);} */

body {font:15px Verdana, Geneva, sans-serif;margin-top:19px;color:#8A9297; background-color: #ffffff; }

#main {
    width:820px; height:123px;
    margin:0 auto;
    position:relative;
}
.contacts {    
    position:absolute;
    left:67px;
}

    .contacts a .button {
        background:url(../images/components.png) no-repeat 0 -208px;
        width:57px; height:14px;
    }
    .contacts a:hover .button {
        background:url(../images/components.png) no-repeat -57px -208px;
    }
    

#scene {
    width:863px;
    margin:0 auto;
    position:relative;
    height:600px;
}

    .logo {
        background:url(../images/components.png) no-repeat;
        width:112px; height:68px;
        position:absolute;
        left:46px;top:16px;
        cursor: pointer;
    }
    
    .box {
        position:absolute;
        width:140px;height:140px;
        z-index:1;
    }
    
    #about_us {     
        position:absolute;
        background: #c1c1c1 url(../images/about_us.png) no-repeat;       
        width:140px; height:140px;
        left:333px; top:0px;
    }
    #software {
        position:absolute;
        background: #dbdbdb url(../images/software.png) no-repeat;     
        width:140px; height:140px;
        left:615px; top:0px;
    }
    #design {
        position:absolute;
        background: #e7e7e7 url(../images/design.png) no-repeat;     
        width:140px; height:140px;
        left:474px; top:141px;
    }
    #in_house {
        position:absolute;
        background: #e1e1e1 url(../images/in_house.png) no-repeat;     
        width:140px; height:140px;
        left:474px; top:282px;
    }
    #other {
        position:absolute;
        background: #efefef url(../images/other.png) no-repeat;     
        width:140px; height:140px;
        left:615px; top:282px;
    }
    
    #web {
        position:absolute;
        background: #d0d0d0 url(../images/menu.png) no-repeat 0 0;
        width:140px;height:140px;
        left:474px; top:0px;
    }
    #print {
        position:absolute;
        background: #d5d5d5 url(../images/menu.png) no-repeat -140px 0;
        width:140px;height:140px;
        left:333px; top:141px;
    }
    #outdoor {
        position:absolute;
        background: #cbcbcb url(../images/menu.png) no-repeat -280px 0;
        width:140px;height:140px;
        left:615px; top:141px;
    }
    #logotype {
        position:absolute;
        background: #c7c7c7 url(../images/menu.png) no-repeat -420px 0;
        width:140px;height:140px;
        left:333px; top:282px;
    }
    #contacts {
        position:absolute;
        background: #c1c1c1 url(../images/menu.png) no-repeat -560px 0;
        width:140px;height:140px;
        left:192px; top:423px;
    }
#overEffects {
    background: #8c8c8c;
}
/* content */
#web-content, #print-content, #outdoor-content, #logotype-content {
    position:absolute;
    left:474px; top:141px; 
    width:222px;
    height:422px;
    z-index:1;
    visibility:hidden;
}
    #web-content .large,  #logotype-content .large, #about_us-content .large {
        width:422px;
        height:281px;
        overflow:hidden;
    }
    #web-content .thumb, #print-content .thumb, #outdoor-content .thumb, #logotype-content .thumb{
        width:281px;
        height:141px;
        position:absolute;
        top:282px;
    }
    #web-content  a, #print-content a, #outdoor-content a, #logotype-content a {
        width:25px; height:27px;
        position:absolute;
        top:340px;
    }
    #web-content a.left, #print-content a.left, #outdoor-content a.left, #logotype-content a.left{
        background: url(../images/components.png) no-repeat 0 -119px ;                
    }    
    #web-content a:hover.left, #print-content a:hover.left, #outdoor-content a:hover.left, #logotype-content a:hover.left{
        background: url(../images/components.png) no-repeat -25px -119px ;
    }    
    #web-content a.right, #print-content a.right, #outdoor-content a.right, #logotype-content a.right {
        background: url(../images/components.png) no-repeat -50px -119px;
        left:256px;        
    }
    #web-content a:hover.right, #print-content a:hover.right, #outdoor-content a:hover.right, #logotype-content a:hover.right{
        background: url(../images/components.png) no-repeat -75px -119px;
    }        
    #web-content .info, #print-content .info, #logotype-content .info{
        padding:10px;
        position:absolute;
        width: 120px;
        height: 120px;
        top:282px;
        left:282px;
        color:#8a9297;
    }
    #web-content .info a{
        position:relative;
        top:0;
        left:0;
        color:#ED1C24;
        font-size:12px;
    }
    #web-content .count {
        position: absolute;
        top: 323px;
        left: 60px;
        width: 160px;
        text-align: center;

    }
    #web-content .count h4 { font-size: 42px; color: #ed1c24; }
    
    #print-content .count {
        position: absolute;
        top: 323px;
        left: 60px;
        width: 160px;
        text-align: center;

    }
    #print-content .count h4 { font-size: 42px; color: #ed1c24; }
    
    #outdoor-content .count {
        position: absolute;
        top: 323px;
        left: 60px;
        width: 160px;
        text-align: center;

    }
    #outdoor-content .count h4 { font-size: 42px; color: #ed1c24; }
    
    #logotype-content .count{
        position: absolute;
        top: 323px;
        left: 60px;
        width: 160px;
        text-align: center;
    }
    
    #logotype-content .count h4 { font-size: 42px; color: #ed1c24; }
    
    .content_title {
        font-size:16px;
        font-weight:bold;
        padding-top: 60px;
        padding-left: 90px;
    }
    
    .large ul li {
        background:url(../images/arrow.png) no-repeat;
        font-size:12px;
        margin-left: 18px;
        padding-left: 18px;
        margin-top: 12px;
    }
#print-content .large, #outdoor-content .large {
    position:absolute;
    left:-141px;
    width:422px;
    height:281px;
    overflow:hidden;
}
#about_us-content {
    display: none; 
    position: absolute;
    left: 333px;top:0; 
    width: 422px;
    height: 262px;
    z-index: 1;
}
#about_us-content a {
    width:25px; height:27px;
    position:absolute;
    top: 340px;
    left: 280px;
}
#about_us-content a.left {
    background: url(../images/components.png) no-repeat 0 -119px ;                
    left: 282px;
}    
#about_us-content a:hover.left {
    background: url(../images/components.png) no-repeat -25px -119px ;
}    
#about_us-content a.right {
    background: url(../images/components.png) no-repeat -50px -119px;
    left: 538px;        
}
#about_us-content a:hover.right {
    background: url(../images/components.png) no-repeat -75px -119px;
}
#about_us-content .thumb {
    width:281px;
    height:140px;
    position:absolute;
    top:282px;
    left:282px;
}
#about_us-content .partner {
    width:281px;
    height:140px;
    position:absolute;
    top:282px;
    left:282px;
}

#about_us-content .count {
    position: absolute;
    top: 323px;
    left: 340px;
    width: 160px;
    text-align: center;
}
#about_us-content .count h4 { font-size: 42px; color: #ed1c24; }
    


.large p {
    font-size:12px;
    color:#8a9297;
    padding-left: 12px;
    padding-top: 12px;
}
#outdoor-content .info{
    position:absolute;
    top:141px;
}
#logotype-content .large{
    position:absolute;
    left:-282px;
}
#logotype-content .info {
    position:absolute;
    top:141px;
    left:141px;
}
#contacts-content {
    position: absolute;
    left: 333px; top: 0px;
    width: 270px; height: 273px;
    padding: 142px 0 0 282px;
    visibility: hidden;
}    

#other-content {
    position: absolute;
    width: 281px; height: 422px;
    left: 192px; top: 0px;
    
}

#other-content .large {
    width:281px;
    height:422px;
    overflow:hidden;
}

.inptxt {
    width: 250px;
    border: 1px solid #6b6b6b;
}

.inptxtarea {
    width: 250px;
    height: 112px;
    border: 1px solid #6b6b6b;
}

.loading {
    padding-top: 80px;
    padding-left: 110px;
    height: 30px;
}
.loaded {
    padding-top: 80px;
    padding-left: 10px;
    text-align: center;
}
.loading img {
    padding-top: 10px;
}

.err { color: #ec1a22; }

/* ==================================== */
#footer {
    /*
    background:url(../images/components.png) no-repeat 0 -194px;
    */
    width:118px; height:10px;
    margin:0 auto; 
    
}

/* TEST */
h2 {
    font-size:12px;
}
h3 {
    color:#ED1C24;
}
h4 {
    color:#8a9297;
    font-size:12px;
}
.idea_red {
    color:#ed1c24;
}


/* as of 11.05.2012 */
#about_us-content .info {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 141px;
    left: 141px;
    padding: 10px;
}

#about_us-content .lnk {
    position: absolute;
    top: 29px;
    left: 10px;
}

/* as of 17.05.2012 :: software */
#software-content {
    display: none; 
    position: absolute;
    left: 333px; top:0; 
    width: 282px;
    height: 262px;
    z-index: 1;
}

#software-content .large {
    position: absolute;
    left: -141px;
    width: 422px;
    height: 281px;
    overflow: hidden;
}

#software-content a {
    width:25px; height:27px;
    position:absolute;
    top: 340px;
}

#software-content a.left {
    background: url(../images/components.png) no-repeat 0 -119px ;  
}    
#software-content a:hover.left {
    background: url(../images/components.png) no-repeat -25px -119px ;
}    
#software-content a.right {
    background: url(../images/components.png) no-repeat -50px -119px;
    left: 256px;        
}
#software-content a:hover.right {
    background: url(../images/components.png) no-repeat -75px -119px;
}

#software-content .count {
    position:absolute;
    top: 320px;
    left: 90px;
    text-align: center;
}
#software-content .count h4 { font-size: 42px; color: #ed1c24; }

#software-content .items {
    width: 281px;
    height: 140px;
    position: absolute;
    top: 282px;
}

#software-content .thumb {
   width: 281px;
   height: 140px;
   position: absolute;
   top: 282px;
   
}

#software-content .info {
    padding: 10px;
    width: 402px;
    height: 120px;
    position: absolute;
    color: #8a9297;
    top: 141px;
}

#software-content .lnk {
    position: absolute;
    top: 29px;
    left: 10px;
}

#software-content .large_item {
    position: absolute;
    left: -142px;
    top: -282px;
    width: 422px;
    height: 281px;
    overflow: hidden;
}

.txt_title {
    padding: 12px;
}

.txt_content {
    height: 80px;
}

#logotype-content {
    width: 1px;
    height: 1px;
}


#design-content {
    display: none; 
    position: absolute;
    left: 464px; top:0; 
    width: 422px;
    height: 262px;
    z-index: 1;
}

#design-content .large {
    position: absolute;
    left: -131px;
    width: 563px;
    height: 422px;
    overflow: hidden;
}

#design-content a {
    width:25px; height:27px;
    position:absolute;
    top: 200px;
    left: -413px;
}

#design-content a.left {
    background: url(../images/components.png) no-repeat 0 -119px ;  
}    
#design-content a:hover.left {
    background: url(../images/components.png) no-repeat -25px -119px ;
}    
#design-content a.right {
    background: url(../images/components.png) no-repeat -50px -119px;
    left: -157px;        
}
#design-content a:hover.right {
    background: url(../images/components.png) no-repeat -75px -119px;
}

#design-content .count {
    position: absolute;
    top: 183px;
    left: -360px;
    width: 160px;
    text-align: center;
}
#design-content .count h4 { font-size: 42px; color: #ed1c24; }

#design-content .items {
    width: 281px;
    height: 140px;
    position: absolute;
    top: 282px;
}

#design-content .thumb {
   width: 281px;
   height: 141px;
   position: absolute;
   top: 141px;
   left: -413px;
}

#design-content .info {
    padding: 10px;
    width: 400px;
    height: 120px;
    position: absolute;
    color: #8a9297;
}

#design-content .lnk {
    position: absolute;
    top: 29px;
    left: 10px;
}

#design-content .large_item {
    position: absolute;
    left: -142px;
    top: -282px;
    width: 422px;
    height: 281px;
    overflow: hidden;
}

#contacts-content .large {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 279px;
    height: 420px;
    
    
}
/* ----  */
#in_house-content {
    display: none; 
    position: absolute;
    left: 364px; top:0; 
    width: 402px;
    height: 262px;
    z-index: 1;
}

#in_house-content .large {
    position: absolute;
    left: -31px;
    top: 141px;
    width: 422px;
    height: 281px;
    overflow: hidden;
}

#in_house-content a {
    width:25px; height:27px;
    position:absolute;
    top: 480px;
    left: 110px;
}

#in_house-content a.left {
    background: url(../images/components.png) no-repeat 0 -119px ;  
}    
#in_house-content a:hover.left {
    background: url(../images/components.png) no-repeat -25px -119px ;
}    
#in_house-content a.right {
    background: url(../images/components.png) no-repeat -50px -119px;
    left: 366px;        
}
#in_house-content a:hover.right {
    background: url(../images/components.png) no-repeat -75px -119px;
}

#in_house-content .count {
    position: absolute;
    top: 463px;
    left: 165px;
    width: 160px;
    text-align: center;

}
#in_house-content .count h4 { font-size: 42px; color: #ed1c24; }

#in_house-content .items {
    width: 281px;
    height: 140px;
    position: absolute;
    top: 282px;
}

#in_house-content .thumb {
   width: 281px;
   height: 140px;
   position: absolute;
   top: 423px;
   left: 110px;
}

#in_house-content .info {
    padding: 10px;
    width: 261px;
    height: 120px;
    position: absolute;
    left: 110px;
    color: #8a9297;
}

#in_house-content .lnk {
    position: absolute;
    top: 69px;
    left: 10px;
    width: 325px;
    
}

#in_house-content .large_item {
    position: absolute;
    left: -142px;
    top: -282px;
    width: 422px;
    height: 281px;
    overflow: hidden;
}

.bgwhite {
    background-color: #ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}

.bgcol {
    background-color: #001e5f; width: 261px; height: 118px; padding: 10px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}

.wh_261_118 {
    width: 261px; height: 118px; padding: 10px; padding: 10px;
}

#in_house-content .coming_soon { 
    font-size: 38px; 
    color: #ed1c24; 
    margin: auto;
    padding-top: 120px;
}