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

body {
    background-color: #000000;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}

#warper {
    margin: 0 auto;
}

#page_inner {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#logo_placeholder {
    position: relative;
    z-index: 90;
    min-width: 940px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
}

#logo_placeholder a {
    float: right;
}


#header {
    background: url('../../img/common/header.png') center center no-repeat;
    margin: 10px auto 0 auto;
    height: 150px;
}

#trine2_logo {
    display: block;
    float: left;
}

#menu_placeholder {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

#menu_placeholder ul {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
}

#menu_placeholder ul li {
    display: block;
    float: left;
    margin-right: 12px;
    height: 96px;
    width: 127px;
    cursor: pointer;
}

#menu_placeholder ul li a {
    display: block;
    height: 93px;
    width: 126px;
    background: url('../../img/common/empty-pixel.gif') top lef no-repeat;
}

#menu_trine2 {
    background: url('../../img/common/menu01.png') bottom center no-repeat;
}

#menu_cara {
    background: url('../../img/common/menu02.png') bottom center no-repeat;
}

#menu_skill {
    background: url('../../img/common/menu03.png') bottom center no-repeat;
}


#footer {
    width: 940px;
    margin: 30px auto 42px auto;
}

#footer p {
    text-align: left;
    font-size: 11px;
    color: #FFFFFF;
}

#footer a {
    color: #FFFFFF;
}

#footer span {
    float: right;
}

.flash_video {
    position: relative;
}

.flash_video > div {
    z-index: 2;
}

.flash_video > img {
    z-index: 1;
    cursor: pointer;
}

.flash_over {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,0.3);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    zoom: 1;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.close_flash {
    display: none;
    position: absolute;
    top: -70px;
    right: -70px;
    width: 36px;
    height: 36px;
    background: url('../../img/common/fancybox_sprite.png') top left no-repeat;
    cursor: pointer;
    z-index: 22 !important;
}