/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */
html { border: none; height:100%;}

body {
	margin: 0;
	padding: 0;
	line-height: 13px; 
	background-color: #42381d;
	text-align: center;
}

body, td {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {border: 0;}
p {
	margin: 0 0 15px 0;
	color: #a29e95;
}

a {
	text-decoration: underline;
	color: #a9925f;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	color: #b78d12;
}
h1#ct 
{
	font-family: arial;
	font-weight: bold;
	font-size: 22px;
	color: #EDB000;
}

h1, h2, h3, h4, h5, form {margin: 0;}
h1 {
	font-size: 10px;
	font-weight:normal;
	color: #a9925f;
}
h2 {
	font-weight: bold;
	font-size: 11px;
	color: #b78d12;
}
	h2 a {
		font-weight: bold;
		text-decoration:none;
	}
h3 {
	font-weight: bold;
	font-size: 12px;
	color:#b78d12;
}
h5 {
	font-weight: bold;
	font-size: 11px;
	color: #a9925f;
}
	h5 a {
		font-weight:bold;
		text-decoration:none;
	}

strong {
	color:#a9925f;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.hrIMG {
	padding: 20px 0 0px 0;
	clear:both;
}

.hrIMG2 {
	padding: 20px 0 15px 0;
	clear:both;
}

.clearBoth {clear: both; line-height:0; font-size:0;}

/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

#navBG {
	background-image: url(graphics/bg_nav.jpg);
	background-repeat: no-repeat;
	height: 204px;
	margin: 0;
	padding: 0;
	clear: both;
}
#nav {
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;
	list-style: none;

}
#nav li {
	clear: both;
}

#nav li a {
	outline: none;
	display: block;
	padding: 0 0;
	height: 26px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(graphics/nav/nav_matrix.gif);
	background-repeat: no-repeat;
}
#nav li a:hover {background-repeat: no-repeat;}
#bOne {background-position: 0 0; width: 213px;}#bOne:hover {background-position: -214px 0px;}#nav li.current #bOne {background-position: -214px 0px;}
#bTwo {background-position: 0 -27px; width: 213px;}#bTwo:hover {background-position: -214px -27px;}#nav li.current #bTwo {background-position: -214px -27px;}
#bThree {background-position: 0 -54px; width: 213px;}#bThree:hover {background-position: -214px -54px;}#nav li.current #bThree {background-position: -214px -54px;}
#bFour {background-position: 0 -80px; width: 213px;}#bFour:hover {background-position: -214px -80px;}#nav li.current #bFour {background-position: -214px -80px;}
#bFive {background-position: 0 -106px; width: 213px;}#bFive:hover {background-position: -214px -106px;}#nav li.current #bFive {background-position: -214px -106px;}
#bSix {background-position: 0 -132px; width: 213px;}#bSix:hover {background-position: -214px -132px;}#nav li.current #bSix {background-position: -214px -132px;}
#bSeven {height: 21px !important; background-position: 0 -158px; width: 213px;}#bSeven:hover {background-position: -214px -158px;}#nav li.current #bSeven {background-position: -214px -158px;}

#subNav {}


/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */
#table2 {
	background: url(graphics/bg_full.gif) 0px repeat-y;
	width: 970px;
	height:100%;
	clear: both;
}

#topTable {
	background-image: url(graphics/bg_middle.gif);
	padding:0;
	margin: 0;
	width:100%;
	height:100%;
	text-align:center;
}
#topTD {
	background-image: url(graphics/bg_fade4.gif);
  	background-repeat: repeat-x;
	vertical-align: top;
	margin:0;
	padding:0;
	height: 100%;
}

#bottomBG {
	background-image: url(graphics/bg_bottomContent.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:0;
	margin:0;
	height: 100%;
}

#siteContainer {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	padding: 0 0 0 10px;
}

.contentCornersHome {
	background-image: url(graphics/bg_homeContentCorners.gif);
	background-repeat: no-repeat;
	height: 5px;
}

/* -- HEADER -- */
#header {}

/* -- BODY -- */
#contentArea {
	padding: 0;
	margin: 0;
}
#logoHeader {
	margin:0;
	padding:0;
	height: 102px;
}
#rowTop {
	width: 980px;
	margin: 0 0 10px 0;
}
#colLeft2 {
	width: 310px;
	padding: 0;
	margin: 0;
	height: 100%;
	vertical-align:top;
}
#colLeft {
	float: left;
	width: 310px;
	padding: 0;
	margin: 0;
	height: 100%;
}

.logo {
	margin: 0 0 10px 0;
	float: left;
	width: 310px;
	height:82px;
}
#rowBottom {
	clear:both;
	width:967px;
	background-image: url(graphics/bg_homeContent.gif);
}
#colRight {
	float: left;
}

/* -- FOOTER -- */
#footer {
	width: 980px;
	height: 147px;
	text-align: left;
	color: #826613;
	margin:auto;
	position:relative;
}

#footerTD {
	background-image: url(graphics/bg_footerfade.gif);
	background-repeat: repeat-x;
	height:100%;
	vertical-align:top;
}
.footerSpace {
	height:23px;
}

#footer p {
	color: #5b5851;
	font-size: 10px;
	margin-top: 10px;
}

#footer .acroLink a {
	color: #55430f;
	text-decoration: none;
}

#footer .acroLink img {
	vertical-align: middle;
}

#footer .pad {
	margin:0;
	padding: 0;
	clear:both;
}

#footer a {
	text-decoration: none;
	color: #826613;
	padding: 0 5px 0 5px;
	margin:0px;
}

#footer a:hover {
	text-decoration: none;
	color: #a9925f;
}

.footerLine {
	background-color:#3b3933;
	width: 967px;
	height:1px;
	margin-bottom: 10px;
}

#logoHolder {
	position: absolute;
	margin-top: 45px;
	text-align: right;
	float: right;
}

.footerLogo {
	position: absolute;
	margin-left: 850px;
	margin-top: 20px;
}
#footer .acroLink {
   padding-top: 20px;
	width: 970px;
	font-size: 10px;
}
#footer .footerFirst {
	padding-left: 1px;
}

/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */
	
	.siteMapList { margin-top: 15px }
	.siteMapList dt {
		background:url(graphics/ico_folder.gif) 0 4px no-repeat;
		padding-left:20px;
		line-height:20px;
	}
	.siteMapList dd {	
		padding-left:10px;
		margin-left:25px;
		line-height:16px;
		background:url(graphics/sitemap_2nd.gif) no-repeat;
	}
	.siteMapList dd a {	
		color: #cfcabe !important;
		text-decoration:none;
	}
	.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }


/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */
.newsImg {
	float: right;
	margin-left:10px;
	border: 1px solid #4e4b45;
}

.contentTop {
	width: 340px;
}
.contentTop p {
	color: #cfcabe;
}

.careerContentTop {
	width: 340px;
}
.careerContentTop p {
	color: #cfcabe;
	line-height: 15px;
}

.space {
   height: 20px;
	float: left;
   width: 10px;
}
.space2 {
   height: 20px;
	float: left;
   width: 11px;
}
.space8 {
   height: 20px;
	float: left;
   width: 8px;
}

.imgRight {
	text-align: right;
}

.imgRightPad {
	float:right;
	margin: 7px;
	border: 3px solid #2f2d28;
}

.indentOpenings {
	clear:both;
	padding-top:5px;
	margin-left: 10px;
}

.leftPad {
	padding: 3px 0px 0 10px;
}

.leftPad p {
	padding-left:0;
	width: 285px;
	line-height:15px;
}

.padCareersBox {
	padding: 4px 12px 0 10px;
}
.content {
	color: #cfcabe;
	line-height:14px;
	padding-bottom:5px;
}

.listsTopContent {
	padding: 0;
	margin: 3px 0 20px 0;
	color: #cfcabe;
}

.listsTopContent li {
	background: url(graphics/bullet_2.gif) 0 7px;
	background-repeat: no-repeat;
	margin: 6px 0 15px 0;
	padding: 0 10px;
	list-style: none;
	line-height: 17px;
}

.lists {
	padding: 0;
	margin: 3px 0 0 10px;
	color: #a9925f;
}

.lists li {
	background: url(graphics/bullet.gif) 0 5px;
	background-repeat: no-repeat;
	margin: 3px 0px;
	padding: 0 10px;
	list-style: none;
	line-height: 10px;
}

.lists2 {
	padding: 0;
	margin: 3px 0 20px 6px;
	color: #a39f96;
}

.lists2 li {
	background: url(graphics/bullet_2.gif) 0 7px;
	background-repeat: no-repeat;
	margin: 3px 0px;
	padding: 0 10px;
	list-style: none;
	line-height: 17px;
}

.lists2 a {
	font-weight: bold;
	text-decoration: none;
}

.lists2 a:hover {
	text-decoration:none;
	color: #FFF;
}
.lists2 .current {
	text-decoration:none;
	color: #FFF;
}

.lists3 {
	padding: 0;
	margin: 3px 0 0 0px;
	color: #a39f96;
}

.lists3 li {
	background: url(graphics/bullet_2.gif) 0 7px;
	background-repeat: no-repeat;
	margin: 3px 0px;
	padding: 0 10px 10px 10px;
	list-style: none;
	line-height: 18px;
}

.lists3 strong {
	color: #a9925f;
}

.lists3 a {
	text-decoration: none;
}

.lists4 {
	padding: 0;
	margin: 3px 0 0 0px;
	color: #a39f96;
	float: left
}

.lists4 li {
	margin: 3px 0px;
	padding: 0 0;
	list-style: none;
	line-height: 17px;
	font-weight: bold;
}
.lists4 a {
	font-weight: bold;
	text-decoration: underline;
	color: #a39f96;
}

.lists5 {
	padding: 0;
	margin: 3px 0 20px 0px;
	color: #a39f96;
}

.lists5 li {
	background: url(graphics/bullet_2.gif) 0 7px;
	background-repeat: no-repeat;
	margin: 3px 0 15px 0px;
	padding: 0px 10px;
	list-style: none;
	line-height: 17px;
}

.lists5 a {
	font-weight: bold;
	text-decoration: none;
}

.listNumbered {
	color: #a39f96;
	list-style-type:decimal;
}
.shortLI {
	width:300px;
}

.miniCol {
	float: left;
	width:270px;
}

.miniCol a {
	font-weight: bold;
}

#headerContent {
   padding: 0;
	width: 648px;
	height:82px;
	margin: 13px 0 7px 10px;
	float: left;
}

#leftContentTable {
	background-color: #3d3931;
	height: 100%;
	vertical-align: top;
}

#boxUnderNav {
	background-image: url(graphics/bg_fade3.jpg);
	background-repeat: repeat-x;
	background-color: #39362f;
	padding: 38px 0 0 0;
	margin: 0;
	text-align: left;
	width: 310px;
	
}

#boxRightContent {
	background-image: url(graphics/bg_fade2.jpg);
	background-repeat: repeat-x;
	text-align: left;
	width: 647px;
	float: left;
	background-color: #39362f;
	margin:0;
	padding:0;
}

#boxRightContent p {
	line-height:15px;
}

#subNavRight {
	background-image: url(graphics/bg_subnav.gif);
	background-repeat: no-repeat;
	height: 40px;
	padding: 0;
	margin:0;
}

#subNavRight ul {
	margin: 0 0 0 20px; 
	padding: 0;
}

#subNavRight li {
	list-style: none;
	float: left;
	margin: 14px 0 0 0;
	color: #b78d12;
	padding: 0 5px;
}

#subNavRight a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#subNavRight a:hover {
	color: #f8c221;
}
#subNavRight .current {
	color: #f8c221;
	font-weight: bold;
}

#topContentLeft {
	width: 229px;
	float: left;
	padding-right: 20px;
	border: 1px solid red;
}
#topContentRight {
	float: left;
}

.noTitleSpace {
	height:20px;
}
/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

.gamePic {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #a9925f;
}

.gamePic:hover {
	border: 1px solid #f8c221;
}

.boxBottomCorners {
	background-image: url(graphics/bottom_corners.gif);
	background-repeat: no-repeat;
	height: 5px;
}

.boxMiddle {
	height: 5px;
	width: 408px;
	float: left;
	background-color: #3e3a31;
}

#flashContentHome {
   padding: 0;
	width: 648px;
	margin: 13px 0 0 0;
	float: left;
}

#flashContent {
   padding: 0;
	width: 648px;
	margin: 13px 0 0 10px;
}

#boxCareers {
	background-image: url(graphics/bg_lowerfade.gif);
	background-repeat: repeat-x;
	width: 310px;
	float: left;
}

#boxCareers .applyNow {
	margin: 22px 0 0 0;
	padding: 0 0 0 15px;
	float: left;
}

#boxCareers p {
	padding-right:135px; 
	padding-top: 8px;
}

#boxCareers .firstP {
	padding-right:0;
	width:140px;
}
#boxCareers .secondP {
	padding-right:0;
	width:280px;
}

#boxCurrent {
	width: 403px;
	height:335px;
	background-image: url(graphics/bg_lowerfade.gif);
	background-repeat: repeat-x;
	padding: 0;
	text-align: left;
	float: left;
}

.padRightContentTop {
	padding: 10px 0px 0 24px;
}

.padRightContentTop p {
	width: 390px;
}

.padCurrentNews {
	padding: 0px 0px 0px 24px;
}

.padRightContent {
	padding: 0px 0px 5px 24px;
	width: 600px;
}

.padRightContent h1 {
	padding: 2px 0 5px 0;
}

.padRightContentNoTitle {
	padding: 20px 0px 5px 24px;
	width: 600px;
}

.titleImage {
	margin: 30px 0 5px 0;
	clear: both;
}

.titleImage2 {
	margin: 7px 0 5px 0;
}

.titleImage3 {
	margin-top:12px;
}

.titleImageTopContent {
	margin: 25px 0 5px 0;
}

.titleCareerName {
	margin: 25px 0 12px -1px;
}

#boxFeatured {
	width: 236px;
   float: left;
	background-image: url(graphics/bg_lowerfade.gif);
	background-repeat: repeat-x;
	padding: 0;
	vertical-align: bottom;
}

#boxFeatured .pad {
	padding: 5px 0 0 11px;
}

/* --------------------------------------------
|  PAGE SPECIFIC	- Careers										
--------------------------------------------- */
#character_2 {
	position: absolute;
	margin-left: 185px;
	margin-top: -9px;
	
}
#character_3 {
	position: absolute;
	margin-left: 185px;
	margin-top: -11px;
	
}

#character_4 {
	position: absolute;
	margin-left: 150px;
	margin-top: -25px;
	
}

#character_5 {
	position: absolute;
	margin-left: 145px;
	margin-top: -42px;
	
}

#character_female_pilot {
	position: absolute;
	margin-left: 179px;
	margin-top: -15px;
}

#character_foster {
	position: absolute;
	margin-left: 179px;
	margin-top: -11px;
}

#character_pilot {
	position: absolute;
	margin-left: 113px;
	margin-top: 91px;
}

#boxCareersContent {
	background-image: url(graphics/Fr_career_environment.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
	
}

#boxCareersContentDesign {
	background-image: url(graphics/Fr_career_gameplay.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
}

#boxCareersContentEngineering {
	background-image: url(graphics/Fr_career_gameplay.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
}

#boxCareersContentManagement {
	background-image: url(graphics/FR_careers_management.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
}

#boxCareersContentSupport {
	background-image: url(graphics/bg_careers_support.jpg);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
}

#boxRegularContent {
	background-image: url(graphics/bg_defaultContent.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 647px;
}

.padTableDiv {
	margin: 0 10px 10px 0;
	float: left;
}
.tableDiv {
	float: left;
	width: 285px;
	height: 119px;
	border: 1px solid #49463f;
}

.tableDiv .title {
	background-color: #61542d;
	color: #FFF;
	padding: 10px 0 10px 10px;
}

.tableDiv .content {
	color: #a39f96;
	padding: 10px 10px 10px 10px;
}

.tableDiv .content strong {
	color: #a9925f;
}

.tableSpace {
	float: left;
	width: 17px;
}

.screenshotList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.screenshotList li {
	float: left;
	margin: 0;
	padding: 10px 0 0 12px;
}

.screenshotList a {
	border: 1px solid #a9925f;
	display: block;
	height:72px;
	width:72px;
}

.screenshotList a:hover {
	border: 1px solid #f8c221;
}

.trailerBox {
	float: left;
	padding:0;
	margin: 0px;
	list-style: none;
}

.trailerBox li {
	float: left;
	margin: 0;
	padding: 10px 0 0 12px;
}

.trailerBox a {
	border: 1px solid #a9925f;
	display: block;
	width: 158px;
	height: 58px;
}


.trailerBox a:hover {
	border: 1px solid #f8c221;
}

.trailerSize {
	float: left;
	height: 58px;
	padding: 30px 30px 0 15px;
	color: #89857d;
	font-size: 13px;

}

.trailerSize a {
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
	color: #867550;
}

.gameRatings {
	float: left;
	width:85px;
	height: 95px;
	border: 2px solid #53504a;
	color: #a9925f;
	text-align: center;
	padding: 10px 0 5px 0px;
	margin-top: 10px;
	margin-right: 10px;
}

.gameRatings a {
	text-decoration: underline;
}

.gameRatings .numbers {
	font-size: 35px;
	color: #c09025;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

.gameRatings3rd {
	float: left;
	width:85px;
	height: 95px;
	border: 2px solid #53504a;
	color: #a9925f;
	text-align: center;
	padding: 10px 0 5px 0px;
	margin-top: 10px;
}

.gameRatings3rd a {
	text-decoration: underline;
}

.gameRatings3rd .numbers {
	font-size: 35px;
	color: #c09025;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

#gameReviews a {
	text-decoration:none;
	color: #a39f96;
}

#gameReviews a:hover {
	text-decoration:underline;
}

#gameReviews h5 a {
	text-decoration:underline;
	color: #a9925f;
}
/* --------------------------------------------
|	ScrollBar
--------------------------------------------- */ 
.root     {
    position:relative;
	 background-image: url(../graphics/bg_lowerfade.gif);
    }
.root p   {
    margin: 10px 0 0 0;
    }
.thumb     {
    position: absolute;
    height: 110px;
    width: 16px;
    left: 0px;
    }
.scrollBack {
	background: url(graphics/scroll/scroll_ln.jpg) repeat-y;
	position: absolute;
   left: 363px;
	height:375px;
	width:16px;
	}
.up, .dn   {
    position: absolute;
    left: 10px;
	 
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border: 0;
    }
.scrollContainer { 
    position: absolute; 
    left: 0px; 
    top: 19px; 
    clip: rect(0 467 200 0); 
    overflow: auto; 
    }
.scrollContent { 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    padding-bottom:30px;
    }