html {height: 100%;}
body {height: 100%; background: #000 url(../i/body-bg.jpg) no-repeat center center;}
body, td {font-family: georgia, trebuchet MS, arial, verdana, tahoma; font-size: 12px; color: #CCC;}


/******************/
/*  BASIC LAYOUT  */
/******************/

.origin {width: 1px; height: 1px; position: absolute; left: 50%; top: 50%;}
.wrapper {margin: -217px 0px 0px -125px; position: relative; width: 500px; height: 435px;}

.webby {height: 1px; position: absolute; top: 50%; width: 100%; left: 0; right: 0;}
.webby p {width: 50%; display: block; position: relative; float: right; height: 1px;}
.webby a {top: -50px; margin: 0 auto; left: 50%; position: absolute; display: block; width: 92px; height: 91px; text-indent: -9999px; background: url(../i/webby.gif) no-repeat;}

/******************/
/*    CSS RULES   */
/******************/

a {color: #f6cd6d; text-decoration: underline;}
a:hover {color: #de0049; stext-decoration: none;}

.title {position: absolute; left: 0px; top: 0px; width: 250px; height: 323px; background: #000;}
.title h1 {position: absolute; left: 30px; top: 26px; display: block; width: 186px; height: 37px; background: url(../i/logo.gif) no-repeat; text-indent: -9999px;}
/*.title .story {position: absolute; left: 33px; top: 84px; display: block; width: 122px; height: 35px; background: url(../i/title-story.gif) no-repeat; text-indent: -9999px;}*/
.title .story {position: absolute; left: 33px; top: 84px; display: block; width: 154px; height: 35px; background: url(../i/title-story.gif) no-repeat; text-indent: -9999px;}
.title .sketch {position: absolute; left: 31px; top: 146px; display: block; width: 65px; height: 12px; background: url(../i/title-sketch.gif) no-repeat; text-indent: -9999px;}
.title .tobe {position: absolute; left: 12px; top: 237px; display: block; width: 221px; height: 43px; background: url(../i/title-tobelaunched.gif) no-repeat; text-indent: -9999px;}

.title .enter a {position: absolute; left: 31px; top: 230px; width: 84px; height: 39px; text-indent: -9999px; background: url(../i/enter.gif) no-repeat left top;}
.title .enter a:hover {background-position: left bottom;}

.title .closed {position: absolute; left: 31px; top: 230px; width: 151px; height: 38px; text-indent: -9999px; background: url(../i/closed.png) no-repeat left top;}

.news {position: absolute; left: 251px; top: 65px; width: 304px; min-height: 153px; background: #000;}
.news .header {margin: 20px 0px 14px 30px; position: relative; display: block; text-indent: -9999px; width: 34px; height: 11px; background: url(../i/title-news.gif) no-repeat left top;}
.news ul {margin-left: 23px; margin-bottom: 20px; padding-right: 70px; font-size: 12px; color: #e9e9e9;}
.news ul li {margin-bottom: 18px; padding-left: 7px; line-height: 18px; background: url(../i/dot03.gif) no-repeat 0px 8px;}

* html .news {height: 304px;}

.requirements {position: absolute; left: 0px; top: 323px; width: 250px; height: 111px; background: #000; border-top: 1px solid #151515;}
.requirements p {position: absolute; left: 30px; top: 20px; display: block; width: 202px; height: 60px; background: url(../i/requirements.gif) no-repeat; text-indent: -9999px;}
.requirements a {position: absolute; left: 0px; top: 16px; width: 113px; height: 12px; background: url(../i/req-flash-hover.gif) no-repeat -999px -999px;}
.requirements a:hover {background-position: left top;}

.tnx p {left: 27px; width: 144px; height: 60px; background: url(../i/tnx.png);}