@charset "utf-8";

* {margin:0;padding:0;outline:none;border:none;list-style-type:none;text-decoration:none;}

body {
	background:url(../images/body_bg.jpg) 50% 0 repeat-y #000;}

.clear {clear:both;}

#container {}

	#header {
		width:1600px;height:567px;
		position:absolute;left:50%;margin-left:-800px;
		background:url(../images/header_bg.jpg) top left no-repeat;}
		
		#gameLogo {position:absolute;top:55px;left:50%;margin-left:160px;}
		
		#mainMenu {
			width:1277px;height:32px;
			margin:489px 0 0 0;
			padding:0 0 0 323px;
			overflow:hidden;
			background:url(../images/menu_bg.png) top left repeat-x;}
			#mainMenu li {
				height:32px;
				display:inline;float:left;}
				#mainMenu li a:link, #mainMenu li a:visited {}
					#mainMenu li a img {}
		
		#headerVideo {
			width:439px;height:234px;
			margin:252px 0 0 864px;
			background:url(../images/header_video_container.png) top left no-repeat;
			position:absolute;top:0;left:50%;margin-left:100px;}
			#headerVideo object {
				position:relative;top:14px;left:44px;}
	
	#content {
		width:980px;
		margin:0 auto;
		position:relative;top:521px;
		background:url(../images/rightcontent_bg.png) top left repeat;}
		.leftContent {
			width:558px;
			margin:14px 0 0 26px;
			padding-left:18px;
			display:inline;float:left;
			background:url(../images/subsection_bg.png) top left no-repeat;
			color:#fff;}
			.leftContent h2 {
				position:relative;top:13px;
				margin-bottom:30px;}
			.leftContent h3 {
				font:bold 15px/1.2 Tahoma, Geneva, sans-serif;
				margin:0 0 10px 0;}
			.leftContent p {
				font:normal 13px/1.2 Tahoma, Geneva, sans-serif;
				margin:0 0 15px 0;}
			.leftContent ul {font:normal 13px/1.2 Tahoma, Geneva, sans-serif;}
				.leftContent ul li {
					margin:10px 0 10px 10px;
					padding:0 0 0 15px;
					background:url(../images/bullet.gif) 0px 3px no-repeat;}
					
		/**VIDEOS**/
		#videosSlideShow {
			width:148px;
			position:relative;top:4px;
			margin-bottom:50px;}
			#videosSlideShow li {
				margin:0 0 25px 0;
				padding:0 0 0 0;
				background:url(../images/videos_item_bg.png) top left no-repeat;}
				.videoSelected {background-position:top right !important;}
					.videoSelected div {display:block !important;}
				.videoUnselected {background-position:top left !important;}
					.videoUnselected div {display:none !important;}
				#videosSlideShow li span {
					width:148px;height:115px;
					display:block;
					position:relative;
					cursor:pointer;}
					#videosSlideShow li span label {
						display:block;
						position:absolute;top:94px;left:11px;
						font:normal 11px/1.2 Tahoma, Geneva, sans-serif;}
					#videosSlideShow li span img {
						width:129px;height:86px;
						position:absolute;top:5px;left:5px;}
				#videosSlideShow li div {
					width:364px;height:254px;
					background:url(../images/player_video_section.png) top left no-repeat;
					position:absolute;top:0;left:172px;
					display:none;}
					#videosSlideShow li div label {
						font:bold 11px/1.2 Tahoma, Geneva, sans-serif;
						position:absolute;top:3px;left:15px;}
					#videosSlideShow li div object,
					#videosSlideShow li div img {
						width:350px;height:215px;
						position:absolute;top:25px;left:9px;}
					#videosSlideShow li div p {
						position:absolute;top:260px;}
					#videosSlideShow li div p strong {color:#f7ef49;}
		#comicHeading {display:block;}
		
		/**CHARACTERS**/
		#factionSelect {
			width:529px;height:26px;
			font:normal 11px/1.2 Tahoma, Geneva, sans-serif;text-transform:uppercase;
			margin-left:7px;}
			#factionSelect span {
				padding:5px;
				cursor:pointer;
				border:1px solid #203a82;
				-moz-border-radius:5px 5px 0 0;
				position:relative;top:7px;}
			.factionSelected {
				background:#203a82;
				color:#fff;}
			.factionUnselected {
				background:#001039;
				color:#8e9fcd;}
		.characterList {
			width:529px;height:340px;
			margin:0 0 17px 0;
			padding:29px 0 0 7px;
			background:url(../images/container_characters_bg.jpg) 0 29px no-repeat;
			position:relative;}
			.characterList li {
				height:26px;
				margin:0 1px 0 0 !important;
				padding:0 !important;
				display:inline;float:left;
				background:none !important;}
				.characterList li label {
					padding:5px;
					cursor:pointer;
					-moz-border-radius:5px 5px 0 0;
					position:relative;top:-22px;
					text-transform:uppercase;
					background:#203a82;}
				.characterSelected {
					color:#e6eb55;
					border:1px solid #17bde6;}
				.characterUnselected {
					color:#fff;
					border:1px solid #203a82;}
				.characterList li div {
					width:534px;height:330px;
					position:absolute;top:29px;left:1px;
					display:none;}
					.characterList li div span {
						width:275px;height:329px;
						display:block;
						position:absolute;top:1px;left:1px;}
					.characterList li div h3 {position:absolute;top:11px;left:285px;}
					.characterList li div div {
						width:245px;height:280px;
						overflow:auto;
						position:relative;top:45px;left:285px;
						display:block;}
						.characterList li div div h5 {
							font:bold 13px/1.2 Tahoma, Geneva, sans-serif;
							background:url(../images/bullet.gif) 0px 3px no-repeat;
							padding:0 0 0 15px;}
						.characterList li div div h6 {
							font:bold 13px/1.2 Tahoma, Geneva, sans-serif;
							text-transform:uppercase;}
						.characterList li div div p {
							margin:10px 0;
							/*
							width:234px;
							position:relative;top:50px;left:290px;
							*/}
		#royalistsFaction {display:none;}
		#novaHeading {display:block;}
		
		/**SPACESHIPS**/
		#factionSelect_ss {
			width:529px;height:26px;
			font:normal 11px/1.2 Tahoma, Geneva, sans-serif;text-transform:uppercase;
			margin-left:7px;}
			#factionSelect_ss span {
				padding:5px;
				cursor:pointer;
				border:1px solid #203a82;
				-moz-border-radius:5px 5px 0 0;
				position:relative;top:7px;}
			.factionSelected {
				background:#203a82;
				color:#fff;}
			.factionUnselected {
				background:#001039;
				color:#8e9fcd;}
		.spaceshipList {
			width:901px;height:275px;
			margin:0 0 17px 0;
			padding:29px 0 0 7px;
			background:url(../images/container_spaceships_bg.jpg) 0 29px no-repeat;
			position:relative;}
			.spaceshipList li {
				height:26px;
				margin:0 1px 0 0 !important;
				padding:0 !important;
				display:inline;float:left;
				background:none !important;}
				.spaceshipList li label {
					padding:5px;
					cursor:pointer;
					-moz-border-radius:5px 5px 0 0;
					position:relative;top:-22px;
					text-transform:uppercase;
					background:#203a82;}
				.spaceshipSelected {
					color:#e6eb55;
					border:1px solid #17bde6;}
				.spaceshipUnselected {
					color:#fff;
					border:1px solid #203a82;}
				.spaceshipList li div {
					width:534px;/*height:330px;*/
					position:absolute;top:29px;left:1px;
					display:none;}
					.spaceshipList li div span {
						width:534px;height:193px;
						display:block;
						position:absolute;top:34px;left:413px;}
					.spaceshipList li div h3 {position:absolute;top:12px;left:13px;}
					
					.spaceshipList li div div {
						width:450px;height:205px;
						overflow:auto;
						position:relative;top:50px;left:14px;
						display:block;}
						.spaceshipList li div div h5 {
							font:bold 13px/1.2 Tahoma, Geneva, sans-serif;
							background:url(../images/bullet.gif) 0px 3px no-repeat;
							padding:0 0 0 15px;}
						.spaceshipList li div div h6 {
							font:bold 13px/1.2 Tahoma, Geneva, sans-serif;}
						.spaceshipList li div div p {margin:10px 0;}
					/*
					.spaceshipList li div p {
						width:512px;
						position:relative;top:245px;left:10px;}
					*/
		#royalistsFaction_ss {display:none;}
		
		/**COOP MODE**/
		#screensCoopMode {
			width:290px;height:190px;
			margin:0 auto 15px auto;
			padding:6px 0 0 0;
			background:url(../images/screenshots_right_container.png) -12px 0px no-repeat;
			position:relative;}
			#screensCoopMode object {}
		#coopKeypoint {display:block;}
			#coopModeImages {width:100%;text-align:center;}
				#coopModeImages img {margin-right:30px;}
		
		/**RIGHT CONTENT**/
		.rightContent {
			width:360px;height:100%;
			margin:14px 0 0 0;
			padding:0 0 10px 0;
			display:inline;float:right;
			text-align:center;}
			.rightContent h3 {
				width:270px;/*height:15px;*/
				margin:5px auto 7px auto;
				/*padding:3px 0 0 0;*/
				padding:9px;
				font:bold 10px/1.2 Verdana, Geneva, sans-serif;color:#fff;
				text-transform:uppercase;text-align:center;
				background:#001039;
				border:1px solid #17BDE6;
				-moz-border-radius:4px;
				/*background:url(../images/minititle_rightcontent.png) top left no-repeat;*/
				display:none;}
			.rightScreenshotsContainer {
				width:314px;height:190px;
				margin:0 auto 15px auto;
				padding:6px 0 0 0;
				background:url(../images/screenshots_right_container.png) top left no-repeat;
				position:relative;}
				.rightScreenshotsContainer ul {}
					.rightScreenshotsContainer ul li {display:none;}
				.rightScreenNext, .rightScreenPrev {
					width:13px;height:68px;
					cursor:pointer;
					position:absolute;top:64px;
					/*background:url(../images/blank.gif) top left repeat;*/}
				.rightScreenNext {
					left:301px;
					background:url(../images/global_slideshow_right_arrow_selected.gif) 3px 29px no-repeat;}
				.rightScreenPrev {
					left:0;
					background:url(../images/global_slideshow_left_arrow_selected.gif) 3px 27px no-repeat;}
				
		/**SUBMENU**/
		.subMenu {
			margin:0;
			padding:9px 8px 9px 0;
			font:normal 12px/1.2 Tahoma, Geneva, sans-serif;
			text-transform:uppercase;
			background:url(../images/submenu_bg.jpg) top left repeat-x;}
			.subMenu li {
				display:inline;
				margin-left:8px;}
				.subMenu li a:link, .subMenu li a:visited {color:#fff;}
				.subMenu li a:hover {color:#e6eb55;}
		
		/**FOOTER**/
	#footer {
		/*width:980px;*/width:1600px;/*height:303px;*/
		/*margin:0 auto;*/
		background:url(../images/footer_bg.jpg) top center no-repeat;
		position:absolute;left:50%;margin-left:-800px;margin-top:523px;}
		#footerContainer {
			width:900px;
			margin:auto;
			padding:20px 0 80px 0;
			text-align:center;}
			#footerContainer a {
				font-family:Verdana, Geneva, sans-serif;
				font-size:10px;
				color:#fff;}
			#footerContainer p {
				color:#fff;
				font-size:10px;
				font-family:Verdana, Geneva, sans-serif;}
			#seoFooter {
				margin:15px 0;
				padding-bottom:15px;
				border-bottom:1px solid #fff;}
				#seoFooter a:hover {text-decoration: underline;}