/* 0. Main stylesheets.  */

body {
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image:url(/img/back_pattern.jpg);
    background-repeat: repeat;
    font-family: Georgia;
}

a, a:visited, .link {
    color: #025D8C;
    text-decoration: none;
    cursor: pointer;
}

#decor_left, #decor_right {
    /*
    background-image:url(/img/shadows/left.png); /**/
    background-position: right;
    background-repeat:repeat-y;
    height:100%;
    left:50%;
    margin-left:-500px;
    position:absolute;
    width:100px;
    opacity: 0.9;
}
#decor_right {
    /*
    background-image:url(/img/shadows/right.png); /**/
    background-position:left;
    margin-left:400px;
}

#site {
    width: 800px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    background-color: white;
    height: 100%;
    text-align:center;
    /*
    background-image:url(/img/back.jpg); //*/
    
    background-color:white;
        
    -moz-box-shadow: 0px 0px 12px #858585;
    -webkit-box-shadow: 0px 0px 12px #858585;
    -o-box-shadow: 0px 0px 12px #858585;
    box-shadow: 0px 0px 12px #858585;
}


/* 1. Central arrows */

.central_arrows {
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    font-size: 24px;
    cursor: pointer;
    display:none;
    height:71px;
    width:18px;
}
    .central_arrows#arrow_right {
        background-image:url(/img/arrow_center/right_normal.png);
        margin-left: 350px;
    }
    .central_arrows#arrow_right:hover {
        background-image:url(/img/arrow_center/right_hover.png);
    }
    .central_arrows#arrow_right:active {
        background-image:url(/img/arrow_center/right_press.png);
    }
    
    .central_arrows#arrow_left {
        background-image:url(/img/arrow_center/left_normal.png);
    }
    .central_arrows#arrow_left:hover {
        background-image:url(/img/arrow_center/left_hover.png);
    }
    .central_arrows#arrow_left:active {
        background-image:url(/img/arrow_center/left_press.png);
    }
    
/* 2. Top */

#top {
    background-image:url(/img/head.jpg);
    height: 161px;
    left: 50%;
    margin-left: -400px;
    position: absolute;
    top: 0px;
    width: 800px;
    text-indent:-10000px;
}

    #top a {
        display:block;
        height: 80px;
    }

/* 3. Letter */
    
a#letter {
    background-image:url(/img/letter.png);
    cursor:pointer;
    display:block;
    height:92px;
    position:absolute;
    right:0;
    top:70px;
    width:90px;
    z-index:2;
}

    a#letter:hover {
        background-image:url(/img/letter_active.png);
    }
    


/* 3.5 Contacts */

#overlay {
    background:#000000 none repeat scroll 0 0;
    bottom:0;
    display:none;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1100;
}

#contacts {
    background-image:url('/img/vizitka.jpg');
    border:1px solid #282828;
    color:#282828;
    display:none;
    height:250px;
    left:50%;
    margin: -125px 0px 0px -200px;
    opacity:0.98;
    position:absolute;
    top:50%;
    width:400px;
    z-index:1101; 
    -moz-box-shadow: 0px 0px 9px black;
    -webkit-box-shadow: 0px 0px 9px black;
    -o-box-shadow: 0px 0px 9px black;
    box-shadow: 0px 0px 9px black;
}

    #contacts .close {
        background:transparent url(/img/fancy_close.png);
        cursor:pointer;
        height:30px;
        position:absolute;
        right:-15px;
        top:-15px;
        width:30px;
        z-index:1103;
    } 
    
    #contacts h1 {
        font-size:32px;
        margin:50px 0 0 30px;
    }
    
    #contacts h3 {
        margin:0 0 20px;
        text-align:center;
        font-size:16px;
    }
    
    #contacts ul {
        text-align: left;
        margin-left:50px;
    }
 
/* 4. Center */    
    
#content  {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -210px;
    margin-top: -180px;
    width: 480px;
    height: 340px;

    }
    
.thumb {
    cursor:pointer;
    padding: 5px 5px 10px 5px;
    width: 73px;
    height: 105px;
    float: left;
    z-index: 1;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

#picture {
    
    position:absolute;
    top: 50%;
    left: 50%;
    display: none;
	margin: auto;
	text-align:left;
	padding:0px;
	
	/*
    -moz-box-shadow: 0px 0px 9px #858585;
    -webkit-box-shadow: 0px 0px 9px #858585;
    -o-box-shadow: 0px 0px 9px #858585;
    box-shadow: 0px 0px 9px #858585;
    /**/
}

/* 5. Roll */

#roll_wrapper {
    position: absolute;   
    bottom: 0;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    height: 125px;
    z-index: 2;
    background-image:url(/img/sea.png);
    background-position:0 25px;
    background-repeat: repeat-x;

}

#roll_container {
    overflow: hidden;
}

#roll {
    width: 1000%;
    overflow: hidden;
}


/* 6. Bottom Arrows */

.roll_arrow {
    bottom:		 20px;
    left:        50%;
    margin-left: -360px;
    position:    absolute; 
    display:     none;
    z-index:     3;   
    cursor:      pointer;
    padding:     10px;
    width:       66px;
    height:      21px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

    .roll_arrow#roll_right_arrow {
        margin-left:290px;
        background-image:url(/img/arrow_bottom/right_normal.png);
    }
    .roll_arrow#roll_right_arrow:hover {
        background-image:url(/img/arrow_bottom/right_hover.png);
    }
    .roll_arrow#roll_right_arrow:active {
        background-image:url(/img/arrow_bottom/right_press.png);
    }
    
    .roll_arrow#roll_left_arrow {
        background-image:url(/img/arrow_bottom/left_normal.png);
    }
    .roll_arrow#roll_left_arrow:hover {
        background-image:url(/img/arrow_bottom/left_hover.png);
    }
    .roll_arrow#roll_left_arrow:active {
        background-image:url(/img/arrow_bottom/left_press.png);
    }

/* 7. Preloader. */

#preloader {
    position:absolute;
    left: -10000px;
    top: -10000px;
}

@media print {
    #preloader {
        display:none;
    }
  }