.oneline { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; } .clear { clear: both; float: left; } .inline-block { display: inline-block; } .access { height: 0; left: 0; overflow: hidden; position: absolute; top: -500px; width: 0; font-size: 0; } html { min-width: 990px; } body { background: url(bg.jpg) no-repeat center top #b6da4d; min-width: 990px; } .container { width: 990px; margin: auto; position: relative; } header, #content, footer { width: 100%; float: left; clear: both; position: relative; } header { height: 78px; background: url(header_plate.png) no-repeat center top; z-index: 110; } header .logo { position: absolute; top: -1px; left: -25px; border: 1px solid transparent; } header .logo:focus { border: 1px dotted #000000; } header .menu { position: absolute; top: 0; right: 0; z-index: 1; } header .menu li { list-style: none; float: left; line-height: 70px; margin: 0 12px; } header .menu li.divider { width: 2px; background: url(divider.png) no-repeat center center; font-size: 0; margin: 0 1px; height: 70px \9; } header .menu li.chg-font-size { margin: 0 3px; } header .menu li.chg-font-size.first { margin-left: 7px; } header .menu li.chg-font-size.last { margin-right: 0; } header .menu li.chg-font-size a { display: block; width: 33px; height: 33px; padding: 0; margin-top: 18px; background: url(aaa.png) no-repeat; border: 1px solid transparent; } header .menu li.chg-font-size a:focus { border: 1px dotted #000000; } header .menu li.chg-font-size a.small { background-position: -5px -4px; } header .menu li.chg-font-size a.small.selected, header .menu li.chg-font-size a.small:hover, header .menu li.chg-font-size a.small:focus { background-position: -5px -44px; } header .menu li.chg-font-size a.normal { background-position: -46px -4px; } header .menu li.chg-font-size a.normal.selected, header .menu li.chg-font-size a.normal:hover, header .menu li.chg-font-size a.normal:focus { background-position: -46px -44px; } header .menu li.chg-font-size a.large { background-position: -89px -4px; } header .menu li.chg-font-size a.large.selected, header .menu li.chg-font-size a.large:hover, header .menu li.chg-font-size a.large:focus { background-position: -89px -44px; } header .menu li a { color: #2e2e2e; padding: 18px 0; border: 1px solid transparent; } header .menu li a.selected, header .menu li a:hover, header .menu li a:focus { color: #175d5d; text-decoration: underline; font-weight: bold; } header .menu li a.selected.no-link, header .menu li a:hover.no-link, header .menu li a:focus.no-link { font-weight: normal; color: #2e2e2e; text-decoration: none; } header .menu li a:focus { border: 1px dotted #000000; } #content { min-height: 500px; } #content .content-top-wrapper, #content .content-middle-wrapper, #content .content-bottom-wrapper { clear: both; float: left; width: 100%; } #content .content-top-wrapper { position: relative; height: 172px; } #content .content-top-wrapper img { position: absolute; top: -3px; right: 14px; } #content .content-middle-wrapper { background: url(main_content_plate_header.jpg) no-repeat center top #ffffff; } #content .content-middle-wrapper .content-middle-left-wrapper { float: left; width: 248px; padding: 6px 6px 6px 9px; } #content .content-middle-wrapper .content-middle-left-wrapper h1 { background: url(side_menu_header.png) no-repeat; width: 100%; height: 59px; } #content .content-middle-wrapper .content-middle-left-wrapper h1 img { margin: 22px 0 0 29px; } #content .content-middle-wrapper .content-middle-left-wrapper nav { background: url(side_menu_body_repeat.png) repeat-y left top; padding: 14px 20px 10px 16px; min-height: 286px; } #content .content-middle-wrapper .content-middle-left-wrapper nav li { list-style: none; background: url(sdie_menu_item_sep.png) no-repeat center top; line-height: 20px; padding-top: 2px; padding-bottom: 1px; } #content .content-middle-wrapper .content-middle-left-wrapper nav li.top { background: none; } #content .content-middle-wrapper .content-middle-left-wrapper nav li a { color: #ffffff; display: block; padding: 8px 10px 8px 32px; border: 1px solid transparent; background: url(side_menu_li_rollout.png) no-repeat 13px 12px; } #content .content-middle-wrapper .content-middle-left-wrapper nav li a:focus { border: 1px dotted #ffffff; } #content .content-middle-wrapper .content-middle-left-wrapper nav li a.selected, #content .content-middle-wrapper .content-middle-left-wrapper nav li a:hover, #content .content-middle-wrapper .content-middle-left-wrapper nav li a:focus { background-color: #062d2d; background-image: url(side_menu_li_rollover.png); } #content .content-middle-wrapper .content-middle-left-wrapper nav li a[href="#"] { cursor: pointer; } #content .content-middle-wrapper .content-middle-left-wrapper nav li a[href="#"]:hover, #content .content-middle-wrapper .content-middle-left-wrapper nav li a[href="#"]:focus { background-color: transparent; background-image: url(side_menu_li_rollout.png); } #content .content-middle-wrapper .content-middle-left-wrapper nav li a[href="#"].selected { background-color: transparent; background-image: url(side_menu_li_rollover.png); } #content .content-middle-wrapper .content-middle-left-wrapper nav li ul li a { background: url(side_menu_li_rollout.png) no-repeat 37px 12px; padding: 8px 10px 8px 56px; } #content .content-middle-wrapper .content-middle-left-wrapper .content-middle-left-wrapper-bottom { background: url(side_menu_footer.png) no-repeat; min-height: 100px; text-align: right; padding-top: 12px; padding-right: 10px; } #content .content-middle-wrapper .navigation { padding: 0 26px; text-align: right; } #content .content-middle-wrapper .navigation li { display: inline-block; vertical-align: middle; height: 42px; line-height: 42px; color: #0f4a4a; list-style: none; font-weight: bold; margin-left: 14px; } #content .content-middle-wrapper .navigation li a { color: #0f4a4a; font-weight: bold; } #content .content-middle-wrapper .content-middle-right-wrapper { float: left; width: 727px; } #content .content-middle-wrapper .content-middle-right-wrapper.fullwidth { float: none; width: 100%; min-height: 650px; } #content .content-middle-wrapper .content-middle-right-wrapper.fullwidth .editor { padding: 16px 26px; } #content .content-middle-wrapper .content-middle-right-wrapper .editor { padding: 16px 26px 16px 13px; } #content .content-bottom-wrapper { background: url(main_content_plate_footer.jpg) no-repeat center bottom; height: 30px; margin-bottom: 2px; } footer { height: 92px; background: url(footer_plate.png) no-repeat center top; } footer .copyright { position: absolute; top: 22px; left: 0; font-size: 13px; color: #3c3c3c; } footer .copyright a { font-size: 13px; color: #3c3c3c; border: 1px solid transparent; } footer .copyright a:focus { border: 1px dotted #000000; } footer .menu { position: absolute; left: 0; top: 45px; } footer .menu li { float: left; list-style: none; line-height: 30px; } footer .menu li.divider { width: 1px; background: url(divider2.png) no-repeat center center; margin: 0 20px; font-size: 0; } footer .menu li a { display: block; color: #3c3c3c; border: 1px solid transparent; } footer .menu li a:focus { border: 1px dotted #000000; } footer .menu-right { position: absolute; right: 0; top: 17px; } footer .menu-right li { float: left; list-style: none; margin-left: 19px; } footer .menu-right li.divider { font-size: 0; height: 1px; margin-left: 36px; } footer .menu-right li span { display: block; font-size: 15px; padding-top: 3px; } footer .menu-right li a { display: block; border: 1px solid transparent; } footer .menu-right li a:focus { border: 1px dotted #000000; } #cboxTopLeft, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none; width: 0; height: 0; } #cboxTopCenter { background: white; height: 44px; border-bottom: 1px solid #c6c6c6; } #cboxClose, #cboxClose:hover { background: url(btn-close.png) 0 0 no-repeat; width: 25px; height: 26px; text-indent: 10px; top: -37px; width: 89px; color: #a1242c; text-decoration: underline; } #colorbox { border: 6px solid #c6c6c6; } body { background: url(main_page_background.jpg) no-repeat center top #377922; min-width: 1004px; } #content { height: 652px; } #content > .container { z-index: 1; } #content .news-wrapper { background: url(news_plate.png) no-repeat; width: 336px; height: 223px; position: absolute; top: 14px; right: -7px; padding: 21px 26px; z-index: 10; } #content .news-wrapper h2 { position: relative; height: 38px; } #content .news-wrapper h2 a { position: absolute; right: -9px; top: -9px; width: 98px; height: 38px; line-height: 38px; color: #ffffff; text-align: center; background: url(btn.png) no-repeat; font-weight: normal; border: 1px solid transparent; } #content .news-wrapper h2 a:focus { border: 1px dotted #000000; } #content .news-wrapper ul { padding: 8px 3px 0; height: 176px; } #content .news-wrapper ul li { margin-top: 7px; list-style: none; border-bottom: 1px dotted #678d8d; padding-bottom: 12px; } #content .news-wrapper ul li.last { border-bottom: 0 none; padding-bottom: 0; } #content .news-wrapper ul li time { font-size: 13px; padding-bottom: 2px; height: 22px; display: block; color: white; } #content .news-wrapper ul li .editor { height: 46px; overflow: hidden; } #content .news-wrapper ul li .editor *, #content .news-wrapper ul li .editor a, #content .news-wrapper ul li .editor a:link, #content .news-wrapper ul li .editor a:active, #content .news-wrapper ul li .editor a:visited, #content .news-wrapper ul li .editor a:hover, #content .news-wrapper ul li .editor a:focus { color: white; } #content .character-wrapper { position: absolute; min-width: 990px; min-height: 652px; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; } #content .character-wrapper .container { height: 100%; } #content .character-wrapper .character-container, #content .character-wrapper .name { position: absolute; } #content .character-wrapper .character1 { right: 179px; bottom: 7px; } #content .character-wrapper .character1 .name { left: 38px; top: 21px; } #content .character-wrapper .character2 { right: 69px; bottom: 12px; } #content .character-wrapper .character2 .name { left: 123px; top: 25px; } #content .character-wrapper .character3 { left: 9px; bottom: 21px; } #content .character-wrapper .character3 .name { left: 132px; top: -77px; } #content .character-wrapper .character4 { left: 208px; bottom: 15px; z-index: 1; } #content .character-wrapper .character4 .name { left: -25px; top: -57px; } #content .character-wrapper .character5 { left: 324px; top: 144px; } #content .character-wrapper .character5 .name { left: 125px; top: -50px; } #content .character-wrapper .character6 { left: 6px; top: 245px; } #content .character-wrapper .character6 .name { left: 93px; top: -66px; }