@import url('reset.css');  
@import url('jquery.fancybox-1.3.4.css');
@import url('jquery.jscrollpane.css');

div#top{
    width: 100%;
    height: 23px;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
}
div#top_menu{
    width: 308px;
    height: 23px;
    background-color: #F5F5F5;
    margin-left: 41px;
}
div#top a#arrow{
    width: 277px;
    height: 23px;
    background: url(../img/menu.png) 28px center no-repeat transparent;
    text-decoration: none;
    float: left;
}
div#top a#arrow:hover{
    background-image: url(../img/menu_hover.png);
}
div#top a#lang{
    width: 29px;
    height: 23px;
    float: left;
    font-family: "Courier New";
    text-decoration: none;
    color: #5C5C5C;
    padding-top: 2px;
}
div#top a#lang:hover{
    color: #909090;   
}
div#top a span{
    visibility: hidden;
}
div#menu{
    width: 262px;
    height: 370px;
    padding: 0 23px;
    background-color: #E5E5E4;
    position: fixed;
    top: 230px;
    left: 41px;
    z-index: 999;
    display: none;
    cursor: move;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* IE 5-7 */
    filter: alpha(opacity=90);
    /* Netscape */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* Good browsers */
    opacity: 0.9;
}
div#menu a#logo{
    margin: 36px 0 22px 5px;
    float: left;
    display: inline;
}
div#menu a#close{
    width: 16px;
    height: 15px;
    background-image: url(../img/close.png);
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 8px;
}
div#menu a#close:hover{
    background-image: url(../img/close_hover.png);
}
div#menu a#close span{
    font-size: 5px;
    visibility: hidden;
}
div#menu ul{
    width: 255px;
    border-top: 1px solid #494949;
    margin-bottom: 22px;
    padding-top: 19px;
    padding-left: 7px;
    float: left;
    display: inline;
    cursor: default;
}
div#menu ul a{
    font-family: "Courier New";
    font-size: 15px;
    text-decoration: none;
    color: #4c4c4c;
}
div#menu ul a:hover{
    color: #929190;
}
div.news{
    display: none;
}
div.news, div#project_inner, div.fp_news{
    position: absolute;
    width: 270px;
    padding: 28px 19px 0 19px;
    background-color: #E5E5E4;
    font-family: "Courier New";
    color: #494949;
    text-transform: uppercase;
    cursor: move;
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
  opacity: 0.9;
}
div#project_inner{

    z-index: 50;
}
div.news h1, div#project_inner h1, div.fp_news h1{    
    font-size: 19px;
    border-bottom: 1px solid #494949;
    padding-bottom: 23px;
    cursor: default;
}
div.news div, div#project_inner div, div.fp_news div{
    font-size: 13px;
    padding: 19px 0 22px 0;
    cursor: default;
}
div.news img, div#project_inner img, div.fp_news img{
    margin-bottom: 15px;
}
div.news a.close, div#project_inner a.close, div.fp_news a.close, div#clients a.close, div#contacts a.close, div.carnet_inner a.close{
    width: 16px;
    height: 15px;
    background-image: url(../img/close.png);
    text-decoration: none;
    position: absolute;
    top: 8px;
    right: 8px;
}
div.news a.close:hover, div#project_inner a.close:hover, div.fp_news a.close:hover, div#clients a.close:hover, div#contacts a.close:hover, div.carnet_inner a.close:hover{
    background-image: url(../img/close_hover.png);
}
div.news a.close span, div#project_inner a.close span, div.fp_news a.close span, div#clients a.close span, div#contacts a.close span, div.carnet_inner a.close span{
    font-size: 5px;
    visibility: hidden;
}
#projects {
    margin-top: 50px;
    width: 98%;
    z-index: 1;
}
#projects .project {
    float: left;
    width: 168px;
    margin: 0;
    margin-bottom: 17px;
    margin-left: 17px;
    padding: 10px 10px 22px 10px;
    z-index: 1;
    border: 1px solid #fff;
    height: auto;
    display: block;
    background: #fff;
    overflow: hidden;
    font-family: "Courier New";
    text-transform: uppercase;
}
#projects div.project.width375 {
    width: 375px;
}
div.project a{
    display: block;
    text-decoration: none;
    color: #4C4C4C;
}
div.project a:hover{
    /*background-color: #DE58A1;*/
}
div.project h1{
    font-size: 15px;
    background: url(../img/h1_bg.jpg) bottom left no-repeat;
    padding: 10px 0 8px 0;
}
div.project div{
    font-size: 11px;
    color: #7D7C7C;
    padding-top: 10px;
}
div#inner{
    padding: 21px 0 0 20px;
}
div.block {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin: 0 5px 5px 0;
    vertical-align: top;
}
/* Contacts */
        /*@import url('jquery.fancybox-1.3.4.css');
        
        body{
            background-image: url(../../img/bg/image_1.jpg);
        }
        div#menu{
            top: 230px;
            left: 41px;
            display: block;
        }*/
        strong{
            color: #131313;
        }
        div#contacts{
            width: 652px;
            height: 329px;
            position: absolute;
            top: 230px;
            left: 370px;
            padding: 41px 0 0 27px;
            background-color: #E5E5E4;
            font-family: "Courier New";
            font-size: 15px;
            color: #6f6f6f;
            text-transform: uppercase;
            cursor: move;
            display: none;
            /* IE 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              /* IE 5-7 */
              filter: alpha(opacity=90);
              /* Netscape */
              -moz-opacity: 0.9;
              /* Safari 1.x */
              -khtml-opacity: 0.9;
              /* Good browsers */
              opacity: 0.9;
        }
        div#contacts_info{
            width: 289px;
            float: left;
        }
        div#contacts input, div#contacts textarea{
            width: 176px;
            height: 20px;
            border: 1px solid #6F6F6F;
            background-color: transparent;
            margin-top: 11px;
            color: #6f6f6f;
            padding-left: 21px;
            font-size: 15px;
            font-family: "Courier New";
        }
        div#contacts textarea{
            width: 309px;
            height: 153px;
        }
        td#buttons{
            text-align: right;
            padding: 11px 2px 0 0;
        }
        td#buttons a{
            color: #6F6F6F;
            text-decoration: none;
        }
        td#buttons a:hover{
            color: #000;
        }
        #success, div#contacts div#successBlock{
            display: none;
        }
        /* Clients */
        /*@import url('jquery.jscrollpane.css');
        
        body{
            background-image: url(../../img/bg/image_1.jpg);
        }
        div#menu{
            top: 230px;
            left: 41px;
            display: block;
        }*/
        div#clients{
            width: 325px;
            height: 320px;
            background-color: #E5E5E4;
            position: absolute;
            top: 230px;
            left: 370px;
            padding: 50px 0 0 35px;
            font-family: "Courier New";
            font-size: 15px;
            color: #4c4c4c;
            text-transform: uppercase;
            line-height: 20px;
            cursor: move;
            display1: none;
            visibility: hidden;
            /* IE 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              /* IE 5-7 */
              filter: alpha(opacity=90);
              /* Netscape */
              -moz-opacity: 0.9;
              /* Safari 1.x */
              -khtml-opacity: 0.9;
              /* Good browsers */
              opacity: 0.9;
        }
        div#clients_info{
            width: 313px;
            height: 299px;
            display: block;
        }
        div#pager{
            display: none;
        }
                div#carnets{
            padding: 21px 0 0 0;
        }
        div.book {
            display:-moz-inline-stack;
            display:inline-block;
            zoom:1;
            *display:inline;
             margin: 0 0 40px 35px;
             vertical-align: top;
         }
         div.book a{
             text-decoration: none;
         }
         .tooltip{ 
             width: 236px;
             background-color: #E5E5E4;
             /* IE 8 */
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
              /* IE 5-7 */
              filter: alpha(opacity=90);
              /* Netscape */
              -moz-opacity: 0.9;
              /* Safari 1.x */
              -khtml-opacity: 0.9;
              /* Good browsers */
              opacity: 0.9;
             border: 1px solid #000;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 3;
              display: none;
              font-family: "Courier New";
              font-size: 13px;
              color: #676767;
              text-transform: uppercase;
              padding: 21px 15px;
          }
          .tooltip h1{
              border-bottom: 1px solid #494949;
              padding-bottom: 12px;
              margin-bottom: 12px;
          }
          
          /* Notebook flying*/
          div.carnet_inner{
            position: absolute;
            top: 10%;
            left: 30%; 
             width: 688px;
             height: 561px;
             background: url(../img/carnet_bg.png);
              z-index: 100;    
             cursor: move;
              font-family: "Courier New";
              font-size: 13px;
              color: #676767;
              text-transform: uppercase;
              padding: 45px 35px 0 35px;
              display1: none;
              visibility: hidden;
          }
          div.carnet_nav{
              width: 688px;
              text-transform: none;
              padding-top: 10px;
              float: left;
          }
          div.carnet_title{
              float: left;
              padding-top: 3px;
              font-size: 11px;
          }
          div.carnet_pager{
              float: right;
          }
          div#image_reel{
              float1: left;
          }
          div.carnet_inner table{
              width: 688px;
          }
          div.carnet_inner table td{
              vertical-align: top;
              font-family: "Courier New";
          }
          .carnet_left{
              width: 313px;
              padding-right: 29px;
              text-transform: none;
              font-size: 15px;
          }
          .carnet_left h1{
                  border-bottom: 1px solid #494949;
                  padding-bottom: 10px;
                  margin-bottom: 16px;
                  font-size: 16px;
                  text-transform: uppercase;
          }
          .slide{
              display: none;
              background:none !important;
              height: 510px;
          }
          .carnet_pager ul.pages {
            display:block;
            border:none;
            text-transform:uppercase;
            font-size:12px;
            margin:0px 0 0px;
            padding:0;
            }

            .carnet_pager ul.pages li {
            list-style:none;
            float:left;
            border1:1px solid #ccc;
            text-decoration:none;
            margin:0 5px 0 0;
            padding1:5px;
            cursor: pointer;
            }

            .carnet_pager ul.pages li:hover {
            border1:1px solid #003f7e;
            color: #000;
            }

            .carnet_pager ul.pages li.pgEmpty {
            border1:1px solid #eee;
            color:#eee;
            }

            .carnet_pager ul.pages li.pgCurrent {
            border1:1px solid #003f7e;
            color:#000;
            font-weight:700;
            background-color1:#eee;
            }