/*
 * Bulitka.com - Main - CSS
 * Created for Victoria Bulitko
 * by Andrey Sokol / freelancer.co.ua
 * Copyright � 2011
 * All rights reserved.
 */

/* RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

h1 { font-size:24px; font-weight:bold; }
h2 { font-size:18px; font-weight:bold; }
h3 { font-size:16px; font-weight:normal; }
h4 { font-size:14px; font-weight:bold; }

body {
            background:#111;
        font-family: 'PT Sans Narrow', Arial, sans-serif;
        color:#aaa;

                max-height:1200px;
        max-width:1900px;
}

a { color:#0B75AF; }

.bulitka_content
{
             position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;

        max-height:1200px;
        max-width:1900px;
                min-height:500px;
                min-width:990px;
}
.mb_overlay{
                 position:fixed;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        z-index:-1;
}

.pattern-color { background:transparent url(../img/pattern-color.png) repeat top left; }
.pattern-grey { background:transparent url(../img/pattern-grey.png) repeat top left scroll; }

/* Bulitka.com - BG */
#supersized-loader { position:absolute; top:10%; right:5%; z-index:150; width:60px;
height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111;
background:rgba(0,0,0,0.8) url(../img/bg-load-progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
        #supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
                #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }        /*Speed*/
                #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }                        /*Quality*/
        #supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
                #supersized a.prevslide { z-index:-20; }
                #supersized a.activeslide { z-index:-10; }
                #supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
/* Bulitka.com - BG - Controls Section*/
#controls-wrapper { margin:0 auto; height:62px;  bottom:-100px; right:40px; z-index:4;  position:fixed; }
        #controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0; /* Increase padding to give thumbnails room */ }
                #slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
                #slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0;

                    max-width: 230px;
                    bottom: 19%;
                }
                #navigation { float:right; margin:10px 20px 0 0; }

.coollink{
position:relative;
        top:0px;
}

.coollink:active{
        position:relative;
        top:4px;
}
.coollink:hover{
/*        position:relative;
        top:1px;
        */
}

.bulitka_language_switch{
        position:absolute;
                top:5px;
        right:10px;
        font-size:12px;
}
.bulitka_language_switch a{
        color:#aaa;
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
}
.bulitka_language_switch a:active{
        position:relative;
        top:2px;
}


.bulitka_logoname_en_homepage{
                top:60%;
                right:2%;
        position:absolute;
        width:452px;
        height:76px;
        text-indent:-9000px;
        background:transparent url(../img/header/viktoria-bulitko-header-home-page-en.png) no-repeat top left;
                display:block;
}

.bulitka_logoname_ru_homepage{
        top:70%;
                right:2%;
        position:absolute;
                width:204px;
        height:140px;

    text-indent:-9000px;
        background:transparent url(../img/viktoriya-bulitko-logoname.png) no-repeat top left;
        display:block;
}
.bulitka_logoname_ru_pages{
                bottom:15%;
                right:1%;
                width:204px;
        height:140px;
        position:absolute;
                text-indent:-9000px;
        background:transparent url(../img/viktoriya-bulitko-logoname.png) no-repeat top left;
        display:none;
}

.bulitka_logoname_en_pages{
                position:absolute;
                top:30%;
        right:10%;
                width:452px;
        height:76px;
                display:block;
        margin:50px;
        text-indent:-9000px;
        background:transparent url(../img/header/viktoria-bulitko-header-home-page-en.png) no-repeat top left;
}

span.footer{
        position:fixed;
        left:10px;
        bottom:10px;
        font-size:12px
}
span.footer a{
        color:#aaa;
        text-transform:uppercase;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
        margin-right:30px;
}
span.footer a:hover{
        color:#ddd;
}

.bulitka-bottom-logo{
        /* border:1px solid #a33; */
                position:fixed;
        z-index:25;
        width:27px;
        height:27px;
        display:block;

        right:0px;
        bottom:0px;
        padding:0px 0 0px 0px;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -o-transform: rotate(-20deg) !important;
        -o-transform-origin: 50% 50%;
}
.bulitka-bottom-logo:hover{
 -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
}
.bulitka-bottom-logo:active{
 -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
}
.bulitka-bottom-logo a{
        color:#aaa;
        text-decoration:none;
        text-shadow:1px 1px 1px #000;
}
.bulitka-bottom-logo a:hover{
        color:#ddd;
}
.bulitka-bottom-logo a:active{
        position:relative;
        top:2px;
}





/* Bulitka.com - PAGES */
/* Bulitka.com - PAGES */
/* Bulitka.com - PAGES */





/* Bulitka.com - PAGES - MENU */
ul.bulitka_pages_menu{
        top:-25px;
        margin:0;
        padding:0;
        position:inherit;
        list-style: none;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:14px;
        min-width:1020px;
}
ul.bulitka_pages_menu a{
        text-decoration:none;
        outline:none;
}
ul.bulitka_pages_menu li{
        float:left;
        width:170px;
        height:85px;
        position:relative;
        cursor:pointer
}
ul.bulitka_pages_menu li > a{
        position:absolute;
        top:0px;
        left:0px;
        width:170px;
        height:85px;
        z-index:12;
        background:transparent url(../img/overlay.png) no-repeat bottom right;
        -moz-box-shadow:0px 0px 1px #aaaaaa inset;
        -webkit-box-shadow:0px 0px 1px #aaaaaa inset;
        box-shadow:0px 0px 1px #aaaaaa inset;
}
ul.bulitka_pages_menu li > a.last{
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        border-bottom-right-radius: 6px;
        }
ul.bulitka_pages_menu li a img{
        border:none;
        position:absolute;
        width:0px;
        height:0px;
        bottom:0px;
        left:85px;
        z-index:45;
        -moz-box-shadow:0px 0px 4px #000;
        -webkit-box-shadow:0px 0px 4px #000;
        box-shadow:0px 0px 4px #000;
}
ul.bulitka_pages_menu li span.sdt_wrap{
        position:absolute;
        top:25px;
        left:0px;
        width:170px;
        height:60px;
        z-index:15;
}
ul.bulitka_pages_menu li span.sdt_active{
        position:absolute;
        background:#111;
        top:85px;
        width:170px;
        height:0px;
        left:0px;
        z-index:14;
        -moz-box-shadow:0px 0px 4px #000 inset;
        -webkit-box-shadow:0px 0px 4px #000 inset;
        box-shadow:0px 0px 4px #000 inset;
}
ul.bulitka_pages_menu li span span.sdt_link,
ul.bulitka_pages_menu li span span.sdt_descr,
ul.bulitka_pages_menu li div.sdt_box a{
        margin-left:15px;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
}
ul.bulitka_pages_menu li span span.sdt_link{
        color:#fff;
        font-size:24px;
        float:left;
        clear:both;
}
ul.bulitka_pages_menu li span span.sdt_descr{
        color:#0B75AF;
        float:left;
        clear:both;
        width:155px; /*For dumbass IE7*/
        font-size:10px;
        letter-spacing:1px;
}
/* ����������� ���� ������� ������*/
ul.bulitka_pages_menu li div.sdt_box{
        display:block;
        position:absolute;
        width:170px;
        overflow:hidden;
        height:0px;
        top:85px;
        left:0px;
        display:none;
        background:#000;
        z-index:11;
}
ul.bulitka_pages_menu li div.sdt_box a{
        float:left;
        clear:both;
        line-height:20px;
        color:#0B75AF;
        margin-bottom:10px;
}
ul.bulitka_pages_menu li div.sdt_box a:first-child{
        margin-top:15px;
}
ul.bulitka_pages_menu li div.sdt_box a:hover{
        color:#fff;
        border-bottom:dotted 1px #0B75AF;
        margin-bottom:9px;
}
ul.bulitka_pages_menu li div.sdt_box a:active{
        top:2px;
        position:relative;
}
/* END of Bulitka.com - Pages - MENU */