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

.white {color: #fff;}
body {background: url(bg_gradient.jpg) repeat-x 0 0;}
#wrapper {background: url(bg_characters.jpg) no-repeat center top; margin: 0 auto; padding: 0 100px; height: 800px; width: 733px;}
#header {background: url(header.jpg) no-repeat center bottom; height: 499px; margin: 0 auto 0; position: relative; width: 695px;}
#logo a {display: block; height: 98px; left: 220px; position: absolute; top: 12px; text-indent: -9999px; width: 255px;}
#header ul {display: block; left: 17px; position: absolute; top: 254px; width: 321px;}
#header ul li {background: url(bullet.gif) no-repeat 0 9px; color: #c876a2; display: block; font-family: arial; font-size: 13px; font-weight: bold; line-height: 22px; padding-left: 13px;}
#register {background: url(register.jpg) no-repeat; display: block; height: 153px; position: absolute; right: -59px; top: 90px; text-indent: -9999px; width: 145px;}
#flashVideo {height: 232px; left: 348px; position: absolute; top: 243px; width: 330px;}

#content {margin: 0 auto 0; position: relative; width: 695px;}
#content #nav ul {background: url(nav.jpg) no-repeat; display: block; height: 36px; width: 695px;}
#content ul#intro {background-position: 0 0;}
#content ul#characters {background-position: 0 -36px;}
#content ul#screenshots {background-position: 0 -72px;}
#content ul li {display: inline;}
#content ul li a {display: block; float: left; height: 36px;}
#content ul li a#intro {width: 233px;}
#content ul li a#characters {width: 230px;}
#content ul li a#screenshots {width: 232px;}

#content .description {background: url(main.png) repeat-y; clear: both; min-height: 300px; height: auto !important; height: 300px; padding: 31px 36px 50px; position: relative; width: 623px;}
#content .intro p {color: #fa9bc8; font-family: arial; font-size: 12px; line-height: 19px;}
#content .intro ul {width: 378px;}
#content .intro ul li {background: url(bullet.gif) no-repeat 0 6px; color: #ffe3f3; display: block; font-family: arial; font-size: 12px; line-height: 17px; margin: 20px 0 0 12px; padding-left: 13px;}
#content .intro #arien {background: url(arien.png) no-repeat; display: block; height: 411px; position: absolute; right: -53px; text-indent: -9999px; top: 117px; width: 394px;}

#content .screenshots {*height: 650px; overflow: hidden; padding-top: 10px;}
#content .screenshots .entry {float: left; height: 105px; padding: 25px 21px 0 0; width: 140px;}
#content .screenshots .entry .desc {color: #fff; display: block; font-size: 12px; padding-top: 8px; text-align: center;}
#content .screenshots .last {padding-right: 0;}

#register_bottom {background: url(register_bottom.jpg) no-repeat; display: block; height: 52px; margin: 20px auto 0; text-indent: -9999px; width: 260px;}
#footer {background: url(http://static.ogplanet.com/static/LostSaga/obt/img/ogp_footer.png) no-repeat; height: 29px; margin: 0 auto 0; padding: 0 0 20px; position: relative; width: 476px;}
#ogpHome {display: block; height: 38px; left: 0; position: absoulte; top: 0; width: 160px;}

/* thickbox */
#TB_window {background: #fff; border: none;}
#TB_caption {color: #333;}
#TB_closeWindowButton {background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/x_button.gif) no-repeat scroll 0 0; height: 20px; width: 22px;}
#TB_prev {background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/prev.png); height: 49px; width: 49px;}
#TB_next {background: transparent url(http://static.ogplanet.com/static/LostSaga/obt/img/next.png); height: 49px; width: 49px;}
#wrapper_out {background: url(bg_characters.jpg) no-repeat 50% 0;}