* {margin: 0; padding: 0; font-family: arial;}
ul, li {list-style: none;}
a:link, a:visited {outline: none; text-decoration: none;}
img {border: none;}

body {background: url(bg_repeat.jpg) repeat-x 0 35px;}
#header {background: url(header.jpg) no-repeat center top; height: 612px; position: relative; width: 100%;}
#logo a {display: block; height: 65px; left: 50%; margin-left: 168px; position: absolute; text-indent: -9999px; top: 60px; width: 146px;}
ul#introduction {left: 50%; margin-left: -150px; position: absolute; top: 405px; width: 300px;}
ul#introduction li {text-indent: -9999px;}
#flashVideo {height: 227px; left: 50%; margin-left: -14px; position: absolute; top: 149px; width: 339px;}
#header #enter {display: block; height: 55px; left: 50%; margin-left: -124px; position: absolute; text-indent: -9999px; top: 527px; width: 281px;}

#wrapper {background: url(nav_line.jpg) repeat-x 0 0; height: 39px; position: relative; width: 100%;}
#content {margin: 0 auto; min-height: 380px; height: auto !important; height: 380px; width: 850px;}

#bottomNav {display: block; height: 39px; width: 850px;}
#bottomNav li {display: inline;}
#bottomNav li a {background: url(nav.jpg) no-repeat; float: left; height: 39px; text-indent: -9999px;}
#bottomNav li a#new_items {background-position: 0 0; width: 213px;}
#bottomNav li a#monsters {background-position: -213px 0; width: 211px;}
#bottomNav li a#map {background-position: -424px 0; width: 213px;}
#bottomNav li a#boss {background-position: -637px 0; width: 213px;}
#bottomNav li.on a#new_items {background-position: 0 -39px; width: 213px;}
#bottomNav li.on a#monsters {background-position: -213px -39px; width: 211px;}
#bottomNav li.on a#map {background-position: -424px -39px; width: 213px;}
#bottomNav li.on a#boss {background-position: -637px -39px; width: 213px;}

.new_items ul {padding-top: 22px; width: 850px;}
.new_items ul li {margin-left: 30px; margin-bottom: 30px; height: 114px; float: left; overflow: hidden; position: relative; width: 398px;}
.new_items ul li.right {margin-left: 7px;}
.new_items ul li span {background: url(icons.jpg) no-repeat; display: block; float: left; height: 114px; width: 122px;}
.new_items ul li span#one {background-position: 0 0;}
.new_items ul li span#two {background-position: -122px 0;}
.new_items ul li span#three {background-position: -244px 0;}
.new_items ul li span#four {background-position: -366px 0;}
.new_items ul li p {background: url(texts.gif) no-repeat; margin: 0 0 0 134px; text-indent: -9999px;}
.new_items ul li p.soulstone {background-position: 0 0; height: 103px; width: 231px;}
.new_items ul li p.chestkey {background-position: -231px 0; height: 103px; width: 228px;}
.new_items ul li p.sejulsbox {background-position: 0 -103px; height: 111px; width: 203px;}
.new_items ul li p.sejulsbracers {background-position: -231px -103px; height: 96px; width: 264px;}

.monsters ul {padding-top: 22px; width: 850px;}
.monsters ul li {margin-left: 30px; margin-bottom: 30px; height: 114px; float: left; overflow: hidden; position: relative; width: 398px;}
.monsters ul li.right {margin-left: 7px;}
.monsters ul li span {background: url(icons.jpg) no-repeat; display: block; float: left; height: 114px; width: 122px;}
.monsters ul li span#one {background-position: 0 -114px;}
.monsters ul li span#two {background-position: -122px -114px;}
.monsters ul li span#three {background-position: -244px -114px;}
.monsters ul li span#four {background-position: -366px -114px;}
.monsters ul li p {background: url(texts.gif) no-repeat; margin: 0 0 0 134px; text-indent: -9999px;}
.monsters ul li p.ghoul {background-position: 0 -214px; height: 92px; width: 242px;}
.monsters ul li p.slaughter {background-position: -242px -214px; height: 93px; width: 223px;}
.monsters ul li p.skelly {background-position: 0 -307px; height: 93px; width: 214px;}
.monsters ul li p.necromancer {background-position: -242px -307px; height: 94px; width: 256px;}

.map #darkMonastery {background: url(icons.jpg) no-repeat 0 -228px; display: block; height: 328px; text-indent: -9999px; width: 850px;}
.boss #sejul {background: url(icons.jpg) no-repeat 0 -556px; display: block; height: 218px; padding-bottom: 110px; text-indent: -9999px; width: 850px;}