@charset "UTF-8";
/* CSS Document */

/* List Styles */
li{
list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
li p{
}
ol{
width:;
margin:;
padding:;
}
ul{
width:;
margin:;
padding:;
}
ol li{
}
ul li{
}

/* End List Styles */

/* Link Styles */

a{
color: #000000;
text-decoration: none;
border:0px;
}
a:hover{
color:#999999;
background-color:;
border:0px;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border:0px;
}
a:visited{
color:;
background-color:;
border:0px;
}
a:active{
color:;
background-color:;
border:0px;
}
a:focus{
color:;
background-color:;
border:0px;
}

/* End Link Styles */



* {
        margin: 0;
        padding: 0;
                
}

.datetext {
font: .9em Arial;
line-height: 1.8em;
color: #707070;
}

/**************************
 Start Top Tab SubMenu
 ****************************/

body {
font-size: 62.5%;
font-family: "Lucida Sans", sans-serif;
background: url(../images/media-skin-new.jpg) no-repeat top;
background-attachment: fixed;
background-color: #1167a5;
}

#main-col {
position: center;
width: 800px;
margin: 0 auto;
}

#tab-menu {
position: relative;
height: 40px; 
width: 801px;
padding: 9px 0px 0px 1px;
background: url(../images/tabmenu-bg.png) repeat-x top;
}

ul#tabbuttons {
}

.tabbuttons{
text-transform: uppercase;
margin-left: 25px;
float: left;
font: 9px Arial;
width: 800px;
}

.tabbuttons li{
display: inline;
}

.tabbuttons li a{
float: left;
color: white;
padding: 10px 10px 0px 0px;
text-decoration: none;
}

.tabbuttons li a:hover, .tabbuttons li .current{
color: #d3a31d;
}

/**************************
 END Top Tab SubMenu
 ****************************/


/**************************
 Start Main Navigation
 ****************************/


#main-nav {
position: relative;
float: left;
width: 820px;
height: 100px;
margin: 9px 0px 0px -5px;
background: url(../images/mainmenu.png) no-repeat -3px -5px;
}

#mainnav li {
float: left;
list-style: none;
}

#mainnav li.core {
display: block;
}

#mainnav li.core a {
display: block;
background-position: 0px -98px;
background-repeat: no-repeat;
}

#mainnav li.core a:hover {
background-position: 0px -1px;
}


#mainnav li.home a {
width: 193px;
height: 95px;
background-image: url(../images/destineer-btn.png);
}

#mainnav li.news a {
width: 125px;
height: 60px;
background-image: url(../images/news-btn.png);
}

#mainnav li.games a {
width: 127px;
height: 60px;
background-image: url(../images/games-btn.png);

}

#mainnav li.media a {
width: 128px;
height: 60px;
background-image: url(../images/media-btn.png);
}

#mainnav li.retailers a {
width: 127px;
height: 60px;
background-image: url(../images/retailers-btn.png);
}

#mainnav li.support a {
width: 110px;
height: 60px;
background-image: url(../images/support-btn.png);
}


/**************************
 End Main Navigation
 ****************************/
 
 
/**************************
 Start Bread Crumb Window
 ****************************/
 
 
#breadcrumb {
float: left;
width: 800px;
height:25px;
background: url(../images/breadcrumb-bg.png) no-repeat bottom;
overflow: hidden;
}

.crumb {
padding: 0px 0px 0px 20px;
text-align: left;
font: 1.1em 'Arial' 'Sans-Serif';
}

.crumb a {
color: #0469b3;
}

.crumb a:hover {
color: #000000;
}


/**************************
 END Bread Crumb Window
 ****************************/



/**************************
 Start Main Bread Crumb Window
 ****************************/

#media-breadcrumb {
float: left;
width: 799px;
height:100px;
margin-top: -75px;
background: url(../images/breadcrumb-media-bg2.jpg) no-repeat bottom;
overflow: visible;
}


.mediacrumb {
display: block;
margin: 75px 0px 0px 20px;
text-align: left;
font: 1.1em 'Arial' 'Sans-Serif';
}

.mediacrumb a {
color: #0469b3;
}

.mediacrumb a:hover {
color: #000000;
}


/**************************
 END Main Bread Crumb Window
 ****************************/
 
 


/**************************
 Start Left Game Profile 
 ****************************/

#profile {
float: left;
width: 265px;
height: 600px;
margin-left: 1px;
background: url(../images/profile-bg.png) no-repeat top;
}

.gameprofile {
display: block;
width: 235px;
padding: 70px 0px 0px 31px;
font-size: 1em;
line-height: 2.0em;
color: #000000;
}

#profile table td{
display: block;
padding: 0 5px;
margin:0;
height: 2.0em;
/*
line-height: 1em;*/
}
#profile table .col1{
	text-align: right;
	color:#959595;
}

#leftheadlines {
width: 230px;
margin-left: 11px;
background-color: none;
}

.heads {
display: block;
}
.heads a {
display: block;
height: 50px;
font-size: 1.1em;
color: #0469b3;
padding: 5px 0px 0px 5px;
text-align: left;
background-color: none;
}

.heads a:hover {
color: #999;
}

/**************************
 End Left Game Profile 
 ****************************/
 
 
 /*****************************************START MAIN GAMES PAGE*********************************/
 
 /**************************
 Start Left Game SELECTION 
 ****************************/

#game-select {
float: left;
width: 265px;
height: 550px;
margin-left: 1px;
padding-top: 100px;
background: url(../images/game-select-bg.png) no-repeat top;
}

.gameselect {
display: block;
width: 235px;
padding: 70px 0px 0px 31px;
font-size: 1em;
line-height: 2.0em;
color: #000000;
}

/**************************
 End Left Game SELECTION
 ****************************/

/********* float:right width:532 ul-width:508 ***********/
 
 /**************************
 Start Right Games BIN 
 ****************************/

#games-bin {
position: inherit;
float: right;
width: 532px;
height: 485px;
margin-right: 2px;
background: url(../images/games-bin-bg.png) no-repeat top;
}

ul#bin{
float: left;
display: block;
width: 478px;
height: 485px;
margin: 40px 0px 0px 27px;
padding-right: 15px;
text-align: left;
background-color: none;
/*overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;*/
list-style: none;
}

#bin li.all {
display: inline;
float: left;
height: 190px;
width: 123px;
}

#bin li.all a {
display: inline;
float: left;
height: 190px;
width: 123px;
font-size: 1em;
color: #0469b3;
line-height: 1.9em
background-color: none;
}

#bin li.all a:hover {
display: inline;
float: left;
height: 191px;
width: 123px;
font-size: 1em;
color: #000000;
background: url(../images/games-hover.jpg) no-repeat 0px 0px;
overflow: visible;
}

.bin-boxshot {
display: block;
padding: 10px 5px 0px 15px;
float: left;
}



.ds {
display: inline;
float: left;
height: 150px;
width: 123px;

}

.ds a {
display: inline;
float: left;
height: 150px;
width: 123px;
font-size: .9em;
color: #0469b3;
line-height: 1.8em
background-color: none;
}

.ds a:hover {
display: inline;
float: left;
height: 150px;
width: 123px;
font-size: .9em;
color: #000000;
background: url(../images/games-hover.jpg) no-repeat 0px 0px;
overflow: visible;
}

.storyheadline {
font: 1.8em 'Arial' 'San-Serif';
color: #0469b3;
text-transform: capitalize;
font-weight: 600;
line-height: 1.3em;
}


.screens-slideshow {
margin-top: 10px;
margin-left: -4px;


}

.subhead {
font: 1.1em 'Arial' 'San-Serif';
font-size: 1em;
line-height: 2.0em;
color: #000000;
list-style: none;
}

.contentdiv {
line-height: 1.8em;
list-style: none;
}

.storytext {
margin-left: -17px;
line-height: 1.8em;
list-style: none;
}

.gameprofile {
display: inline;
float: right;
margin-top: -70px;
width: 235px;
list-style: none;
}
 /**************************
 End Right Games BIN 
 ****************************/


/*****************************************END MAIN GAMES PAGE*********************************/


/**************************
 Start Right Games Overview 
 ****************************/

#overview {
float: right;
width: 532px;
height: 720px;
margin-right: 2px;
background: url(../images/overview-bg.png) no-repeat top;
}

.overheader{
display: block;
padding: 55px 0px 0px 25px;
font: bold 14px Arial;
font-weight: 900;
color: #0469b3;
}

/************************** 
 CSS for Indented CSS Tabs. 
 ****************************/

/************************** 
 CSS for Indented CSS Tabs. 
 ****************************/
 
 
.indentmenu{
position: relative;
display: block;
font: bold 12px Arial;
text-transform: uppercase;
margin: -27px 12px 0px 0px;
float: right;
}

.indentmenu ul{
position: relative;
display: block;
margin: 0;
float: left;
border-top: 1px solid #dadada; /*navy border*/
border-bottom: 1px solid #dadada;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
background: black url(../images/indentbg3.gif) top repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #000; /*text color*/
padding: 9px 10px 9px 10px; /*header text is indented 10px*/
text-decoration: none;
border-right: 1px solid #dadada; /*navy divider between menu items*/
}


.indentmenu ul li a.selected{
color: white !important;
background: black url(../images/indentbg4.gif) center repeat-x;
}


.tabcontentstyle{ /*style of tab content container*/
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display: inline;
font: 1.2em 'Arial' 'San-Serif';
color: #000;
line-height: 1.3em;
padding: 15px 22px 0px 35px;
display:none;
}

.screenshot{
display: inline;
font: 1 em 'Arial' 'San-Serif';
color: #000;
line-height: 1.3em;
padding-left: 5px;
}

/************************** 
 END CSS for Indented CSS Tabs. 
 ****************************/

/**************************
 End Right Games Overview 
 ****************************/


/**************************
 START Arrow List
 ****************************/
 
 
 
 
 .arrowlistmenu{
width: 238px; /*width of accordion menu*/
height: 550px;
margin-top: -61px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: black;
background: black url(../images/indentbg3.gif) top repeat-x;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-left: -5px;
text-transform: uppercase;
padding: 9px 0 9px 10px; /*header text is indented 10px*/
border-top: 1px solid #dadada; /*navy border*/
border-bottom: 1px solid #dadada;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: black url(../images/indentbg4.gif) center repeat-x;
color: white;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-left: -4px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding: 5px 0 5px 0; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #0469b3;
background: transparent;
display: block;
padding-bottom: 10px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 1.1em;
}

.arrowlistmenu ul li a:visited{
color: #0469b3;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #003d78;
height: 13px;
padding-top: 10px;
padding-left:18px;
margin-top: -10px;
margin-right: 1px;
background: url(../images/accordian-hover.gif) no-repeat top;
overflow: hidden; /*custom bullet list image*/
}

/**************************
 END Arrow List
 ****************************/



/**************************
 Start Left Quick Navigation 
 ****************************/

#quicknav {
display: block;
float: left;
width: 265px;
height: 120px;
margin: 5px 0px 0px 1px;
background: url(../images/quicknav-bg.png) no-repeat top;
}

/**************************
 End Left Quick Navigation 
 ****************************/

/**************************
 Start GAMES Left Quick Navigation 
 ****************************/

#games-quicknav {
display: block;
float: left;
width: 265px;
height: 120px;
margin: 5px 0px 0px -16px;
background: url(../images/quicknav-bg.png) no-repeat top;
}

/**************************
 End GAMES Left Quick Navigation 
 ****************************/
 
 
/**************************
 Start Bottom Games Window 
 ****************************/

#bottom-gameswindow{
display: block;
float:left;
width: 798px;
height: 245px;
margin: 12px 0px 0px 0px;
background: url(../images/window-games-long.png) no-repeat;

}
ul#games{
position: absolute;
display: block;
height: 190px;
width: 798px;
margin: 0px 0px 0px 9px;
text-align: left;
background-color: none;
}

#games li.all {
display: inline;
float: left;
height: 190px;
width: 126px;
}

#games li.all a {
display: inline;
float: left;
height: 190px;
width: 126px;
font-size: .9em;
color: #0469b3;
line-height: 1.8em
background-color: none;
}

#games li.all a:hover {
display: inline;
float: left;
height: 191px;
width: 127px;
font-size: .9em;
color: #000000;
background: url(../images/games-hover.png) no-repeat 2px 5px;
}

#games li.header3 a {
color: #ffffff;
}

#games li.header3 a:hover {
color: #c2c2c2;
}

#games li.header2 {
position: absolute;
display: block;
text-align: left;
height:  45px;
width: 300px;
font: 1.5em 'Trebuchet MS', 'sans-serif';
text-transform: uppercase;
line-height: 50px;
margin-left: 10px;
}

#games li.header2 a {
color: #ececec;
}

#games li.header3 {
display: block;
text-align: right;
height:  45px;
width: 768px;
float:right
font: 1em 'Trebuchet MS', 'sans-serif';
text-transform: uppercase;
line-height: 50px;
}

.boxshot {
display: block;
padding: 10px 0px 0px 22px;
text-align: left;
}

.storytext {
display: block;
padding: 10px 0px 0px 18px;
text-align: left;
}

/**************************
 End Bottom Games Window 
 ****************************/



/**************************
 Start Bottom Navigation 
 ****************************/

#footer {
position: relative;
width: 798px;
height: 100px;
background: url(../images/bottom-nav-bg.png) no-repeat;
text-align: center;
clear: both;
margin-left: 1px;
}

/* Target Firefox 3 */
#footer, x:-moz-any-link, x:default {
margin-left: -1px;
}


#footer ul{
}


#footer ul li{
display: block;
float: left;
padding: 23px 0px 0px 0px;
margin-top: 40px;
font: 9px Arial;
color: #707070;
line-height: 16px;
width: 100%;
}

#footer ul li a{
color: #707070;
}

#footer ul li a:hover{
color: #125395;
}
#bottom-nav {
margin: 0 auto;
height: 100px; 
width: 798px;
padding: 600px 0px 0px 0px;
background: url(../images/bottom-nav-bg.png) no-repeat bottom;
}

ul#bottom-text {
}

.bottomtext{
float: left;
padding: 35px 0px 0px 50px;
margin-top: 40px;
font: 9px Arial;
color: #707070;
width: 100%;
}

.bottomtext li{
display: block;
}
/**************************
 End Bottom Navigation 
 ****************************/
 
 /**************************
 Start GAMES Bottom Navigation 
 ****************************/

#games-footer {
position: relative;
width: 798px;
height: 100px;
background: url(../images/bottom-nav-bg.png) no-repeat;
text-align: center;
clear: both;
margin-left: -16px;
}


#games-footer ul{
}

#games-footer ul li{
display: block;
float: left;
padding: 35px 0px 0px 0px;
margin-top: 40px;
font: 9px Arial;
color: #707070;
width: 100%;
}
/**************************
 End GAMES Bottom Navigation 
 ****************************/