* {margin: 0; padding: 0;}
ul, li {list-style: none;}
a:link, a:visited {outline: none; text-decoration: none;}
img {border: none;}

.nomarginright {margin-right: 0 !important;}
.marginright {margin-right: 2px !important;}
body {background: #0b0201 url(bg.jpg) no-repeat 50% 35px; font-family: tahoma;}
#wrapper {background: #0b0201 url(bg.jpg) no-repeat 50% 0; min-height: 971px; margin: 0 auto; position: relative; width: 1024px; z-index: 9;}

#content {margin: 0 auto; position: relative; width: 389px; height: 800px;}
h1 a {display: block; height: 70px; left: 146px; position: absolute; text-indent: -9999px; top: 12px; width: 110px;}
#story {height: 270px; padding: 0 20px; position: absolute; text-align: center; top: 242px; width: 349px;}
#story p {font-size: 11px; line-height: 14px; margin: 0 0 10px 0;}
#feature {display: block; height: 30px; left: 55px; position: absolute; text-indent: -9999px; top: 520px; width: 126px;}
#enter {display: block; height: 30px; left: 190px; position: absolute; text-indent: -9999px; top: 520px; width: 155px;}

#scrshot {bottom: 24px; height: 134px; left: 22px; position: absolute; width: 348px;}
#scrshot ul li {display: inline;}
#scrshot ul li a {display: block; float: left; height: 59px; margin: 0 8px 8px 0; width: 81px;}

#checkbox p {bottom: -48px; color: #978e8e; display: block; font-family: tahoma; font-size: 10px; height: 17px; left: 98px; line-height: 20px; position: absolute; text-transform: uppercase; width: 250px;}
#checkbox input {margin-right: 8px; vertical-align: -2px;}

#footer a {display: block; height: 40px; left: 50%; margin: 52px 0 0 -61px; position: absolute; text-indent: -9999px; width: 138px;}

#hiddenLayer {background: #000; left: 0; position: absolute; top: 0; z-index: 99;}
#popUp {background: #000; border: 1px solid #555; display: none; height: 579px; left: 50%; margin-left: -385px; position: absolute; top: 140px; width: 735px; z-index: 999;}

.popUp {height: 579px; position: relative; width: 735px;}
.popUp .closeBtn {display: block; background: url(x_btn.png) no-repeat 0 0; height: 16px; position: absolute; right: 10px; text-indent: -9999px; top: 10px; width: 16px;}
.character {background: url(char_bg.jpg) no-repeat;}
.character h2 {background: url(texts.png) no-repeat 0 0; height: 32px; position: absolute; right: 25px; text-indent: -9999px; top: 228px; width: 366px;}
.character ul {display: block; position: absolute; right: 26px; top: 293px; width: 290px;}
.character ul li {color: #bcadbd; font-size: 12px; line-height: 15px; margin: 0 0 10px 0;}
.character .toggleBtn {display: block; background: url(buttons.png) no-repeat 0 0; height: 38px; position: absolute; right: 10px; text-indent: -9999px; top: 60px; width: 186px;}
.maps {display: none;}
.maps .toggleBtn {display: block; background: url(buttons.png) no-repeat 0 -38px; height: 38px; position: absolute; right: 10px; text-indent: -9999px; top: 60px; width: 186px;}
.maps #container {height: 520px; width: 735px; position: absolute;}
#container span {display: block; height: 520px; width: 735px;}
#container .title {background: #000; bottom: 20px; height: 127px; left: 0; position: absolute; width: 199px;}
#container .map_1 h3 {background: url(texts.png) no-repeat 0 -32px; height: 48px; margin: 39px auto; text-indent: -9999px; width: 108px;}
#container .map_2 h3 {background: url(texts.png) no-repeat -108px -32px; height: 48px; margin: 36px auto; text-indent: -9999px; width: 92px;}
#container .map_3 h3 {background: url(texts.png) no-repeat -200px -32px; height: 48px; margin: 50px auto; text-indent: -9999px; width: 136px;}
#container .desc {background: #000; bottom: 20px; height: 107px; right: 0; padding: 10px 26px; position: absolute; width: 479px;}
#container .map_2, #container .map_3 {display: none;}
#container .map_2 .title {height: 117px;}
#container .map_3 .title {height: 149px;}
#container .map_2 .desc {height: 67px; padding: 25px 26px;}
#container .map_3 .desc {height: 125px; padding: 12px 26px;}
#container .desc p {color: #fff; font-size: 11px; line-height: 15px;}
.image_1_1 {background: url(map_1_1.jpg) no-repeat;}
.image_1_2 {background: url(map_1_2.jpg) no-repeat;}
.image_2_1 {background: url(map_2_1.jpg) no-repeat;}
.image_2_2 {background: url(map_2_2.jpg) no-repeat;}
.image_3_1 {background: url(map_3_1.jpg) no-repeat;}
.image_3_2 {background: url(map_3_2.jpg) no-repeat;}

#mapsNav {background: url(maps_nav.jpg) no-repeat; bottom: 0; height: 58px; left: 0; position: absolute; width: 735px;}
#mapsNav ul li {display: inline;}
#mapsNav ul li a {display: block; float: left; height: 58px; margin: 0 1px 0 0; text-indent: -9999px; width: 121px;}
#mapsNav ul li#one a.on {background: url(maps_nav.jpg) no-repeat 0 -58px;}
#mapsNav ul li#two a.on {background: url(maps_nav.jpg) no-repeat -122px -58px;}
#mapsNav ul li#three a.on {background: url(maps_nav.jpg) no-repeat -244px -58px;}
#mapsNav ul li#four a.on {background: url(maps_nav.jpg) no-repeat -367px -58px;}
#mapsNav ul li#five a.on {background: url(maps_nav.jpg) no-repeat -490px -58px;}
#mapsNav ul li#six a.on {background: url(maps_nav.jpg) no-repeat -613px -58px;}


/* thickbox */
#TB_window {background: #64615c; border: none;}
#TB_caption {color: #333;}
#TB_closeWindowButton {background: transparent url(x_btn.png) no-repeat scroll 0 0; height: 16px; width: 16px;}
#TB_prev {background: transparent url(arrow_prev.png); height: 45px; margin-top: 20px; width: 45px;}
#TB_next {background: transparent url(arrow_next.png); height: 45px; margin-top: 20px; width: 45px;}