﻿@charset 'utf-8';

/* header */
#center {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 980px;
}

#header {
    width: 980px;
    margin: 5px 0 5px 0;
}
#header-box{
    margin: 20px 20px 5px 0;
    vertical-align:bottom;
}
#header-logo {
    float: left;
    /*margin-top: 118px;*/
    width: 192px;
}
/*
#header-banner-box {
    width:850px;
    height:70px;
}
#header-banner {
    float: right;
    width: 570px;
    height: 85px;
}
*/

#header-panel {
    float: right;
    text-align: right;
    vertical-align:bottom;
    margin: 10px 5px 0 0;
    color: #666666;
}

#header-banner {
    float: right;
    text-align: right;
    vertical-align:bottom;
    margin: 0 0 0 0;
    color: #666666;
    border: solid 1px #006BAD;
}

#header-login {
    float: right;
    text-align: right;
    vertical-align:bottom;
    margin: 10px 0 0 0;
    color: #666666;
}

#header-login ul li{
    border-right: solid 1px #006BAD;
}
#header-login ul li a {
    padding: 0 4px 0 4px;
    margin: 0 4px 0 4px;
}
#header-login ul li.li-last{
    border-right: none;
}


/* footer */

#footer{
    width:811px;
    margin: 10px 0 5px 0;
}

.footer-tab-header, .footer-tab-contents {
    float:left;
}

.footer-main-contents{
    font-size: 0.9em;
    word-spacing:-0.1em;
    color: #999999;
}
.footer-link div, .footer-info div, .footer-main div{
    float: left;
}
.footer-tab-header{
    color: #999999;
    font-size: 1.4em;
    font-style: italic;
    margin-right:10px;
    width: 120px;    
}

#footer-contact {
    border-top: solid 2px #898989;
    height: 30px;
    padding-top: 12px;
}
#footer-contact img{
    margin: 0 15px 0 15px;
}
#footer-about {
    border-top: solid 2px #898989;
    /*border-top: solid 1px #888888;*/
    height: 30px;
    padding-top: 15px;
}
#footer-about ul {
    height: 12px;
}
#footer-about ul li{
    font-size: 0.9em;
    border-right: solid 1px #666;
    padding: 0 15px 0 15px
}
#footer-about ul li.li-last{
    border-right: none;
}
#footer-main {
    border-top: solid 3px #415890;
    padding-top: 10px;
}

/* menu */
ul#menu {
    width: 980px;
    height: 45px;
}
ul#menu li {
    height:45px;
    float:left;
}
ul#menu li a {
  display: block;
  height:45px;
  text-indent : -9000%;
  outline: none;
}
ul#menu li a:hover {
  background-position: left bottom;
}

#menu .menu-home, #menu .menu-home a {
    width: 100px;
    background: url(/framework/images/menu/home.gif) no-repeat;
}
#menu .menu-vote, #menu .menu-vote a {
    width:100px;
    background: url(/framework/images/menu/vote.gif) no-repeat;
}
#menu .menu-search, #menu .menu-search a {
    width:100px;
    background: url(/framework/images/menu/search.gif) no-repeat;
}
#menu .menu-power, #menu .menu-power a {
    width:76px;
    background: url(/framework/images/menu/power.gif) no-repeat;
}
#menu .menu-magazine, #menu .menu-magazine a {
    width:67px;
    background: url(/framework/images/menu/magazine.gif) no-repeat;
}
#menu .menu-br, #menu .menu-br a {
    width:113px;
    background: url(/framework/images/menu/br.gif) no-repeat;
}
#menu .menu-bbs, #menu .menu-bbs a {
    width:87px;
    background: url(/framework/images/menu/bbs.gif) no-repeat;
}
#menu .menu-mobile, #menu .menu-mobile a {
    width:65px;
    background: url(/framework/images/menu/mobile.gif) no-repeat;
}
#menu .menu-shopping, #menu .menu-shopping a {
    width:113px;
    background: url(/framework/images/menu/shopping.gif) no-repeat;
}
#menu .menu-samsung, #menu .menu-samsung a {
    width:77px;
    background: url(/framework/images/menu/samsung.gif) no-repeat;
}
#menu .menu-bg, #menu .menu-bg a {
    width:227px;
    background: url(/framework/images/menu/bg.gif) repeat-x;
}
#menu .menu-head, #menu .menu-head a {
    width:50px;
    background: url(/framework/images/menu/bg.gif) repeat-x;
}
#menu .menu-tail, #menu .menu-tail a {
    width:27px;
    background: url(/framework/images/menu/tail.gif) no-repeat;
}

#menu-bottom {
    width:850px;
    height:20px;
    /*background: url(/framework/images/menu/bottom.png) no-repeat;*/
}
#menu-bottom ul {
    padding-top: 0px;
    display:none;
    position: relative;
}
#menu-bottom ul li{
    border-right: solid 1px #006BAD;
}
#menu-bottom ul li a {
    color: #006BAD;
    padding: 0 4px 0 4px;
    margin: 2px 4px 2px 4px;
}
#menu-bottom ul li a:hover {
    background-color: #d6f1fe;
}
#menu-bottom ul li.li-last{
    border-right: none;
}


/* contents */
#contents { /* header + banner size*/
    width:865px;
    padding: 0 10px 0 0;
    margin: 0 0 0 0;
    float:left;
}

.borderbottom tr td, .tr-borderbottom td, .td-borderbottom {
    border-bottom: solid 1px #D8D8D8;
}

#sidebar {
 width: 140px;
 float:left;
}

div.connections_grid {
    display:none;
}


