body, html {
    margin:0;
    padding:0;
    border:0;
    background-color:#000000;
    font-size:12px;
    font-family:Tahoma, Arial;
}
a {
    cursor:pointer;
    outline:none;
    text-decoration:none;
}
img {
    border:0;
    margin:0;
    padding:0;
}
.inner {
    width:989px;
    position:relative;
    left:50%;
    margin-left:-495px;
}
.header {
    height:173px;
    background:url(../img/header-bg.gif) repeat-x 0 0;
}
    .header .inner {
        height:173px;
    }
        .header .inner .logo-box {
            height:113px;
            border-bottom:1px solid #4b5b5d;
            padding:24px 0 0 0;
        }
            .header .inner .logo-box a {
                height:90px;
                width:168px;
                display:block;
                background:url(../img/logo3.png) no-repeat 0 0;
                margin: 0 0 0 410px;
            }
        .header .inner .menu {
            height:35px;
        }
        .header .inner .menu a, .header .inner .menu a:visited {
            line-height:35px;
            padding:0 19px;
            text-transform:uppercase;
            color:#2e6362;
            font-size:12px;
            font-weight:normal;
        }
        .header .inner .menu a:hover, .header .inner .menu a.active, .header .inner .menu a.active:visited {
            color:#ffffff;
        }
.content, #start.content {
    height:394px;
    background:url(../img/content-bg.gif) repeat-x center 0;
}
#start.content {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity:0;
    -khtml-opacity: 0;
    background:url(../img/content-bg-a.gif) repeat-x center 0;
}
    .content .inner {
        height:394px;
        overflow:hidden;
        border-right:1px solid #000000;
        border-left:1px solid #000000;
    }
        .content .inner table {
            
        }
            .content .inner table .the-first td {
                border-collapse:collapse;
                border:1px solid #000000;
                border-left:0;
                /*border-top:0;*/   
            }
            .content .inner table .the-second td {
                border-collapse:collapse;
                border:1px solid #000000;
                border-left:0;
                border-top:0; 
                border-bottom:0;   
            }
        .content .inner .preview {
            position:relative;
            height:196px;
            width:197px;
            display:block;
            overflow:hidden;
        }
        #textpage .inner .preview {cursor:default;}
            .content .inner .preview img, .content .inner .preview span, .content .inner .preview em {
                position:absolute;
                height:196px;
                width:197px;
                display:block;
                overflow:hidden;
                z-index:1;
            }
            .content .inner .preview span {
                z-index:3;
                background:url(../img/overlay-off.gif) no-repeat 0 0;
            }
            .content .inner .preview em {
                z-index:2;
                background:#0c1919;
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
                opacity:0.35;
                -khtml-opacity: 0.35;
            }
.footer {
    height:53px;
}
    .footer .inner {
        height:72px;
        padding:30px 0 0 0;
        text-align:center;
    }
    .footer .inner span, .footer .inner a, .footer .inner a:visited {
        padding:0 19px;
        font-size:12px;
        line-height:12px;
        font-weight:normal;
        color:#2e6362;
        text-transform:uppercase;
    }
    .footer .inner a:hover {
        color:#ffffff;
    }
.prelative {position:relative;}
.text-panel {
    width:296px;
    height:394px;
    background:#0c1919;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity:0.9;
    -khtml-opacity: 0.9;    
    position:absolute;
    z-index:4;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    margin-left:958px;
    overflow:hidden;
}
    .text-panel .text {
        color:#ffffff;
        font-size:12px;
        line-height:16px;
        padding:20px 0px 20px 0px;
    }
        .text-panel .text a, .text-panel .text a:visited {
            text-decoration:underline;
            color:#fff;
        }
        .text-panel .text a:hover {
            text-decoration:underline;
            color:#ffffff;
        }
        .text-panel .text p {
            margin:0;
            padding:5px 0;
        }
        .text-panel .text h1 {
            margin:0;
            padding:0;
            font-weight:bold;
            font-size:12px;
            text-transform:uppercase;
        }
    .text-panel .tab {
        width:30px;
        height:394px; 
        float:left;
        overflow:hidden;
        cursor:pointer;
    }
        .text-panel .tab .arrow, .text-panel .text-arrow .arrow {
            width:13px;
            height:17px;
            font-size:0; 
            background:#0c1919 url(../img/text-off.png) no-repeat center center;
            overflow:hidden;
            margin:188px 0 0 8px; 
        }
    .text-panel .textbox {
        width:220px;
        height:394px;
        overflow:hidden;
        float:left;
    }
    .text-panel .text-arrow {
        width:46px;
        height:394px;
        overflow:hidden;
        float:left;
        cursor:pointer;
    }
        .text-panel .text-arrow .arrow {
            background:#0c1919 url(../img/text-on.png) no-repeat center center;
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            opacity:0;
            -khtml-opacity: 0;
            font-size:0;
            margin-left:24px;
        }
.back, .back-bg {
    position:absolute;
    z-index:5;
    height:98px;
    width:98px;
    margin-top:-98px;
    display:block;
    background:url(../img/back.png) no-repeat 0 0;
}
.back-bg {
    background-image:none;
    background-color:#000000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity:0;
    -khtml-opacity: 0;
    z-index:4;
}    
.z4 {z-index:4;}   
.content .inner #detail td {
    background:url(../img/overlay-off-detail.gif) no-repeat 0 0;   
}
.content .inner #detail td .square1, .content .inner #detail td .square2 {
    height:98px;
    width:98px; 
    overflow:hidden;
    float:left;   
}
.box {height:196px; width:197px;}
.navi {
    position:absolute;
    z-index:5;
}
    .navi td {
        height:98px;
        width:99px;
        overflow:hidden;
    }
    /* .navi td.active, .navi td.hover {
        background:url(../img/square-on.gif) no-repeat 0 0;        
    } */
        .navi td a, .navi td a:visited{
            color:#000;
            font-weight:bold;
            font-size:12px;
            text-align:center;
            text-transform:uppercase;
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            opacity:0;
            -khtml-opacity: 0;
        }
        .navi td.active a, .navi td a:hover, .navi td.hover a {
            color:#ffffff;
        }
    .dat .back, .dat .back-bg {margin-top:296px; z-index:11;}
    .dat .back {
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        opacity:1;
        -khtml-opacity: 1; 
        z-index:12;
    }
    .dat {z-index:12;}
    #detail {
        height:394px;
        width:100%;
        overflow:hidden;
        position:relative;
    }
        #detail img {
            height:394px;
            width:791px;
            position:absolute;
            margin-left:198px;
            z-index:2;
        }
    #detail .grid {
        background:url(../img/grid-on.png) no-repeat 0 0;
        height:394px;
        width:100%;
        position:absolute;
        z-index:3;
    }
    #detail .grid.hover {
        background:url(../img/grid-off.png) no-repeat 0 0;
    }
    .subbox {position:absolute; width:296px; margin-left:692px; height:394px; overflow:hidden;}
    
#det-inner .text-panel {
    clip: rect(0px, 31px, 394px, 0px);
}

.popup {
    width:702px;
    height:540px;
    display:none;
}
    .popup .t, .popup .b {
        width:702px;
        height:16px;
        font-size:0;
        background:url(../img/popup/t.png) no-repeat 0 0;
    }
    .popup .b {
        background:url(../img/popup/b.png) no-repeat 0 0;
    }
    .popup .c {
        background:url(../img/popup/c.png) repeat-y 0 0;
        height:503px;
        overflow:hidden;
    }
    .popup .scrolling {
        margin:27px 15px 0px 50px;
        overflow:auto;
        height:443px;
        /*background:url(../img/ajax-loader.gif) no-repeat 48% center;*/
    }
    .popup .scrolling img {
        margin:5px 0 0 0;
    }
    .popup .close, .popup .close:visited {
        height:17px;
        width:59px;
        overflow:hidden;
        display:block;
        float:right;
        background:url(../img/popup/close-off.png) no-repeat 0 0;
        font-size:0;
        margin:11px 20px 0 0;
    }
    .popup .close:hover {
        background:url(../img/popup/close-on.png) no-repeat 0 0;
    }
    .dn {display:none;}
#flashPlayer 
{
    display:inline-block;
}
.caption {
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    display:inline-block;
    line-height:11px;
    padding:5px;
    background:#666666;
    float:left;
}
.center {text-align:center;}
.divclear {width:600px; height:0px; font-size:0; clear:both;}

.max-logo {width:90px; font-size:0; text-align:center; max-height:50px; margin-bottom:5px;}

.max-logo img {border:0; margin:0; padding:0;}