@charset "utf-8";
/* CSS Document */


html,
body {
    margin:0;
    padding:0;
    height: 100%;
    position: relative;
}
body{
    font-family: Geneva, Tahoma, sans-serif;
    font-size:11px;
    line-height: 16px;
    
    color: #666666;
    background-color:#ffffff;
}
#main, #bottom{width: 910px; margin: 0 auto; }
#main {
    position:relative;
    min-height:768px;
    height:auto !important;
    height:768px;
}




script{margin: 0; padding: 0;}
a {color:#999999; text-decoration: none; }
a:hover {
    text-decoration: none;
    color: #191919;
}
a.selected{
   color: #191919; 
}
a img{border: 0;}

h1{text-transform: uppercase;
   font-size: 11px;
   line-height: 14px;
   padding: 4px 0;
   color: #cccccc;
   font-weight: normal;
   letter-spacing: 1px;
}


p{text-align: justify; margin-top: 4px; margin-bottom: 5px;}
p.date{
    text-align: center;
    border-bottom: 1px solid #b2b2b2;
    line-height: 25px
}
p.link, p.link a{
    color: #191919; 
}
p.description{
    font-size: 9px;
    color: #999999;
}

div.errors{
    
    float: left;
    display: none;
    color: red;
    margin-left: 63px;
}

form{
   
}

form textarea{
    border: 1px solid #dcdcdc;
    vertical-align: top;
    width: 300px;
    overflow:hidden;
}


input.text{
    width: 300px;
    margin: 0;
    border: 1px solid #dcdcdc;
}

#name{
    height: 146px;
    border-bottom: 1px solid #b2b2b2;
    text-align: center;
    position: relative;
}
#name img{
    position: relative;
    top: 106px;
}

#menu{
    text-align: center;
    clear: both;
}
#menu ul{
    display: inline-block;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
    list-style-position: inside;
}


#menu ul li{
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    /*padding-bottom: 8px;
    line-height: 38px;
    height: 38px;*/
    margin: 0 14px;
    
}

#menu ul li a{
    line-height: 34px;
    color: #999999;
    text-decoration: none;
    white-space: nowrap;
}
#menu ul li.selected, #menu ul li.highlight{
    
    color: #191919;
}

#menu ul li.selected a{
   padding-bottom: 8px; 
}
#menu ul li.selected a, #menu ul li.highlight a{
    color: #191919;
    border-bottom: 4px solid #cccccc;
    padding-bottom: 8px;
}

#menu ul li a.selected, #menu ul li a.highlight{
    border-bottom: 4px solid #cccccc;
    color: #191919
}

#menu #menubottom li{
    text-transform: none;
}

#content{
    padding-bottom:105px; /* Height of the footer */
    
}

#navigation li{
    letter-spacing: 1px;
}

div.in{
    width: auto;
    padding-top: 37px;
    text-align: center;
}

#exhibitiononmain{
    margin-left: 157px;
    width: 174px;
    text-align: center;
    float: none; 
    clear: both;
    padding-top: 40px;
    padding-bottom: 30px;
}

#navigation{
    width: 310px;
    float: left;
}


#navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navigation ul li{
    margin: 0;
    padding: 0;
    line-height: 28px;
    padding-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#navigation ul li.selected a, #navigation ul li.selected p{
    color: #191919;
}

#navigation ul li p{
    text-align: center;
}

#navigation ul li img{
    margin-top: 35px;
    margin-bottom: 0;
    vertical-align: top;
}

#navigation ul li.selected p.pages{
    margin-bottom: 15px;
}

#navigation ul li.selected p.pages a{
    color: #999999;
}

#navigation ul li.selected p.pages a.selected{
    color: #191919;
}

#body{
    margin-left: 365px;
    text-align: left;
}






.scrollablecontainerjs #scrollablein{
    position: absolute;
    top: 0;
}
#scrollup{
    width: 0;
    height: 45%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
    background-image: url('/images/invbackground.png');
}
#scrolldown{
    width: 0;
    height: 45%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 200;
    background-image: url('/images/invbackground.png');
}


#scrollablecontainer{
    /**/
    position: relative;
}

#scrollablecontainer.scrollablecontainerjs{
    top: 200px;
    bottom: 140px;
    overflow: hidden; 
    position: absolute;
    width: inherit;
}

#body .item p{
    text-indent: 0;
    padding-bottom: 4px;
}
#body .item{
    margin-bottom: 40px;
}

#body .in{
    width: 295px;
    margin: 0;
    padding: 0;
    text-align: left;
}


#body h1{
    text-align: left;
    border-bottom: 1px solid #b2b2b2;
    color: #191919;
}

#body h1.light{
    color: #666666;
}
#body p.date{
    text-align: left;
    border-bottom: 0;
    text-indent: 0;
    line-height: 14px;
}

#body p.next{
    padding-top: 10px;
    text-indent: 0;
}

div.name{
    width: 172px;
}
#body div.name{
    padding-top: 30px;
    padding-bottom: 34px;
    text-align: left;
}

#popupin div.name{
    padding-top: 0;
    padding-bottom: 20px;
}


#navigation div.name{
   margin: auto;
   position: relative;
   z-index: 10;
}

#navigation p.date{
    border-bottom: 0;
    border-top: 1px solid #b2b2b2;
}

#body p{
    text-indent: 16px;
    margin: 0;
}


#bottomnav{
    list-style-type: none;
    position: absolute;
    *position: static;
    bottom: 135px;
    margin: 0;
    padding: 0;
    
}
#navigation #bottomnav{
    z-index: 3;
}
div#bottomnav{
    text-align: center;
    width: 172px;
}
#bottomnav li{
    display: inline;
    padding: 0 35px;
}
#bottomnav li.first{padding-left: 0;}
#bottomnav li.last{padding-right: 0;}
#scrolls{
    position:absolute;
    bottom:30px;
    width: 23px;
    margin-left: -11px;
    z-index: 100;
}





#scrolls img{
    padding-top: 5px;
}

#left, #leftc{
    position: absolute;
    left: -33px;
    top: 90px;
    z-index: 10;
    cursor: pointer;
}

#right, #rightc{
    position: absolute;
    right: -33px;
    top: 90px;
    z-index: 10;
    cursor: pointer;
}

#close{
    position: absolute;
    z-index: 10;
    margin-top: -12px;
    top: 50%;
    left: 245px;
    cursor: pointer;
}
#zoom{
    position: absolute;
    top: 209px;
    width: 100%;
    left: 6px;
    text-align: center;
    cursor: pointer;
}

#bottom {
    height:105px;  /* Height of the footer */
    position: absolute;
    bottom: 0;
    clear: both;
    float: none;
    border-top: 1px solid #b2b2b2;
    z-index: 6;
}

#bottom p{
    text-transform: uppercase; 
    padding-right: 53px;
    position: relative;
    top: 2px;
    font-size: 8px;
    letter-spacing: 1px;
    text-align: right;
    color: #7f7f7f;
}
#bottom img{
    vertical-align: text-bottom;
    padding-bottom: 3px;
}

#bottom p.developers{
    position: absolute;
    text-transform: none;
    padding-left: 25px;
    text-align: left;
}


#carouselblock{
    margin-top: 40px;
    margin-bottom: 75px;
    width: 100%;
    text-align: center;
    position:relative;
}

#carouselblock #zoom{
    left: 0;
}

#carousel {
	width: 100%;
        height: 203px;
	overflow: hidden;
        position: relative;
}
 
#carousel ul {
	list-style:none;
	margin:0 ;
	padding:0;
	white-space:nowrap;
        position: relative;
        top: 0;
        left: 0;
        word-spacing: -.36em;
}
 
#carousel ul li {
    /*display:inline-block;*/
	display:inline-block;
        /* эмуляция inline-block для IE6-7*/
        //display : inline;
        //zoom : 1;
        vertical-align: top;
}

#imageslist{
    visibility: hidden;
}
#imageslist li a img{
}

#imageslist img{
    vertical-align: top;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=65); /* IE */ 
     filter: alpha(opacity=65); /* IE 5.5+*/ 
     -moz-opacity: 0.65; /* Mozilla 1.6 */ 
     -khtml-opacity: 0.65; /* Konqueror 3.1, Safari 1.1 */ 
     opacity: 0.65; /* Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
     cursor: default;
}

#imageslist li.selected img{
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */ 
     filter: alpha(opacity=100); /* IE 5.5+*/ 
     -moz-opacity: 1; /* Mozilla 1.6 */ 
     -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ 
     opacity: 1; /* Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
     cursor: pointer;
}


#popup{
    width: 100%;
    height: 100%;
    
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    left: 0;
    top: 0;
    z-index: 1;
    /*background-image: url('/images/background.png');*/
    background-color: #4a4544;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */ 
     filter: alpha(opacity=90); /* IE 5.5+*/ 
     -moz-opacity: 0.9; /* Mozilla 1.6 */ 
     -khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */ 
     opacity: 0.9; /* Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
}

#popupblock{
   background-color: #ffffff; 
   width: 485px;
   height: 566px;
   position: absolute;
   top: 83px;
   z-index: 2;
   margin-left: -25px;
}
#popupin{
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 27px;
    right: 27px;
    z-index: 4;
}


#popupin #scrollablecontainer{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}



/*    exhibitions    */
div.exhibitions div.in{
    padding-top: 10px;
    margin-left: 97px;
}

div.exhibitions #close{
    left: auto;
    right: -55px;
}

/*  exhibitionspress  */
div.exhibitionspress #navigation{
    width: 172px;
    
}

div.exhibitionspress #body{
    margin-left: 245px;
}

div.exhibitionspress #body div.in{
    padding-top: 43px;
    width: 455px;
}



div.exhibitionspress div.in{
    padding-top: 10px;
    margin-left: 172px;
}

div.exhibitionspress #left, div.exhibitionspress #right{
    top: 50%;
    margin-top: -11px;
}

div.exhibitionspress #scrollablecontainer.scrollablecontainerjs{
    /*height: 390px;*/
    top: 235px;
    width: 455px;
}





/*  exhibitionslist  */

div.exhibitionslist #navigation{
    width: 310px;
}

div.exhibitionslist #body{
    margin-left: 365px;
    margin-top: 24px;
}

div.exhibitionslist #body div.in{
    width: 175px;
}

div.exhibitionslist #scrollablecontainer.scrollablecontainerjs{
    top: 220px;
    width: 175px;
}

div.exhibitionslist #body div.name{
    padding-top: 0;
    padding-bottom: 25px;
}
div.exhibitionslist #body h1{
        margin-top: 0;
        padding-top: 0;
}

div.exhibitionslist #body h1, div.exhibitionslist #body p.date{
    text-align: center;
}

div.exhibitionslist div.in{
    padding-top: 10px;
    margin-left: 97px;
    
}

div.exhibitionslist div.in{
    padding-top: 10px;
    margin-left: 97px;
    
}



div.exhibitionslist #scrolls{
    margin-left: 75px;
}



/*   authorslist    */

div.authorslist div.in{
    padding-top: 10px;
    text-align: left;
}


div.authorslist #body{
    margin-left: 285px;
}

div.authorslist #body div.in{
    padding-top: 5px;
    width: 135px;
    text-align: left;
    
}

div.authorslist #scrollablecontainer.scrollablecontainerjs{
    width: 135px;
}

div.authorslist ul{
    margin: 0;
    padding: 0;
    width: 135px;
    text-align: center;
    list-style-type: none;
}

div.authorslist ul li{
    padding-top: 5px;
    padding-bottom: 7px;
}



div.authorslist #scrolls{
    margin-left: 53px;
}

/*      works        */


div.works .in{
    padding-left: 19px;
    padding-top: 10px;
}
div.works #body{
    margin-left: 0;
    padding-top: 0;
}



div.works #body h1{
    border-bottom: 0;
    text-align: center;
}

div.works #body p{
    text-align: center;
    text-indent: 0;
}

div.works #popupblock{
   background-color: #ffffff; 
   width: 50px;
   height: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -25px;
   margin-top: -25px;
   z-index: 2;
}
div.works #popupin{
    position: static;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: url('/images/lightbox-ico-loading.gif') no-repeat center center;
}

div.works #popupin img{
    position: absolute;
    top: 50%;
    left: 50%;
}


div.works #left, div.works #right{
    top: 50%;
    margin-top: -11px;
}

div.works #close{
    top: auto;
    bottom: 70px;
    left: 50%;
}
div.works #scrolls{
    display: none;
}

div.works #header{
    height: 20px;
    padding-left: 7px;
}

div.works #header.absolute{
    text-align: center;
    position: absolute;
    top: 65px;
    z-index: 500;
    padding-left: 0;
}
div.works #header.absolute h1{
    color: #999999;
}
div.works #description.absolute{
    color: #b2b2b2;
    text-align: center;
    position: absolute;
    bottom: 110px;
    z-index: 500;
}
/*       catalog       */

div.catalog .in{
    margin-left: 470px;
    padding-top: 0;
    margin-top: 52px;
    position: relative;
    text-align: left;
}
div.catalog #navigation{
    float: none;
    width: 200px;
    text-align: center;
}
div.catalog #body{
    margin: 0;
    padding: 0;
    width: 200px;
    text-align: right;
    position: absolute;
    top: 50%;
    left: -250px;
    margin-top: -50px;
    z-index: 5;
}

div.catalog .input{
    margin-top: 30px;
}

div.catalog #body div.in{
    width: auto;
    padding-right: 0;
    margin-right: 0;
}
div.catalog #body h1, div.catalog #body p{
    text-align: right;
    text-indent: 0;
    padding-bottom: 10px;
    font-size: 10px;
    border-bottom: 0;
}

div.catalog #pp p, div.catalog #pp h1{
    text-align: left;
    margin-left: 63px;
}

div.catalog #pp form p{
    text-align: right;
    margin-left: 0;
}

div.catalog #popupblock{
    height: 345px;
    top: 50%;
    margin-top: -50px;
    bottom: auto;   
}
div.catalog #close{
    left: 217px;
    right: auto;
    top: 442px;
    margin-top: 0;
    bottom: auto;
}

/*  contacts  */
div.contacts div{}
div.contacts .in{
    margin-right: 147px;
    padding-top: 0;
    margin-top: 38px;
    text-align: left;
}
div.contacts #navigation{
    margin-top: 58px;
    float: right;
    width: 200px;
    text-align: center;
}
div.contacts #navigation img{
    margin-left: 50%;
}

div.contacts #navigation ul.menu{
    width: 200px;
    position: absolute; 
    *position: static;
    bottom: 115px;
}

div.contacts #body{
    padding-top: 58px;
    margin-left: 250px;
    margin-right: 208px;
    text-align: right;
}

div.contacts #body div.in{
    margin: 0;
    padding: 0;
    width: auto;
}

div.contacts #body h1, div.contacts #body p{
    text-align: right;
    text-indent: 0;
    padding-bottom: 10px;
    /* font-size: 10px; */
    border-bottom: 0;
}

div.contacts #left, div.contacts #right{
    top: 50%;
    margin-top: -11px;
}

div.contacts #close{
    left: auto;
    right: 223px;
}

div.contacts #scrollablecontainer.scrollablecontainerjs{
    top: 225px;
}

div.press #body{
    padding-top: 0;
    margin-left: 88px;
}
div.press #body div.in{
    width: 455px;
}

div.press #body p{
    text-align: left;
}


div.press p.link{
    padding-top: 0;
}

/* about  */

div.about #carousel{
   height: 275px;
}

div.about #carouselblock{
    margin-top: 7px;
    
}

div.about #imagecontainer{
    margin-top: 0;
    width: 496px;
}
div.about #leftc, div.about #left{
    top: 126px;
}

div.about #rightc, div.about #right{
    top: 126px;
}

div.about .in{
    margin-right: 5px;
}

div.about #navigation{
    margin-top: 0;
    width: 496px;
}

div.about #navigation ul.menu{
    width: 496px;
}
div.about #navigation ul.menu{
    padding-left: 6px;
}

div.about #navigation img{
    margin: 0;
}

div.about #body{
    padding-top: 0;
    margin-left: 30px;
    margin-right: 580px;
    text-align: right;
}

/*    workslist    */

div.workslist #body{
    margin-left: 493px;
}


div.workslist #body div.in{
    width: 160px;
    
}

div.workslist ul{
    width: 160px;
}

div.workslist #scrollablecontainer.scrollablecontainerjs{
    width: 160px;
}

div.workslist #scrolls{
    margin-left: 69px;
}

div.news #scrolls{
    margin-left: 282px;
}

div.news #body{
    /*padding-top: 58px;*/
    padding-top: 0;
}

div.news #body div.in{
    /*padding-top: 58px;*/
    width: 300px;

}

div.news #body p{
    padding-bottom: 0;
}
div.news #body p.date{
    color: #cccccc;
}

div.news #navigation_{
    margin-top: 10px;
}