#main_top {
    padding: 0 10px;
    position: relative;
}

#highlights {
    float: left;
    width: 703px;
    height: 398px;
    background-image: url(../../images/system/obi/highlights_bg.gif);
}

#highlights a,
#highlights a:active,
#highlights a:visited {
    color: #FFFFFF;
}

#highlights .hightlight {
    position: relative;
    width: 703px;
    height: 398px;
}

#highlights .info {
    position: absolute;
    top: 220px;
    left: 30px;
    width: 550px;
    color: #FFFFFF;
    font-style: italic;
    font-size: 2.2em;
}

#highlights .info_shadow {
    position: absolute;
    top: 223px;
    left: 32px;
    width: 550px;
    color: #181B0B;
    font-style: italic;
    font-size: 2.2em;
}

#highlights img {
    width: 701px;
    height: 395px;
    display: block;
    border: 0;
}

#highlight_control {
    position: absolute;
    top: 350px;
    left: 30px;
}

#highlight_control ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#highlight_control li {
    float: left;
    border: 1px solid #000000;
    border-top-color: #828281;
    border-left-color: #828281;
    margin-right: 10px;
    color: #FFFFFF;
    background-image: url(../../images/system/obi/highlight_control_bg.gif);
}

#highlight_control li.active {
    background-color: #FFFFFF;
    color: #000000;
    background-image: none;
}

#highlight_control a,
#highlight_control a:active,
#highlight_control a:visited {
    padding: 1px 6px;
    display: block;
}

#highlight_control li.active a,
#highlight_control li.active a:active,
#highlight_control li.active a:visited {
    color: #000000;
}

#main_top_right {
    float: left;
    margin-left: 4px;
    width: 227px;
}

#main_top_right .kata {
    width: 227px;
}

#main_top_right .kata img {
    width: 227px;
    height: 128px;
    display: block;
    border: 0;
}

#main_top_right .kata h1{
    width: 227px;
    background-image: url(../../images/system/obi/category_title_bg.gif);
    height: 22px;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    font-style: italic;
    font-weight: bold;
    font-size: 1.05em;
    text-align: center;
    color: #FFFFFF;
}

#video {
    margin-top: 8px;
    width: 227px;
    height: 233px;
    background-image: url(../../images/system/obi/video_bg.gif);
}

#video h1 {
    margin: 0;
    padding: 0;
    padding-top: 8px;
    color: #3f3f3f;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8em;
    text-align: center;
}

#video h2 {
    margin: 0;
    padding: 0;
    color: #b78155;
    font-style: normal;
    font-size: 0.6em;
    text-align: center;
}

#video h3 {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-style: normal;
    font-size: 0.6em;
    text-align: right;
}

#video .video_file {
    padding: 8px;
}

#video .video_file img {
    width: 210px;
    height: 145px;
}

#video .download {
    padding: 10px;
}

#video .download img {
    float: left;
    width: 17px;
    height: 17px;
    border: 0;
}

#video .download_title {
    float: left;
    padding-left: 2px;
    color: #000;
    font-size: 1em;
    font-weight: bold;
}

#main_mid {
    padding: 6px 6px 8px 6px;
}

#main_mid ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main_mid li {
    float: left;
    width: 233px;
    height: 143px;
    margin-right: 2.5px;
    background-image: url(../../images/system/obi/category_bg.gif);
}

#main_mid li img {
    width: 231px;
    height: 113px;
    display: block;
    border: 0;
}

.title {
    padding-top: 4px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    font-style: italic;
    color: #FFFFFF;
    background-image: url(../../images/system/obi/category_title_bg.gif);
    width: 231px;
    height: 25px;
}

#main_bottom {
    background-image: url(../../images/system/obi/main_bottom_bg.jpg);
    background-position: bottom;
    height: 80px;
    padding: 10px 6px 0px 6px;
}

#main_bottom ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main_bottom li {
    float: left;
    width: 227px;
    height: 80px;
    margin-right: 4.5px;
    padding: 4px 2px;
}

#main_bottom li img {
    float: left;
    width: 101px;
    height: 57px;
    display: block;
    border: 0;
}

#main_bottom .title {
    background: none;
    margin-left: 4px;
    padding: 0;
    float: left;
    width: 118px;
    height: 75px;
    font-size: 0.8em;
    font-style: normal;
    text-align: left;
    color: #000000;
}