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

* {
padding:0;
margin:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(../images/trion-corp-BG.jpg) repeat-x;
line-height:150%;
}

 img {
 border:none;
 }

ul {
list-style: none;
}

a {
color:#A00;
text-decoration:none;
}

a img {
border:none;
text-decoration:none;
}

h1, h1 a {
color:#C4262E;
text-transform:uppercase;
font-size:40px;
line-height:normal;
}

h2 {
text-transform:uppercase;
font-size:16px;
color:#C4262E; 
margin-bottom:5px;
}

h2.sep {
background:url(../images/separator_02.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom:10px;
}

h3 {
text-transform:uppercase;
font-size:14px;
margin-top:10px;
}

h4 {
font-size:12px;
}

address {
font-style:normal;
}

.clearfix {
clear:both;
}

.float_right {
float:right;
}

.float_left {
float:left;
}

.wrap {
width:960px;
margin:0 auto;
}

.ital {
font-style:italic;
}

.bold {
font-weight:bold;
}

.game-title {
font-weight:bold;
font-style:italic;
}

img.news_logo {
margin-bottom:15px;
}

/*------------------------------------------------------------------------------ HEADER & TOPNAV -----------------------------------------------------------------------------*/


.header_home {
width:100%;
background:#000;
height: 120px;
clear:both;
}


.logo {
float:left;
margin:40px 0 17px 0;
}

/*-------------TOPNAV: mainmenu----*/
.header_home .container_12 .grid_8.nav {
position:relative;
}

.grid_8.nav ul.main_menu {
margin-top:40px;
float:right
}

.grid_8.nav ul.main_menu li {
display:inline;
padding:13px 0px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:21px;
color:#ccc;
}

.grid_8.nav ul.main_menu li a {
padding:13px 20px;
margin: 0;
display:inline-block;
text-decoration:none;
color:#ccc;
}

.grid_8.nav ul.main_menu li a:hover {
background:url(../images/bg_menu_ovr.gif) repeat-x   bottom;
text-decoration:none;
color:#ffffff;
} 

.grid_8.nav ul.main_menu li a.current {
background:url(../images/bg_menu_ovr.gif) repeat-x bottom;
color:#ffffff;
padding:13px 20px;
margin: 0;
}

.grid_8.nav ul.main_menu li img  {
margin:0;
padding:0;
border:none;
position:absolute;
}

/*---------------topnav_games ---------*/
/*home-games pages*/
.container_12.games-nav { 
width:100%;
background:url(../images/bg_games_topnav2.gif) repeat-x;
clear:both;
height:29px;
}

.container_12.games-nav .grid_12 {
background:url(../images/bg_games_topnav2.gif) repeat-x;
height:29px;
float:none;
margin:0 auto;
display:block;
}

.container_12.games-nav .grid_12 ul.games {
padding:6px 0;
position:relative;
list-style:none;
text-align:right;
}

.container_12.games-nav .grid_12 ul.games li.current a {
color:#C4262E;
padding:10px 13px;
margin: 0 ;
}

.container_12.games-nav .grid_12 ul.games li {
display:inline;
text-transform:none;
color:#666 ;
font-weight:bold;
font-size:12px;
}

.container_12.games-nav .grid_12 ul.games li img {
margin:0;
padding:7px 0 0 0;
border:none;
position:absolute;
}

.container_12.games-nav .grid_12 ul.games li a {
padding:10px 12px;
margin: 0;
text-decoration:none;
color:#000;
}

.container_12.games-nav .grid_12 ul li a:hover {
text-decoration:none;
color:#C4262E;
}

/*games menu: std pages*/



/*----------------------------------------------------------------------------------------------------------JFLOW--------------------------------------------------------------------------------------*/
#jFlowSlide{
 }

.jflow-content-slider {
clear:both;
height: 394px;
}
#myController { 
margin-bottom:20px;  
min-height:54px;
background:url(../images/bg_game_nav.gif) repeat-x; 
position:relative;

}
#myController div.container {
width:960px;
margin:0 auto;
}

#myController div.controller {
float:right;
}

#myController ul li {
float:left;
display:inline;
// text-transform:uppercase;
}

#myController li.jFlowSelected, #myController ul li a.current { 
background:url(../images/bg_game_nav2.gif) repeat-x top left; 
margin-right:0px; 
color:#ffffff;
}

.jFlowControl {
cursor:pointer; 
padding:20px 30px;
font-weight:bold; 
}
 
.jFlowControl:hover { 
background:url(../images/bg_game_nav2.gif) repeat-x top left; 
color:#fff;
}

.slide-wrapper { 
padding: 0px;
height:100%;
width:100%;
}
 
.slide-thumbnail_1 a img, .slide-thumbnail_2 a img, .slide-thumbnail_3 a img {
width:100%;
height: 394px;
}

.slide-thumbnail_1 {
width:100%; 
background:#fff url(http://cdn.trionworlds.com/corp/banners/eonBanner0611.jpg) no-repeat center center;
overflow:hidden;
}
 
.slide-thumbnail_2 { 
width:100%; 
float:left;
background:#fff url(http://cdn.trionworlds.com/corp/banners/defianceBanner1011.jpg) no-repeat center center;
overflow:hidden;
} 
 
.slide-thumbnail_3 {
width:100%;
float:left;
background:#fff url(http://cdn.trionworlds.com/corp/banners/riftBannerWithLogo0811.jpg) no-repeat center center;
overflow:hidden;
}

/*.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
*/

/*----------------------------------------------------------------------------------------------------------HOMEPAGE-----------------------------------------------------------------------------------------*/
div.main_content_hm {
width:100%;
background:#fff;
clear:both;
}

.main_content_hm img {
max-width:100%;
}

.home_about p {
margin-bottom: 1em;
padding-right: 20px;
}


.home_about p span {
font-weight:bold;
font-size:14px;
}

 .home_news h2 {
background:url(../images/bgs.gif) no-repeat 0 27px;
padding-bottom:15px;
color:#C4262E;
}

.home_news h3 {
font-size: 13px;
padding-right:20px;
text-transform: none;
}
 
.home_news p {
padding-bottom:15px;
margin-bottom:15px;
background:url(../images/separator_02.gif) no-repeat bottom;
padding-right: 20px;
}

.home_news p.no_bg {
background:none;
} 


.home_news ul li {
padding:0 0 10px 10px;
margin:0 10px 10px 5px;
background:url(../images/arrow-right_sml.gif) no-repeat left top;
}

.home_news ul li ul li {
background:none;
padding:0;
margin:0;
}

.home_news ul li a {
color:#000;
}

.home_news ul li a:hover {
color:#A00;
}

.home_news ul li span a {
margin:0 5px;
}

.home_news ul li span a:hover {
text-decoration:none;
font-style:italic;

}

.home_news h2, .home_careers h2 {

text-transform:uppercase;
font-weight:bold;
}

.home_careers {
/*background:url(../images/bg_careers.gif) no-repeat left top;*/

}

.home_careers h2 {
background:url(../images/bg_hm_careers.jpg) no-repeat -8px 25px;
padding-bottom:10px;
color:#C4262E;
margin-bottom:10px;
}

.home_careers .subcontent {
width:100%;
}

.home_careers ul {
margin-bottom:15px;
}

.home_careers ul li, .home_careers ul li a {

}

.home_careers ul li ul {
margin-bottom:0;
}

.home_careers ul li ul li {
padding:0 0 2px 10px;
margin-left:5px;
background:url(../images/arrow-right_sml.gif) no-repeat left top;
text-transform:none;
font-weight:normal;
}

/*-------------------------------------GAMES PAGE ------------------------------------*/
.container_12.games {
width:100%;
}


.container_12.games.rift, .rift {
background:url(../images/banners/riftBanner0811.jpg) no-repeat center center;
width:100%;
height:394px;
clear:both;
}

.container_12.games.eon, .eon {
background:url(../images/banners/eonBanner_2.jpg) no-repeat center center;
width:100%;
height:394px;
clear:both;
}
.container_12.games.mmo, .mmo {
background:url(../images/banners/defianceBanner-noText1011.jpg) no-repeat center center;
width:100%;
height:394px;
clear:both;
}


.container_12.games.rift .grid_12, .container_12.games.eon .grid_12, .container_12.games.mmo .grid_12 {
width:940px;
float:none;
margin:0 auto;
display:block;
text-align:center;
}

.game_info {
margin: 20px auto;
}

.game_logo p {
margin-bottom:10px;
text-align:left;
}
.game_logo {
margin-top:30px;
}

.game_logo h3 {
margin-top:30px;
}
.screenshots_wrap {
float:right;
padding: 10px 36px;
border:1px solid #666;
height:300px;
margin-top:30px;
}

.screenshots {
width:170px;
float:left;
}

.screenshots img {
margin:1px;
}

.screenshots_wrap h3 {
margin:10px 0;
}

#slideshow {
float:right;
}

.container_12.wrap {
width:100%;
margin-bottom:20px;
height:54px;
background:url(../images/bg_game_nav.gif) repeat-x; 
clear:both;
}


.container_12.games_nav ul  {
padding-left:400px;
}

.container_12.games_nav ul li, .container_12.games_nav ul li a {
float:left;
display:inline;
font-weight:bold;
text-transform:uppercase;
}

.container_12.games_nav ul li a {
padding:18px 30px;
}
 
.container_12.games_nav li a:hover, .container_12.games_nav ul li a.current { 
background:url(../images/bg_game_nav2.gif) repeat-x top left; 
color:#ffffff;
}
.slide-thumbnail_1 a div, .slide-thumbnail_2 a div, .slide-thumbnail_3 a div {
width:600px;
height:350px;
/*margin-left:380px;*/
cursor:pointer;
}

.screenshot_view {
position:relative;
float:right;
}
#video-player-wrpr {
width:630px;
height:419px;
float:left;
}

#v-player {
margin:14px 0 0 23px;
}
#video-thumb {
margin:8px 0 0 13px;
}
#left-video-arrow, #right-video-arrow {
float:left;
display:block;
width:37px;
height:45px;
}
 
/*------------------------- BASIC PAGES LAYOUT -------------------*/
.container_12.basic {
background:#fff;
}


.container_12.basic .grid_12 h1 {
text-transform:uppercase;
margin:0 0 30px 0;
padding:0;
}

.leftnav ul li {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

.leftnav ul li a {
text-decoration:none;
color:#A00;
padding-left:10px;
}

.leftnav ul li a.current , .leftnav ul li a:hover {
background:url(../images/arrow-right.gif) no-repeat left center;
padding-left:10px;
color:#000;
}

.container_12.basic h3 {
text-transform:uppercase;
}

.container_12.basic .grid_5 p {
margin-bottom:15px;
}

img.rss {
margin-left:3px;
}

/*-------------------------STUDIOS-------------------*/


.studios {
margin-left:100px;
}

.studio_stills {
clear:both;
}

.studio_stills img {
float:left;
margin:10px 22px;
}

.studio_stills img.one {
margin-left:0;
}

.studio_stills img.three {
margin-right:0;
}

.studios ul li {
font-size:12px;
padding:0;
margin:0;
display:block;
float:none;
}

h3.studios {
margin:25px 0 0 20px;
padding:0 0 10px 0;
background:url(../images/separator_01.png) no-repeat bottom left;
text-transform:uppercase;
color:#C4262E;
}

.studios img {
margin:10px 0 0 20px;
}
.about_studio {
width: 530px;
float:left;
}

.studio_pics {
margin-top:20px;
text-align:center;
background:url(../images/separator_01.png) no-repeat top center;
padding-top:20px;
}



ul.all_careers li ul li a {
font-weight:normal;
text-decoration:none;
text-transform:none;

}

ul.all_careers {
margin-left:10px;
}

ul.all_careers li {
text-transform:none;
}

ul.all_careers li.category {
font-weight:bold;
}


ul.all_careers li ul {
margin-bottom:10px;
margin-left:0;
}


/*------------ABOUT---------------*/

/*overview*/
.main_content div.col1 p a, .main_content div.col2 a {
/*text-decoration:underline;*/
}

.main_content div.col1  img.sep {
margin:10px 0 20px 0;
}

.main_content div.col2 h3 {
margin-top:10px;
}


/*investors*/

div.about {
clear:both;

}

 div.about h2.sep {
margin-bottom:25px;
}

 div.about p {
margin-bottom:50px;
}

div.about img {
margin:0 0 10px 0;
}

img.separator {
margin:20px 0 0 0;
}


/*------------NEWS---------------*/

.grid_7.news p {
margin:0 0 20px 0;
}

img.no_marg  {
padding:0;
margin:0;
}

.grid_7.news a.more, .grid_7.news p a.more, a.more {
text-transform:uppercase;
font-weight:bold;
color:#C4262E;
text-decoration:none;
}

.share_this {
float:right;
margin:5px 0 0 10px;
}

.news_img {
float:right;
padding:5px;
}

.summary {
font-style:italic;
}

/*------------LEGAL----------------*/

#legal p {
margin-top: 0.5em;
}

#legal ul {
list-style-type: disc;
margin: 15px 0 15px 45px;
}

/*------------ACCORDIAN STYLES---------------*/
#wrapper {
    font-size:11px;
    }

#wrapper ul li a {
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    }

 
.accordionButton {  
    color:#C4262E;
    font-weight:bold;
    cursor: pointer;
    margin-bottom:5px;
    }
 
.accordionContent { 
    margin-bottom:10px;
    display: none;
    }


/*-------------------------------------CAREERS PAGE ------------------------------------*/
.career_stills img {
margin:10px 0;
}



.job_list_col1 {
float:left;
margin-top:20px;
width:48%;
}

.career_content  p {
margin-left:0;
}

.career_content h2 {
float:none;
background:none;
padding:0;
margin:0;
color:#C4262E;
}

 .career_content h3 {
float:none;
background:none;
padding:0;
margin:0;
color:#000;
text-transform:none;
}

.job_list_col2 {
float:right;
width:48%;
margin-top:20px;
}

.career_content h3.join {
color:#C4262E;
background:none;
text-transform:uppercase;
margin-bottom:20px;

}

.job_list_col1  h2, .job_list_col2  h2 , .job_list_col1  ul, .job_list_col2  ul {
margin-bottom: 15px;
}
.job_list_col1  h2, .job_list_col2  h2 {
color:#C4262E;
margin-bottom: 20px;
}

.job_list_col1 ul li, .job_list_col2 ul li, .job_list_col1 ul li a, .job_list_col2 ul li a {
float:none;
display:block;
text-transform:none;
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
}

.job_list_col1 li.category, .job_list_col2 li.category {
font-weight:bold;
margin-top:13px;
}


.grid_5 h2 {
margin-bottom:10px;
font-size:16px;
}

.job_opp ul {
margin:0 0 15px 15px;
}
.job_opp ul li {
padding:5px 0 0 10px;
background:url(../images/arrow-right_sml.gif) no-repeat top left;
}

#footer {
margin:40px auto;
}

#footer.home {
width:960px;
margin:40px auto;

}

#footer a {
text-decoration:underline;
}


.grid_8 .terms h1 {
font-size:24px;
}


.grid_8.terms h2, .grid_8.terms h3, .grid_8.terms h4, .grid_8 p {
margin-bottom:10px;
}
#vid-wrapper {
    
    width:640px; 
    height:390px; 
    clear:both; 
    margin-left:160px;
}
#video-player {
    margin-top:14px;
}
.disclaimer {
  color: #999999;
  font: italic 10px/15px Arial
}

h2.maintenance {
  color:#C4262E;
  font:16px/21px;
  margin:10px 0 0;
  text-transform:uppercase;
}

.home_news h3 {
  text-transform:uppercase;
}
.esrb {
  padding-top:10px;
  text-align:right;
}
.esrb a {
  padding-right:6px;
}
#legal ol {
margin:30px;
}

#legal ol li {
margin-bottom:10px; 
}


/*------------------------------------- Global Header 10-27-11 ------------------------------------*/


#global-header {
    background:url("http://assets.riftgame.com/common/global-hdr-bg.gif") repeat-x scroll 0 0 #000000;
    min-height:24px;
}
    
#global-header a , #global-header span {
    color:#FFFFFF;
    text-decoration:none;
    text-transform:capitalize;
}
    
#header select, option {
    background-color:#030408;
    color:#FFFFFF;
    font-size:10px;
    border: 1px solid #26183E;
}