/* BASICS
----------------------------------------------- */
body {font-size: 14px; line-height: 16px;}
body,
input,
button,
select,
textarea {font-family: Arial, Helvetica, sans-serif; color: #666;}
p {margin: 0 0 16px;}
a {color: #fff; cursor: pointer;}
a:hover {color: #ccc;}
h1 {font: 30px/35px Georgia, serif; color: #fff; margin: 0 0 16px;}
h2 {font: 30px/35px Georgia, serif; color: #fff; margin: 0 0 16px;}



/* COMMON
----------------------------------------------- */
li,
img,
input.image {vertical-align: top;}
img {border: 0;}
object {outline: 0;}
.clear {width: 100%; height: 0; clear: both; float: none; display: block; font-size: 0; line-height: 0; overflow: hidden;}

/* wrap */
.wrap {min-height: 1px; height: auto !important; height: 1px; clear: both; float: none; display: block;}
.wrap:after {height: 0; content: '.'; clear: both; display: block; font-size: 0; line-height: 0; overflow: hidden;}

/* nl */
.nl,
.nl ol,
.nl ul,
.nl li {margin: 0; padding: 0; background: none; list-style: none outside none;}



/* LAYOUT
----------------------------------------------- */
html,
body {min-width: 990px; height: 100%;}
body {background: #000 url(../img/body_bg.jpg) no-repeat 50% 0; margin: 0; padding: 0;}
#header {width: 940px; height: 610px; margin: 0 auto; padding: 0 25px; position: relative;}
#content {width: 952px; margin: 0 auto; padding: 0 25px 100px;}
#left {width: 300px; float: left;}
#main {width: 620px; float: right;}



/* NAVIGATION
----------------------------------------------- */
/* link-map */
.link-map {font: 30px/35px Georgia, serif; margin-bottom: 16px;}
.link-map a {text-decoration: none; padding-left: 40px; background: url(../img/link_map.gif) no-repeat 0 5px;}

/* menu */
.menu li {margin-bottom: 16px;}



/* BLOCKS
----------------------------------------------- */
/* video */
#video {display: none;}
.link-video {margin-bottom: 16px;}

/* player */
.player {right: 0; top: 20px; position: absolute;}

/* gallery */
.gallery {margin-left: -20px;}
.gallery .i {width: 140px; height: 140px; margin: 0 0 20px 20px; float: left; display: inline;}
.gallery a {width: 100%; height: 100%; background: #fff; display: block;}
.gallery a:hover {background: #ccc;}
.gallery img {width: 134px; height: 134px; margin: 3px 0 0 3px; background: #999;}

/* text-place */
.text-place {float: right;}

/* fancybox */
div#fancy_overlay {z-index: 30; width: 100%; height: 100%; left: 0; top: 0; background: #000; position: fixed; display: none;}
div#fancy_wrap {text-align: left;}
div#fancy_loading {z-index: 100; width: 40px; height: 40px; overflow: hidden; cursor: pointer; position: absolute; display: none;}
div#fancy_loading div {width: 40px; height: 480px; left: 0; top: 0; background: url(../img/fancybox/fancy_progress.png) no-repeat; position: absolute;}
div#fancy_loading_overlay {z-index: 30; background: #fff; position: absolute;}
div#fancy_loading_icon {z-index: 35; width: 16px; height: 16px; background: url(../img/fancybox/fancy_loading.gif) no-repeat; position: absolute;}
div#fancy_outer {z-index: 90; left: 0; top: 0; margin: 0; padding: 18px 18px 33px 18px; background: transparent; overflow: hidden; position: absolute; display: none;}
div#fancy_inner {width: 100%; height: 100%; border: 1px solid #bbb; background: #fff; position: relative;}
div#fancy_content {z-index: 100; margin: 0; position: absolute;}
div#fancy_div {z-index: 100; color: #fff; width: 100%; height: 100%; background: #000;}
img#fancy_img {z-index: 100; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; border: 0; position: absolute;}
div#fancy_close {z-index: 181; width: 30px; height: 30px; right: -15px; top: -12px; background: url(../img/fancybox/fancy_closebox.png) no-repeat; cursor: pointer; position: absolute; display: none;}
#fancy_frame {width: 100%; height: 100%; position: relative; display: none;}
#fancy_ajax {width: 100%; height: 100%; overflow: auto;}
a#fancy_left,
a#fancy_right {z-index: 111; width: 35%; height: 100%; bottom: 0; background: url(null); cursor: pointer; outline: none; position: absolute; display: none;}
a#fancy_left {left: 0;}
a#fancy_right {right: 0;}
span.fancy_ico {z-index: 112; width: 30px; height: 30px; top: 50%; margin-top: -15px; cursor: pointer; position: absolute; display: block;}
span#fancy_left_ico {left: -9999px; background: url(../img/fancybox/fancy_left.png) no-repeat;}
span#fancy_right_ico {right: -9999px; background: url(../img/fancybox/fancy_right.png) no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px;}
a#fancy_right:hover span {right: 20px;}
.fancy_bigIframe {width: 100%; height: 100%; left: 0; top: 0; background: transparent; position: absolute;}
div#fancy_bg {z-index: 70; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; border: 0; position: absolute;}
div.fancy_bg {z-index: 70; margin: 0; padding: 0; border: 0; position: absolute; display: block;}
div.fancy_bg_n {width: 100%; height: 18px; top: -18px; background: url(../img/fancybox/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne {width: 13px; height: 18px; top: -18px; right: -13px; background: url(../img/fancybox/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e {width: 13px; height: 100%; right: -13px; background: url(../img/fancybox/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se {width: 13px; height: 18px; bottom: -18px; right: -13px; background: url(../img/fancybox/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s {width: 100%; height: 18px; bottom: -18px; background: url(../img/fancybox/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw {width: 13px; height: 18px; left: -13px; bottom: -18px; background: url(../img/fancybox/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w {width: 13px; height: 100%; left: -13px; background: url(../img/fancybox/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw {width: 13px; height: 18px; left: -13px; top: -18px; background: url(../img/fancybox/fancy_shadow_nw.png) no-repeat;}
div#fancy_title {z-index: 100; width: 100%; left: 0; bottom: -33px; position: absolute; display: none;}
div#fancy_title div {font: bold 12px Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title td {padding: 0; vertical-align: middle;}
td#fancy_title_left {width: 15px; height: 32px; background: url(../img/fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px; background: url(../img/fancybox/fancy_title_main.png) repeat-x;}
td#fancy_title_right {width: 15px; height: 32px; background: url(../img/fancybox/fancy_title_right.png) repeat-x;}
