/**
 *    Main settings (layout etc.)
 */
 
@font-face {
    font-family: "TM";
    src: url(fonts/titilliummaps.eot); /* IE */
    src: local("TM"), url(fonts/titilliummaps.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "TM_L01";
    src: url(fonts/titilliummaps_L01.eot); /* IE */
    src: local("TM_L01"), url(fonts/titilliummaps_L01.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "TM_L02";
    src: url(fonts/titilliummaps_L02.eot); /* IE */
    src: local("TM_L02"), url(fonts/titilliummaps_L02.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "TM_L03";
    src: url(fonts/titilliummaps_L03.eot); /* IE */
    src: local("TM_L03"), url(fonts/titilliummaps_L03.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "TM_L04";
    src: url(fonts/titilliummaps_L04.eot); /* IE */
    src: local("TM_L04"), url(fonts/titilliummaps_L04.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "UbuntuFont";
    src: url(fonts/ubuntu.eot); /* IE */
    src: local("UbuntuFont"), url(fonts/ubuntu.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "UbuntuFont";
    font-weight: bold;
    src: url(fonts/ubuntu-bold.eot); /* IE */
    src: local("UbuntuFont"), url(fonts/ubuntu-bold.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "UbuntuFont";
    font-weight: bold;
    font-style: italic;
    src: url(fonts/ubuntu-bold-it.eot); /* IE */
    src: local("UbuntuFont"), url(fonts/ubuntu-bold-it.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "UbuntuFont";
    font-style: italic;
    src: url(fonts/ubuntu-it.eot); /* IE */
    src: local("UbuntuFont"), url(fonts/ubuntu-it.ttf) format("truetype"); /* non-IE */
}

@font-face {
    font-family: "UbuntuFontLight";
    src: url(fonts/ubuntu-light.eot); /* IE */
    src: local("UbuntuFont"), url(fonts/ubuntu-light.ttf) format("truetype"); /* non-IE */
}

body {
    background: url('../images/bg.jpg') no-repeat top left #0d3455;
    font-family: Arial, Tahoma, Verdana, serif, sans-serif;
    font-size: 12px; color: #909090;
    line-height: auto; margin: 0; padding: 0; text-align: left;
}

a { text-decoration: none; font-weight: normal; color: #115391; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { line-height: normal; margin: 0; padding: 0; font-weight: bold; }
h1 { display: none !important; }

/* reset */
div, a, textarea, el, p, span, tr, td, table, img, input, form, ul, li { border: 0; margin: 0; padding: 0; outline-style: none; outline-width: 0; }
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, lockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td  { margin: 0; padding: 0; border: 0; outline: 0; outline-style: none; outline-width: 0; font-size: 100%; vertical-align: baseline; }*/
table { border-collapse: collapse; border-spacing: 0 }

.clear { clear: both; height: 0px; width: 0px; overflow: hidden; font-size: 1px; display: block; }
.fright { float: right; }
.fleft { float: left; }
.hidden-img { display: none; height: 0; width: 0; overflow: hidden; }
.mb-20px { margin-bottom: 20px; }
.mb-15px { margin-bottom: 15px; }
.mb-10px { margin-bottom: 10px; }
.mb-05px { margin-bottom: 5px; }
.pad-10px { padding: 10px; }
.pad-15px { padding: 15px; }
.pad-20px { padding: 20px; }
.pad-30px { padding: 30px; }
.h10px { height: 10px !important; }
.pad-bot-2px { padding-bottom: 2px; }
.pad-top-23px { padding-top: 23px; }
.fs-40px { font-size: 40px; }
.fs-49px { font-size: 49px; }
.fs-12px { font-size: 12px !important; }
.valg-t { vertical-align: top; }
.oki-wraper { width: 100%; min-width: 1040px; overflow: hidden; min-height: 600px; }
.oki-wraper-padd { padding: 0 0 0 40px; width: 1000px; }
.oki-pos-relative { position: relative; }
.oki-center { width: 1000px; margin: 0 auto; /*position: relative; top: 0px; left: 0px; z-index: 0;*/ }

/* IE-7 z-index bugs corrections */
.ie7-zi-0 { z-index: 0; position: relative; top: 0px; left: 0px; }
.ie7-zi-1 { z-index: 1; position: relative; top: 0px; left: 0px; }
.ie7-zi-2 { z-index: 2; position: relative; top: 0px; left: 0px; }
.ie7-zi-3 { z-index: 3; position: relative; top: 0px; left: 0px; }
.ie7-zi-4 { z-index: 4; position: relative; top: 0px; left: 0px; }
.ie7-zi-5 { z-index: 5; position: relative; top: 0px; left: 0px; }
.ie7-abs-fix { position: relative; top: 0; left: 0; height: 0px; overflow: hidden; }

/**
 *  OkiDebug
 */
 
.oki-debug { width: 160px; position: fixed; bottom: 0; right: 0; border: solid 1px green; background-color: #aaffaa; z-index: 9999; font-size: 11px; }
.oki-debug-pad strong { display: block; color: #335533; font-size: 16px; margin-bottom: 20px; }
.oki-debug-pad { padding: 10px; }
.oki-debug-pad a { color: black; }
.oki-debug-pad a.active { font-weight: bold; color: #44; font-size: 14px; }
.oki-debug-pad a:hover { font-weight: bold; color: #444; }
.oki-debug-pad ul { list-style-position: inside; }
.oki-debug-close { text-align: right; }


/**
 *  Top
 */

.oki-topbar { height: 122px; }
.oki-logo { width: 400px; height: 45px; position: absolute; top: 40px; left: 40px; }
.oki-logo a { display: block; width: 113px; height: 32px; background: url('../images/logo.png') no-repeat; float: left }
.oki-logo a img { display: block; }
.oki-logo span { display: block; float: left; padding: 15px 0 0 10px; width: 250px; height: 20px; font-family: "Georgia"; font-size: 17px; line-height: 17px; color: white; }

.oki-topmenu { height: 82px; float: right; padding: 20px 0 0 0; }
.oki-topmenu ul { display: block; list-style: none; height: 82px; }
.oki-topmenu ul li { display: block; height: 82px; float: left; margin-left: 4px; }
.oki-topmenu ul li a { display: block; height: 82px; background: url('../images/topmenu-bg.png') repeat top left; }
.oki-topmenu ul li a span { display: block; padding: 30px 20px 0 20px; font-family: "TM"; font-size: 16px; color: white; }
.oki-topmenu ul li a:hover { background-position: bottom left; }
.oki-topmenu ul li a.active { background-position: bottom left; }

.oki-back { width: 300px; height: 40px; position: absolute; top: 46px; left: 700px; text-align: right; }

/**
 *  Intro
 */
 
.oki-video-cont { width: 1032px; height: 612px; background: url('../images/video-bg.png') no-repeat top left; position: relative; top: -34px; left: 0; margin-left: 23px; }
.oki-video { width: 961px; height: 540px; position: absolute; top: 28px; left: 36px; overflow: hidden; }
.oki-video img { display: block; }

/**
 *  Slide
 */

.oki-mainpage-slides { width: 99999px; height: 560px; position: absolute; overflow: hidden; }

.oki-mainpage-slides-txt-pane { position: absolute; top: -122px; left: 0px; width: 1448px; height: 1448px; }
.oki-mainpage-slides-txt-content { position: relative; top: 0px; left: 0px; width: 1448px; height: 999999px; }
.oki-mainpage-slides-txt { width: 1448px; height: 1448px; position: relative; }
.oki-mainpage-slides-txt div { position: absolute; top: 220px; left: 705px; width: 450px; height: 300px; font-size: 40px; color: white; font-family: "TM_L02"; line-height: 45px; letter-spacing: -0.04em; }
.oki-mainpage-slides-txt div b { font-size: 67px; font-family: "TM"; letter-spacing: -0.04em; line-height: 45px; }
.oki-mainpage-slides-txt div strong { font-size: 67px; font-family: "TM"; letter-spacing: -0.04em; line-height: 45px; }

.oki-mainpage-slides-circle-pane { position: absolute; top: -122px; left: 0px; width: 1448px; height: 1448px; }
.oki-mainpage-slides-circle-content { position: relative; top: 0px; left: 0px; width: 1448px; height: 999999px; }
.oki-mainpage-slides-circle-content div { width: 1448px; height: 1448px; }
.oki-mainpage-slides-circle01 { background: url('../images/mainpage-slide01-mask.png') no-repeat top left; }
.oki-mainpage-slides-circle02 { background: url('../images/mainpage-slide02-mask.png') no-repeat top left; }
.oki-mainpage-slides-circle03 { background: url('../images/mainpage-slide03-mask.png') no-repeat top left; }
.oki-mainpage-slides-circle04 { background: url('../images/mainpage-slide04-mask.png') no-repeat top left; }

.oki-use-scroll { width: 215px; height: 74px; background: url('../images/use-scroll.png') no-repeat top left; position: absolute; top: 232px; left: 18px; z-index: 9999; }

.scroll-pane { width: 1448px; height: 560px; float: left; }
.scroll-content { width: 1px; height: 560px; float: left; }
.scroll-content img { display: block; float: left; width: 1448px; height: 560px; }
.scroll-bar-wrap { background: url('../images/slides-scroll-bg.png') repeat top left; width: 1000px; height: 20px; cursor: pointer !important; }
.scroll-bar-wrap .ui-slider { background: none; border: 0; height: 20px; margin: 0 auto; cursor: pointer !important; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 20px; margin: 0 auto; cursor: pointer !important; }
.scroll-bar-wrap .ui-slider-handle { top: 0 !important; height: 20px !important; border: none !important; background: transparent !important; cursor: pointer !important; }
 
/**
 *  Main page
 */

.oki-mainpage-content { padding: 307px 0 30px 0; position: relative; }
.oki-mainpage-content-bg { background: url('../images/mainpage-bg.jpg') no-repeat top left; }
.oki-mainpage-content-left { width: 500px; float: left; }
.oki-mainpage-content-right { width: 500px; float: right; }

.oki-submenu { height: 94px; z-index: 900; }
.oki-submenu ul { display: block; width: 500px; height: 94px; list-style: none; z-index: 901; }
.oki-submenu ul li { display: block; width: 250px; height: 94px; float: left; }
.oki-submenu ul li a { display: block; width: 250px; height: 94px; }
.oki-submenu ul li a.submenu01 { background: url('../images/submenu01-bg.png') no-repeat top left; }
.oki-submenu ul li a.submenu02 { background: url('../images/submenu02-bg.png') no-repeat top left; }
.oki-submenu ul li a:hover { background-position: bottom left; }
.oki-submenu ul li a.active { background-position: bottom left; }
.oki-submenu ul li a span { display: block; padding: 13px 0 0 15px; font-size: 16px; color: #1d4165; font-style: italic; font-family: "UbuntuFont"; }
.oki-submenu ul li a span strong { display: block; font-size: 26px; font-family: "TM"; letter-spacing: -0.05em; font-style: normal; }
.oki-submenu ul li ul { display: none; background: url('../images/submenu-top.png') no-repeat top left; width: 250px; height: auto; padding: 12px 0 0 0; position: relative; top: -10px; left: 0; z-index: 902; }
.oki-submenu ul li ul li { float: none; height: auto; position: relative; }
.oki-submenu ul li ul li a { background-image: none; background-color: #f4f7f9; border: 0px solid #d8e1e7; border-bottom-width: 1px; height: auto; width: auto; padding: 10px 16px; color: #1d4165; font-size: 14px; font-family: "TM_L02"; letter-spacing: -0.01em; }
.oki-submenu ul li ul li a:hover { background-color: #e7c900; }
.oki-submenu ul li ul li a.active { background-color: #e7c900; }
.oki-submenu ul li ul li ul { display: none; background-image: none; padding: 0; position: absolute; top: 0px; left: 250px; }
.show { display: block !important; }

.oki-mainpage-text { padding: 45px 20px 50px 20px ;  color: #ccc; font-family: "UbuntuFont"; font-size: 13px; line-height: 18px; }
.oki-mainpage-text p { color: #ccc; font-family: "UbuntuFont"; font-size: 12px; line-height: 18px; }
.oki-mainpage-text strong p{ font-size: 17px; font-family: "TM_L01"; color: white; }

#oki-mainpage-left-slide { width: 500px; height: 244px; overflow: hidden; }
#oki-mainpage-left-slide img { width: 500px; height: 244px; display: block; }

#oki-mainpage-right-slide { width: 500px; height: 330px; overflow: hidden; }
#oki-mainpage-right-slide a { width: 500px; height: 330ppx; display: block; }
#oki-mainpage-right-slide a img { width: 500px; height: 330ppx; display: block; }
.oki-mainpage-login { width: 250px; height: 264px; float: left; }
.oki-mainpage-login img { display: block; margin: 0 auto; }
.oki-mainpage-login strong { display: block; text-align: center; font-size: 14px; color: white; font-family: "TM_L04"; letter-spacing: -0.1em; padding: 10px 0 15px 0; }
.oki-mainpage-login-padd { padding: 85px 0 0 0; }
.oki-mainpage-login-center { text-align: center; }
.oki-mainpage-contact { width: 250px; height: 264px; background: url('../images/contact-bg.jpg') no-repeat top left; float: right; }
.oki-mainpage-contact span { display: block; text-align: center; color: white; letter-spacing: -0.1em; }
.oki-mainpage-contact-line01 { font-size: 24px; line-height: 24px; font-family: "TM_L01"; padding: 30px 0 0 0; }
.oki-mainpage-contact-line02 { font-size: 14px; line-height: 14px; font-family: "UbuntuFont"; padding: 10px 0 0 0; font-style: italic; }
.oki-mainpage-contact-line03 { font-size: 40px; line-height: 40px; font-family: "TM_L04"; padding: 10px 0 0 0; letter-spacing: -0.05em !important; }
.oki-mainpage-contact-line04 { padding: 85px 0 0 0; }
.oki-mainpage-contact-line04 a { font-size: 24px; line-height: 24px; font-family: "TM_L01"; color: white; }

/**
 *  Page
 */
 
.oki-page-left { float: left; width: 250px; }
.oki-page-right { float: right; width: 750px; }

.oki-submenu-onpage { z-index: 900; }
.oki-submenu-onpage ul { display: block; width: 250px; list-style: none; z-index: 901; }
.oki-submenu-onpage ul li { display: block; width: 250px; }
.oki-submenu-onpage ul li a { display: block; width: 250px; height: 95px; color: #1d4165; }
.oki-submenu-onpage ul li a.submenu-onpage01 { background: url('../images/submenu-onpage01-bg.png') no-repeat top left; }
.oki-submenu-onpage ul li a.submenu-onpage02 { background: url('../images/submenu-onpage02-bg.png') no-repeat top left; }
.oki-submenu-onpage ul li a:hover { color: #0d3155; }
.oki-submenu-onpage ul li a.active { background-position: bottom left; }
.oki-submenu-onpage ul li a span { display: block; padding: 13px 0 0 15px; font-size: 16px; font-style: italic; font-family: "UbuntuFont"; }
.oki-submenu-onpage ul li a span strong { display: block; font-size: 26px; font-family: "TM"; letter-spacing: -0.05em; font-style: normal; }
.oki-submenu-onpage ul li ul { display: none; padding: 0 0 20px 0; position: relative; top: 0px; left: 0; z-index: 902; }
.oki-submenu-onpage ul li ul li { float: none; height: auto; position: relative; }
.oki-submenu-onpage ul li ul li a { background-image: none; background-color: #f4f7f9; border: 0px solid #d8e1e7; border-bottom-width: 1px; height: auto; width: auto; padding: 10px 16px; color: #1d4165; font-size: 14px; font-family: "TM_L02"; letter-spacing: -0.01em; }
.oki-submenu-onpage ul li ul li a:hover { background-color: #e7c900; }
.oki-submenu-onpage ul li ul li a.active { background-color: #e7c900; }
.oki-submenu-onpage ul li ul li ul { display: none; background-image: none; padding: 0; position: absolute; top: 0px; left: 250px; }
.show { display: block !important; }

.oki-page-header { width: 750px; height: 189px; position: relative; top: 0; left: 0; }
.oki-page-header img { display: block; width: 750px; height: 189px; position: absolute; top: 0; left: 0; }
.oki-page-header-txt { display: block; width: 750px; height: 150px; position: absolute; top: 25px; left: 0; }
.oki-page-header-txt h2 { display: block; padding: 0 30px 5px 0; font-size: 76px; font-family: "TM"; color: white; text-align: right; line-height: 78px; letter-spacing: -0.04em; }
.oki-page-header-txt h3 { display: block; padding: 0 30px 0 0; font-size: 25px; font-family: "TM_L04"; color: white; text-align: right; line-height: 25px; letter-spacing: -0.04em; }
.oki-page-header-dot01 { width: 750px; height: 189px; position: absolute; top: 0; left: 0; background: url('../images/mainpage-slide01-mask.png') no-repeat -246px -129px; }
.oki-page-header-dot02 { width: 750px; height: 189px; position: absolute; top: 0; left: 0; background: url('../images/mainpage-slide02-mask.png') no-repeat -246px -129px; }
.oki-page-header-dot03 { width: 750px; height: 189px; position: absolute; top: 0; left: 0; background: url('../images/mainpage-slide03-mask.png') no-repeat -246px -129px; }
.oki-page-header-dot04 { width: 750px; height: 189px; position: absolute; top: 0; left: 0; background: url('../images/mainpage-slide04-mask.png') no-repeat -246px -129px; }

.oki-page-content-left { float: left; width: 500px; background-color: #265379; min-height: 420px }
.oki-page-content-left-padd { padding: 30px; font-size: 12px; line-height: 18px; color: white; font-family: "UbuntuFontLight"; }
.oki-page-content-left-padd b { font-family: "UbuntuFont"; font-weight: bold; }
.oki-page-content-right { float: right; width: 250px;  }

/**
 *  Gallery
 */
 
.oki-gallery-bg { background: url('../images/gallery-bg.png') #265379 repeat-x bottom left; }
.oki-gallery-padd { padding: 20px; }

.oki-gallery-fake { background: url('../images/gallery-fake.jpg') no-repeat top left; width: 710px; height: 710px; }

/**
 *  Contact
 */
 
.oki-contact-header { width: 750px; height: 349px; position: relative; top: 0; left: 0; }
.oki-contact-header img { display: block; width: 750px; height: 349px; position: absolute; top: 0; left: 0; }
.oki-contact-header-txt { display: block; width: 295px; height: 114px; position: absolute; top: 30px; left: 0; margin-left: 467px;}
.oki-contact-header-txt h2 { display: block; padding: 0 30px 0 0; font-size: 78px; font-family: "TM"; color: #1d4165; text-align: right; line-height: 78px; letter-spacing: -0.04em; }
.oki-contact-header-txt h3 { display: block; padding: 0 30px 0 0; font-size: 25px; font-family: "TM_L04"; color: #1d4165; text-align: right; line-height: 25px; letter-spacing: -0.04em; }

.oki-contact { font-family: "UbuntuFont"; color: white; height: 313px; }
.oki-contact a { color: white; }
.oki-contact a:hover { text-decoration: underline; }

.oki-help { background: url('../images/help-bg.png') no-repeat top left; width: 250px; height: 374px; }
.oki-help-padd { padding: 20px; }
.oki-help-padd h3 { color: white; display: block; font-family: "TM_L01"; font-size: 24px; text-align: center; letter-spacing: -0.08em; margin-bottom: 10px; }
.oki-help-padd div { margin-bottom: 10px; }
.oki-help-button { padding: 20px 0 0 0; text-align: center; }

/**
 *  Foot
 */
 
.oki-foot { background: url('../images/foot-bg.png') repeat-x top left; height: 143px; }
.oki-foot-content { width: 1040px; padding: 57px 0 0 0; text-align: center; font-size: 14px; color: white; font-family: "TM_L02"; }
.oki-foot-blue { color: #386182; }
.oki-foot-blue a { color: #386182; }

.a-media-library{
    margin-top: 37px;
}

    .a-area-aPageHead1 ul{
        float: right;
    }
    .a-area-aPageHead2 ul{
        float: right;
    }
    .a-area-aPageHead1 ul li.last a.a-history-btn{
        display: none;
    }
    .a-area-aPageHead2 ul li.last a.a-history-btn{
        display: none;
    }
    .a-area-aPageHead1 input.single-line {
        float: right !important;
        height: 30px ;
        width: 500px !important;
        margin-right: 35px;
    }
    .a-area-aPageHead2 input.single-line {
        float: right !important;
        height: 30px ;
        width: 500px !important;
        margin-right: 35px;
    }
    .a-area-aPageHead1 form {
        width: 570px;
        float:right;
        background-color: #EFEFEF;
        border: 1px solid #DDD;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    }
    .a-area-aPageHead2 form {
        width: 570px;
        float:right;
        background-color: #EFEFEF;
        border: 1px solid #DDD;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    }
    .a-area-sidebar {
width: 453px;
float: left;
margin-left: 0px !important;
}

.oki-submenu-onpage ul li a.active-hard { background-position: bottom left; }
.oki-submenu-onpage ul li ul li a.active-hard { background-color: #e7c900; }

.oki-form-padd { padding: 0px; }
.oki-form-padd h3 { color: white; display: block; font-family: "TM_L01"; font-size: 24px; text-align: center; letter-spacing: -0.08em; margin-bottom: 10px; }
.oki-form-padd div { margin-bottom: 10px; }
.oki-form-button { padding: 20px 0 0 0; text-align: center; }

.oki-page-content-left-padd{font-size: 13px }

.a-area-aPageTitle ul{

float: right;

}
.a-area-aPageTitle{
	/*width: 735px;*/
}

.a-area-aPageTitle ul.a-area-controls li{
	letter-spacing: 1px;
}
.oki-page-header p {
 margin: 0;
 padding: 0;
line-height: 1;
}

.a-area-aPageTitle ul.a-area-controls li.last{
	display:none;
}

.oki-page-content-left a {
  color: white;
  text-decoration: underline;
}