body {
    background-color: #c2def3;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 36px;
}
a { cursor: pointer; }

div#background_top {
    background: url(/gfx/background_rockets_top.jpg);
    background-repeat: repeat-x;
    height: 662px;
    /*margin-bottom: -662px;*/
    position: relative;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: -10;
}
div#element {
    background: url(/gfx/background_rockets_rocket.png);
    background-repeat: no-repeat;
    height: 427px;
    width: 121px;
    position: absolute;
    left: 50%;
    margin-left: -530px;
    top: 180px;
}
div#background_bottom {
    background: url(/gfx/background_rockets_bottom.png);
    background-repeat: repeat-x;
    height: 348px;
    position: absolute;
    width: 100%;
    z-index: -5;
    margin-top: -200px;
}

div#wrapper {
    position: relative;
    left: 50%;
    margin-left: -473px;
    margin-top: 36px;
    top: 0px;
    width: 1024px;
    overflow: hidden;
    padding-bottom: 28px;
}

/* BODY */
div#_top { width: 946px; height: 35px; background: url(/gfx/body_top.png) no-repeat; display:block;}
div#_middle { width: 946px; background: url(/gfx/body_middle.png); background-repeat: repeat-y; padding-left: 40px; }
div#_middle.home { height: 870px; }
div#_bottom { width: 946px; height: 33px; background: url(/gfx/body_bottom.png) no-repeat; display:block; overflow: hidden; }

/* FLASH BANNER */
div#flash_header { width: 865px; height: 86px; }
div#flash_header a { width: 865px; height: 86px; display: block; background: url(/gfx/_headers/krissx.png) no-repeat;}

/* MORE DETAILS */
ul#more_details { width: 679px; height: 178px; background: url(/gfx/more_details.png) no-repeat; margin-top: 16px; text-indent: -9999px; position: relative; top: 582px; }
a#title_more_details {  background: url(/gfx/btn_more_details.png) no-repeat; height: 14px; width: 91px; text-indent: -9999px; display: block; position: relative; top: 109px; left: 18px;}
ul#more_details a:hover { background: url(/gfx/btn_more_details_hover.png) no-repeat; }

/* NEWS */
ul#news { width: 332px; height: 374px; background: url(/gfx/news.png) no-repeat; margin-top: 14px; font-size: 19px;}
ul#news a { position: absolute; top: 490px; left: 65px; width: 280px; display: block; color: #b0145a; text-align: center;}
ul#news a:hover { text-decoration: underline; }
a#news_0 { margin-top: -3px;}
a#news_1 { margin-top: 75px; }
a#news_2 { margin-top: 153px; }
a#news_3 { margin-top: 231px;}

/* NEWS TITLE - !important tag used to reset width of anchors */
a#title_news {  background: url(/gfx/btn_news.png) no-repeat; height: 14px; text-indent: -9999px; display: block; position: relative; margin-top: 306px; margin-left: -5px; width: 36px !important; display:block;}
a#title_news:hover { background: url(/gfx/btn_news_hover.png) no-repeat; display: block;}

/* USEFUL ARTICLES */
ul#useful_articles { width: 332px; height: 374px; background: url(/gfx/useful_articles.png) no-repeat; margin-left: 344px; margin-top: -374px; text-align: center; }
ul#useful_articles a { position: absolute; top: 495px; left: 405px; width: 127px; display: block; color: #cd801e; font-size: 19px; width: 120px;}
ul#useful_articles a:hover { text-decoration: underline; }
a#article_0 { margin-left: 4px;}
a#article_1 { margin-left: 164px; }
a#article_2 { margin-top: 160px; margin-left: 4px; }
a#article_3 { margin-top: 160px; margin-left: 164px;}
a#title_articles {  background: url(/gfx/btn_useful_articles.png) no-repeat; height: 14px; width: 36px; text-indent: -9999px; display: block; position: relative; margin-top: 300px; margin-left: 0px;}
a#title_articles:hover { background: url(/gfx/btn_useful_articles_hover.png) no-repeat; }

/* GAMES SHOWCASE */
div#gs_container { position: relative; height: 178px; background: url(/gfx/games_showcase.png) no-repeat; margin-top: 14px; top: -583px; }
div#home_screens { position: relative; top: 11px; left: 13px; width: 654px; height: 118px; overflow: hidden; }
ul#games_showcase { position: absolute;  display: inline; }
ul#games_showcase li.list_title { display: none; }
ul#games_showcase li {  position: relative; margin-right: 8px; margin-left: 0px; display: inline; height: 118px; width: 210px;}
ul#games_showcase img { margin: 0px; padding: 0px;}
ul#games_showcase h3 { width: 0px; display: none;}
a#title_games_showcase {  background: url(/gfx/btn_games_showcase.png) no-repeat; height: 22px; width: 647px; text-indent: -9999px; display: block; position: relative; top: 28px; left: 18px; }
a#title_games_showcase:hover { background: url(/gfx/btn_games_showcase_hover.png) no-repeat; }

/* NEXT AND PREVIOUS SCROLLER */
ul#thumb_navigation {
    position: absolute;
    text-indent: -9999px;
    display: inline;
    top: 35px;
    z-index: 10;
}
ul#thumb_navigation li {
    position: absolute;
    width: 53px;
    height: 83px;
}
li#next {
    left: 659px;
    background: url(/gfx/games/btn_next) no-repeat;
    z-index: 10;
}
li#previous {
    left: -31px;
    background: url(/gfx/games/btn_prev) no-repeat;
}
ul#thumb_navigation a {
    display: block;
    width: 44px;
    height: 82px;
}

/* RIGHT COLUMN */
div#right_column { margin-left: 704px; margin-top: -778px; }

/* SIGNUP */
div#signup { position: relative; width: 160px; height: 178px; background: url(/gfx/signup.png) no-repeat; margin-top: 16px;}
#signup p { position: relative; top: 10px; height: 28px; left: 10px; width: 135px;}
#signup a { display: block; text-indent: -9999px; height: 28px; width: 135px;}
form#signup_form legend { display: none; }
form#signup_form label { display: none; }
div#signup input { position: absolute; background: none; display: block; border: none;}
input#username { width: 132px; top: 58px; left: 14px; }
input#password { width: 132px; top: 80px; left: 14px; }
input#remember { width: 13px; height: 13px;  border: 0; background: #e6e6e6; top: 108px; left: 12px;}
input#submit { width: 42px; height: 25px; top: 102px; left: 106px; cursor:pointer; font-size: 0px; display:block; line-height: 0px; text-indent: -9999px; }
a#title_forum { position: relative; top: 120px; left: 56px; background: url(/gfx/btn_forum.png) no-repeat; width: 45px; height: 14px; display: block;}
a#title_forum:hover { background: url(/gfx/btn_forum_hover.png) no-repeat; }
p#login_text { position: absolute; font-size: 10px; color: #000; top: 41px; left: 14px; }
a#forgot_password { color: #000; text-decoration: none; text-indent: 0px; top: -13px; position: relative; left: 38px; }
a#forgot_password:hover { color: #000; text-decoration: underline; }

/* SIGNUP - LOGGED IN */
#logged_in { position: relative; width: 160px; height: 178px; background: url(/gfx/signout.png) no-repeat; margin-top: 16px; }
#logged_in p { text-indent: -9999px; }
p#sign_out { text-indent: 0px; position: absolute; top: 110px; left: 56px; font-size: 12px; font-weight: bold; }
p#sign_out a { color: #888; }
p#sign_out a:hover { text-decoration: underline; }
#logged_in #title_forum{ text-indent: -9999px; position: relative; margin-top: 10px;}
p#welcome_name { text-indent: 0px; position: absolute; left: 12px; top: 75px; font-size: 14px; font-weight: bold; color: #368fc2; width: 132px; text-align: center; }

/* ADVERTS */
ul#adverts{ position: relative; z-index: 0;}
a#advert1 { width: 160px; height: 178px; background: url(/gfx/links/testers_wanted.png) no-repeat; margin-top: 16px; display: block;}
li#advert2 { width: 174px; height: 178px; background: url(/gfx/links/tweets.png) no-repeat; margin-top: 18px; display: block; font-size: 10px; position: relative;}
li#advert2 p { position: absolute; top: 52px; left: 10px; width: 140px; color: white; }
li#advert2 a { color: white; text-decoration: none; }
li#advert2 a:hover { text-decoration: underline; }
a#twitter_feed { position: absolute; top: 157px; width: 160px; height: 20px; text-indent: -9999px; display: block; }
div#advert3 { position: relative; width: 160px; height: 178px; background: url(/gfx/links/widget.png) no-repeat; margin-top: 16px; z-index: 5;}
a#reseller_btn { display: block; width: 160px; height: 178px; text-indent: -9999px; }

ul#links { position: relative; z-index: 0; }
a#qa_testers { width: 160px; height: 178px; background: url(/gfx/links/testers_wanted.png) no-repeat; margin-top: 16px; display: block; }
ul#links li#twitter { width: 174px; height: 178px; background: url(/gfx/links/tweets.png) no-repeat; margin-top: 18px; display: block; font-size: 10px; position: relative; left: -150px; top: 1px; }
ul#links li#twitter p { position: absolute; top: 52px; left: 10px; width: 140px; color: white; }
ul#links li#twitter a { color: white; text-decoration: none; }
ul#links li#twitter a:hover { text-decoration: underline; }
ul#links a#twitter_feed { position: absolute; top: 157px; width: 160px; height: 20px; text-indent: -9999px; display: block; }
div#link3 { position: relative; width: 160px; height: 178px; background: url(/gfx/links/widget.png) no-repeat; margin-top: 16px; z-index: 5;}
a#reseller_btn { display: block; width: 160px; height: 178px; text-indent: -9999px; }

#hd_display_area {
    position: relative;
    left: 3px;
    top: -6px;
    width: 865px;
    height: 478px;
    z-index: 5;
}

/* RSS BUTTONS */
#news_rss { width: 76px !important; height: 32px; position: relative; top: 784px !important; left: 280px !important; text-indent: -9999px; }
#articles_rss { width: 76px !important; height: 32px; position: relative; top: 784px !important; left: 625px !important; text-indent: -9999px; }

/* BROWSER UPDATE */
#ie6-box {
    background-color: #fff9ce;
    padding: 8px;
    margin-bottom: 4px;
}
#ie6-box .upgrade-message {
    font-size: 14px;
    width: 381px;
}
#ie6-box .upgrade-message a {
    /* Override link properties because of translation */
    text-decoration: none !important;
    color: black !important;
    border-bottom: 0 !important;
    cursor: text;
}
#ie6-box .close-button {
    float: right;
    display: block;
    margin-left: 8px;
}
#ie6-box .close-icon {
    background-position: -57px -712px;
    display: block;
    height: 12px;
    width: 12px;
}
#ie6-box .browser-links {
    float: right;
}
#ie6-box .browser-link img {
    background-image: url(/gfx/browsers.png);
    width: 172px;
    height: 32px;
    margin-left: 8px;
}
#ie6-box .browser-link:hover img {
    background-position-x: -172px;
}
#ie6-box .chrome-link {
    background-position-y: 0;
}
#ie6-box .ie8-link {
    background-position-y: -32px;
}
#ie6-box .firefox-link {
    background-position-y: -64px;
}

p#legallinks {
    position: relative;
    top: 30px;
    left: 720px;
    font-size: 10px;
    height: 14px;
}
p#legallinks a { color: #000; }
p#legallinks a:hover { text-decoration: underline; }