body{
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #5a5a5a;
    padding: 0 0 25px 0;
    margin: 0 auto;
}

img{
    border: 0;
}
h1{
    font-family: Trebuchet MS;
    font-size: 1.7em;
    color: #0a0000;
    letter-spacing: -1px;
}
h2{
    font-family: Trebuchet MS;
    font-size: 1.5em;
    color: #5a5a5a;
    letter-spacing: -1px;
}
h2.highlight{
    color: #000000;
}



/* Flash Area */
#head{
    width: 100%;
    height: 540px;
    background-color: #000000;
}
#head_flash_container{
    width: 994px;
    height: 540px;
    margin: 0 auto;
    position: relative;
}
#flash{
    height: 540px;
    width: 994px;
    z-index: 1;
    color: #000000;
}
#flash a{
    color: #000000;
}
#flash .altcontent{
    width: 994px;
    height: 540px;
    overflow: hidden;
    text-align: left;
    position: relative;
}
#flash .altcontent_on{
    color: #FFFFFF;
}
#flash .altcontent_on a{
    color: #FFFFFF;
}
#flash .altcontent h1, #flash .altcontent h2, #flash .altcontent h3, #flash .altcontent h4{
    margin: 0;
}
#flash .altcontent noscript{
    color: #FFFFFF;
}
#flash .altcontent .flashmessage{
    margin-top:60px;
}

/* Inside Flash Area, Game and Lanuage Selectors */
#game_selector{
    position: absolute;
    top: 15px;
    left: 5px;
    z-index: 10;
}
#language_selector{
    position: absolute;
    top: 15px;
    right: 5px;
    z-index:11;
}
#landing_selector{
    position: absolute;
    margin-left: 210px;
}

.selector{
    color: #cbcbcb;
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
    cursor: hand;
    text-align: left;
}
.selector_label{
    float: left;
    margin: 3px 8px 0 0;
}
.selector_container{
    float: left;
    position: relative;
}
.selector_container div.activeleft{
    float: left;
    height: 21px;
}
.selector_container div.sel_active{
    height: 21px;
    background: url(../images/selector.png) repeat-x;
    float: left;
}
.selector_container div.inner{
    margin: 4px 10px 0 10px;
    color: #1c5799;
}
.selector_container div.arrow{
    float: left;
    height: 21px;
    width: 21px;
}
ul.selector_options{
    clear: both;
    border: 1px solid #a9a9a9;
    background-color: #e4e9ea;
    list-style-type: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 21px;
    right: 0;
    width: 130px;
}
ul.selector_options li{
    padding: 4px;
    border-bottom: 1px solid #ccc;
}
ul.selector_options li:hover{
    background-color: #c9c9c9;
}
.selector_options a{
    text-decoration: none;
    color: #1c5799;
    display: block;
}



/********* Navigation tabs *********/
#navigation{
    background: #000000 url(../images/trim.gif) repeat-x bottom left;
    text-align: center;
    z-index: 100;
}
#navigation_container{
    width: 480px;
    height: 35px;
    margin: 0 auto;
    z-index: 101;
    font-family: Trebuchet MS;
    letter-spacing: -1px;
}

#navigation_container .separator{
    float: left;
    width: 18px;
    height: 35px;
    z-index: 102;
}
#navigation_container .off_off{
    background: url(../images/mb_off_off.gif) no-repeat;
}
#navigation_container .on_on{
    background: url(../images/mb_on_on.gif) no-repeat;
}
#navigation_container .on_off{
    background: url(../images/mb_on_off.gif) no-repeat;
}
#navigation_container .off_on{
    background: url(../images/mb_off_on.gif) no-repeat;
}
#navigation_container .off_null{
    background: url(../images/mb_off_null.gif) no-repeat;
}
#navigation_container .null_off{
    background: url(../images/mb_null_off.gif) no-repeat;
}
#navigation_container .on_null{
    background: url(../images/mb_on_null.gif) no-repeat;
}
#navigation_container .null_on{
    background: url(../images/mb_null_on.gif) no-repeat;
}

.menubutton{
    float: left;
    position: relative;
    height: 35px;
    cursor: pointer;
    cursor: hand;
    background: url(../images/mb.gif) repeat-x;
}
.menubutton .label{
    font-family: Trebuchet MS;
    float: left;
    color: #cbcbcb;
    font-weight: bold;
    font-size: 1.1em;
    margin: 4px 6px 0 6px;
    position: relative;
}

.menubutton_on{
    background: url(../images/mb_on.gif) repeat-x;
}
.menubutton_on .label{
    color: #8c6868;
}

.menubutton .shim{
    position: absolute;
    height: 31px;
    width: 115%;
    left: 0;
    margin-left: -8px;
    background: url(../images/x.gif) repeat;
    z-index: 104;
}


/******** Content Containers *******/
#content{
    width: 994px;
    margin: 12px auto 0px auto;
    text-align: left;
}

#column_container{
    float: left;
    width: 100%;
}
#column_left{
    width: 197px;
    float: left;
    margin-top: -40px;
    z-index: 10;
}
#column_center{
    width: 550px;
    float: left;
    line-height: 1.4em;
    z-index: 1;
    overflow: hidden;
    position: relative;  /* IE6 hack to allow overflow hidden with dynamic content */
}
#column_right{
    width: 197px;
    float: right;
    margin-top: -40px;
    z-index: 11;
}
div.column_inner{
    margin: 0 0 0 8px;
}
div.column_center_inner{
    width: 540px;
}
div.column_dots{
    float: left;
    width: 22px;
    height: 340px;
    margin-top: 50px;
    z-index: 13;
}
div.dots_left{
    background: url(../images/dots_border.gif) no-repeat top left;
}
div.dots_right{
    background: url(../images/dots_border.gif) no-repeat top right;
}
/********* Classes used by content **********/
ul.features{
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
ul.features li{
    margin-bottom: 10px;
}
ul.release{
    margin: 0;
    padding: 0;
    list-style-position: inside;
    line-height: 1.8em;
}
#column_center img.left{
    float: left;
    margin-right: 25px;
}
#column_center img.right{
    float: right;
    margin-left: 25px;
}

/******* Cool Stuff Content ********/
#wallpapers .wallpaper_container{
    float: left;
    text-align: center;
    margin-bottom: 20px;
    width: 270px;
}
#wallpapers .wallpaper_and_links{
    float: left;
}
#wallpapers .wallpaper{
    margin: 0 0 5px; 3px;
    width: 250px;
    height: 191px;
    position: relative;
    overflow: hidden;
}
#wallpapers a.wplink{
    color: #00868B;
}
#wallpapers a.wplink:hover{
    color: #838B8B;
}

.image_browser{
    width: 550px;
    float: left;
}
.image_browser .arrow_left, .image_browser .arrow_right{
    float: left;
    cursor: pointer;
    cursor: hand;
    width: 71px;
    height: 71px;
}
.image_browser .nodes{
    float: left;
    overflow: hidden;
    width: 383px;
    position: relative; /* IE6 hack to allow overflow hidden with dynamic content */
}
.image_browser .nodes_inner{
    overflow: hidden;
    width: 2500px;
}
.image_browser .node{
    float: left;
    width: 75px;
    margin: 0 11px 0 10px;
    text-align: center;
}
.image_browser .node .shot{
    display: block;
    width: 75px;
    height: 75px;
}
.image_browser .node_on .shot{   
}
.image_browser .node a.download{
	color: #666666;
}

/* Overlay the generic image browser with the screenshots browser */
.screenshots_browser .arrow_left, .screenshots_browser .arrow_right{
    margin-top: 12px;
}
.screenshots_browser .nodes{
    width: 408px;
}
.screenshots_browser .nodes_inner{
    margin-left: 1px;
}
.screenshots_browser .node{
    width: 88px;
    height: 88px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    overflow: hidden;
    margin: 0 7px;
    background: none;
}
.screenshots_browser .node_neverused{
    background: url(../images/ssbrowser_border.png) no-repeat;
}
.screenshots_browser .node_neverused_on{
    background: url(../images/ssbrowser_border_on.png) no-repeat;
}
.screenshots_browser .node .shot{
    margin: 2px 0 0 2px;
    width: auto;
    height: auto;
}
#ss_height_shim{
    width: 100%;
    height: 400px;
}
#screenshot_highlighted{
    border: 4px solid #a9a9a9;
}



/*** News ***/
div.newsblurb{
    float: left;
    clear: both;
    margin-bottom: 25px;
    margin-top: 10px;
    width: 100%;
}
div.newsblurb div.title{
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #d9d9d9;
}
div.newsblurb div.title a{
    text-decoration: none;
}
div.newsblurb div.date{
    float: right;
    font-weight: bold;
    font-size: 1.2em;
}
div.newsblurb div.excerpt{
    float: left;
    clear: both;
    margin-top: 8px;
    width: 100%;
}
div.newsblurb a{
    color: #5a5a5a;
}

div.newsdetail{
    width: 100%;
}
div.newsdetail div.title{
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
}
div.newsdetail div.date{
    margin-top: 8px;
    font-weight: bold;
    font-size: 1.2em;
}
div.newsdetail div.body{
    margin-top: 8px;
    width: 100%;
}
div.newsdetail .back{
    float: right;
    font-weight: bold;
    font-size: 1.2em;
}
div.newsdetail a{
    color: #5a5a5a;
}

/******* Buy now buttons **********/
a.buy{
    width: 177px;
    float: left;
    cursor: pointer;
    cursor: hand;
    position: relative;
    text-decoration: none;
}
a.buy .top{
    background: transparent url(../images/buy_top.gif) no-repeat top left;
    width: 177px;
    height: 5px;
}
a.buy_on .top{
    background: url(../images/buy_top_on.gif) no-repeat top left;
}
a.buy .bottom{
    background: url(../images/buy_bottom.gif) no-repeat bottom left;
    width: 177px;
    height: 7px;
}
a.buy_on .bottom{
    background: url(../images/buy_bottom_on.gif) no-repeat bottom left;
}
a.buy .repeater{
    background: url(../images/buy_repeater.gif) repeat-y;
    width: 177px;
}
a.buy_on .repeater{
    background: url(../images/buy_repeater_on.gif) repeat-y;
}
a.buy .buy_body{
    background: url(../images/buy.gif) no-repeat bottom left;
    width: 177px;
    color: #00a2d0;
    min-height: 29px;
    font-weight: bold;
}
a.buy_on .buy_body{
    background: url(../images/buy_on.gif) no-repeat bottom left;
    color: #FFFFFF;
}
a.buy .buy_body_inner{
    padding: 6px  45px 0 17px;
}
a.buy .arrow{
    position: absolute;
    right: 18px;
    top: 11px;
    background: url(../images/btnarrow.png) no-repeat;
    width: 17px;
    height: 18px;
}
a.buy_on .arrow{
    background: url(../images/btnarrow_on.png) no-repeat;
}


/******* Screenshot System buttons **********/
div.system{
    float: right;
    cursor: pointer;
    cursor: hand;
}
div.system .left{
    float: left;
    background: url(../images/system_left.gif) no-repeat top left;
    width: 13px;
    height: 35px;
}
div.system_on .left{
    background: url(../images/system_left_on.gif) no-repeat top left;
}
div.system .middle{
    float: left;
    background: url(../images/system.gif) repeat-x;
    height: 35px;
}
div.system_on .middle{
    background: url(../images/system_on.gif) repeat-x;
}
div.system .right{
    float: left;
    background: url(../images/system_right.gif) no-repeat top right;
    width: 13px;
    height: 35px;
}
div.system_on .right{
    background: url(../images/system_right_on.gif) no-repeat top right;
}
div.system .inner{
    margin: 2px 20px 0 20px;
    color: #00a2d0;
    font-weight: bold;
}
div.system_on .inner{
    color: #FFFFFF;
}



/******* Signup button *********/
div.signupbutton{
    width: 190px;
    float: left;
    cursor: pointer;
    cursor: hand;
    position: relative;
}
div.signupbutton .top{
    background: transparent url(../images/signup_top.gif) no-repeat top left;
    width: 190px;
    height: 5px;
}
div.signupbutton_on .top{
    background: url(../images/signup_top_on.gif) no-repeat top left;
}
div.signupbutton .bottom{
    background: url(../images/signup_bottom.gif) no-repeat bottom left;
    width: 190px;
    height: 7px;
}
div.signupbutton_on .bottom{
    background: url(../images/signup_bottom_on.gif) no-repeat bottom left;
}
div.signupbutton .repeater{
    background: url(../images/signup_repeater.gif) repeat-y;
    width: 190px;
}
div.signupbutton_on .repeater{
    background: url(../images/signup_repeater_on.gif) repeat-y;
}
div.signupbutton .su_body{
    background: url(../images/signup.gif) no-repeat bottom left;
    width: 190px;
    color: #00a2d0;
    min-height: 27px;
    font-weight: bold;
}
div.signupbutton_on .su_body{
    background: url(../images/signup_on.gif) no-repeat bottom left;
    color: #FFFFFF;
}
div.signupbutton .su_body_inner{
    padding: 5px  10px 0 48px;
}
div.signupbutton .arrow{
    position: absolute;
    margin: 8px 0 0 20px;
    background: url(../images/signup_arrow.gif) no-repeat;
    width: 8px;
    height: 12px;
}
div.signupbutton_on .arrow{
    background: url(../images/signup_arrow_on.gif) no-repeat;
}

/********* See more link, and others ********/
div.link_with_arrow{
    float: left;
}
div.link_with_arrow a{
    float: left;
}
div.link_with_arrow a.label{
    text-decoration: none;
    font-weight: bold;
    margin-right: 2px;
    color: #00868B;
}
div.link_with_arrow a.label:hover{
    text-decoration: underline;
}
div.link_with_arrow img{
    float: left;
}



/********* Footer **********/
#footer{
    clear: both;
    width: 994px;
    margin: 100px auto 0 auto;
    text-align: center;
}
ul#footer_games{
    list-style-position: inside;
    list-style-type: none;
}
ul#footer_games li{
    float: left;
}
#footer .copyright{
    color: #004B6D;
    font-size: 0.8em;
    white-space: nowrap;
    clear: left;
}