/*@charset "utf-8";*/
/* Resistance Layout CSS Document */

body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: White;
	margin: 0 auto;
	text-align: center;
}

h6 {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	margin: 15px 0;
}

.container {
	/* border: 1px solid white; */
	width: 975px;
	margin: 0 auto;
	margin-top: 80px;
	text-align: left;
}

.header {
	height: 80px;
	/* border: 1px solid red; */
}

.headerLogo {
	/* border: 1px solid silver; */
	float: left;
	width: 430px;
	height: 70px;
	position:absolute;
}

.headerButtons {
}


.headerButtons a:link {
	display: block;
}
.headerButtons a:visited {
	display: block;
}
.headerButtons a:hover {
	display: block;
	border:none;
  outline: none;
  
}

.navBar {
	height: 60px;
	/* border: 1px solid yellow; */
}
.navBar a:link {
	background-position: top;
}
.navBar a:hover {
	background-position: bottom;
border:none;
   outline: none;
   /*-moz-outline-style: none;*/ 
}
.navBarHome {
	height: 60px;
	display: block;
	float: left;
}
.navBarStory {
	height: 60px;
	display: block;
	float: left;
}
.navBarFeatures {
	height: 60px;
	display: block;
	float: left;
}
.navBarDownloads {
	height: 60px;
	display: block;
	float: left;
}
.navBarMedia {
	height: 60px;
	display: block;
	float: left;
}
.navBarAnnouncements {
	height: 60px;
	display: block;
	float: left;
}
.navBar_home {
	height: 60px;
	background-position:top;
}

.navBarSelectGame {
	height: 60px;
	width: 212px;
	display: block;
	float: left;
	
}

.navBarHolder {
	height: 60px;
	width: 755px;
	display: block;
	float: left;
	background: black url(/assets/uploads/images/static/navBarHolder.jpg) no-repeat right top;	
}

.navBarResistance {
	height: 60px;
/*	width: 154px; */
	display: block;
	float: left;
	
	border:none;
	outline: none;
	/*-moz-outline-style: none;*/ 	
}

.navBarResistance {
	border:none;
	outline: none;
}
.navBar_home a{
	background-position: bottom;
}

.navBar_home a:hover {
	background-position: top;
}

.navBarResistance
{
	height: 60px;
/*	width: 175px;*/
	display: block;
	float: left;
	
	border:none;
	outline: none;
	/*-moz-outline-style: none;*/ 	
}

.navBarResistance a:link
{
	border:none;
	outline: none;
	/*-moz-outline-style: none;*/ 	
}

.flashContent {
	/* border: 1px solid blue; */
	width: 954px;
	height: 344px;
	padding: 0 0 0 10px;
}

.bottomContent {
	/* border: 3px solid #996633; */
	height: 598px;
}

.latestNews {
	/* border: 1px solid #FFCC99; */
	background: black url(/assets/uploads/images/static/latestNewsBg.jpg) no-repeat;
	float: left;
	width: 398px;
	height: 598px;
}
.latestNewsHeader {
	border: 0px solid yellow;
	width: 398px;
	height: 30px;
	margin: 20px 0 0 0;
	padding-bottom: 15px;
}
.latestNewsHeaderButton {
	display: block;
	float: right;
	height: 18px;
	width: 145px;
	margin: 6px 10px 0 0;
}
.latestNewsBox {
	border: 0px solid red;
	height: 140px;
	width: 398px;
	margin-bottom: 10px;
}
.latestNewsBoxHeader {
	border: 0px solid red;
	margin: 1px 0 10px 30px;
	font-family: Lucida, Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #dfbc6a;
}
.latestNewsBoxHeader1 { margin-top: 11px; }
.latestNewsBoxHeader2 { margin-top: 10px; }
.latestNewsBoxHeader3 { margin-top: 15px; }
.latestNewsBoxContent {
	border: 0px solid green;
	margin: 0 14px 0px 21px;
}
.latestNewsBoxImage {
	margin-top: 2px;
	border: 5px solid #232219;
	width: 158px;
	height: 78px;
	float: left;
}
.latestNewsBoxImage img {
	border: 2px solid Black;
	width: 154px;
	height: 74px;
}
.latestNewsBoxText {
	font-size: 9px;
	float: right;
	width: 180px;
	color: #a6a6a5;
	height:96px;
}
.latestNewsBoxLinkImage {
	float: left;
	border: 0px solid white;
	margin-top: 0px;
	width: 130px;
	height: 15px;
	display: block;
}

.latestDownloads {
	border: 0px solid #99FFFF;
	background: black url(/assets/uploads/images/static/latestDownloadsBg.jpg) no-repeat;
	float: right;
	width: 577px;
	height: 598px;
}
.latestDownloadsHeader {
	border: 0px solid yellow;
	width: 577px;
	height: 30px;
	margin: 20px 0 0 0;
	padding-bottom: 15px;
}
.latestDownloadsHeaderButton {
	display: block;
	float: right;
	height: 18px;
	width: 145px;
	margin: 6px 34px 0 0;
}
.latestDownloadsBox {
	border: 5px solid #232219;
	width: 521px;
	height: 202px;
	margin: 8px 0 40px 18px;
	background-color: Black;
}
.latestDownloadsBox img {
	margin: 7px 7px 7px 7px;
}
.latestDownloadsBoxImageButton {
	display: block;
	float: left;
	width: 49px;
	height: 19px;
	background: url(/assets/uploads/images/static/latestDownloadsBoxImageButton.gif) no-repeat bottom;
	margin-right: 1px;
	margin-top: 2px;
}
.latestDownloadsBox a:hover {
	background-position: top;
}
.latestDownloadsBoxButtons {
	border: 0px solid white;
	float: right;
	width: 150px;
	height: 19px;
	margin: 0px 7px 0px 0;
}
.latestDownloadsBoxButton01 {
	display: block;
	float: right;
	width: 58px;
	height: 18px;
	margin-right: 5px;
}
.latestDownloadsBoxButton02 {
	display: block;
	float: right;
	width: 58px;
	height: 18px;
}

.homePageAd {
	border: 5px solid #232219;
	width: 521px;
	height: 202px;
	margin: 0px 0px 0px 18px;
	background-color: Black;
}

/* STORY */

.storyHeader {
	width: 975px;
	height: 57px;
	background: black url(/assets/uploads/images/static/storyHeaderBg.jpg) no-repeat;
}
.storyLeft {
	float: left;
	width: 480px;
	height: 653px;
	background: url(/assets/uploads/images/static/universalLeftBg.jpg) no-repeat;
	border: 0px solid white;
}
.storyLeftImage {
	width: 432px;
	height: 329px;
	background: black;
	border: 5px solid #232219;
	margin: 15px 0px 6px 24px;
}
.storyLeftButtons {
	width: 432px;
	height: 20px;
	background: #232219;
	border: 5px solid #232219;
	margin: 0 0 0 24px;
}
.storyLeftButton01 {
	width: 80px;
	height: 18px;
	float: left;
	display: block;
}
.storyLeftButton02 {
	width: 80px;
	height: 18px;
	float: right;
	display: block;
}
	
.storyRight {
	float: right;
	width: 495px;
	height: 653px;
	background: url(/assets/uploads/images/static/universalRightBg.jpg) no-repeat;
	font-size: 70%;
	color: #a6a6a5;
}
.storyRightContent {
	margin: 15px 20px 20px 20px;
	margin-right: 14px;
}
.storyRightContentHeader {
	width: 455px;
	height: 19px;
	background: url(/assets/uploads/images/static/storyRightContentHeaderBg.gif) no-repeat;
	font-family: Lucida, Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #bca05c;
	padding: 3px 0 0 6px;
}

.featuresHeader {
	width: 975px;
	height: 44px;
	background: black url(/assets/uploads/images/static/featuresHeaderBg.jpg) no-repeat;
}
.featuresLeft {
	float: left;
	width: 480px;
	height: 656px;
	background: url(/assets/uploads/images/static/featuresLeftBg.jpg) no-repeat;
}
.featuresLeftHeader {
	margin: 15px 14px 0 24px;
	/*background:#232219;*/
	font-size:10px;
	height:23px;
	padding:0px;
}

.featuresLeftHeader span {
	width:150px;
	display:block;
	width:141px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	margin:0;
	font-weight: bold;
	text-transform:uppercase;

	/*background:#BCA05C;*/
	background:#1A1811;
	/**/
	border-left:none;
	border-right:none;
	border-top:5px solid #000000;
	/*border-bottom:2px solid #232219;*/  
}

.featuresLeftHeader span a{color:#715C2F; text-decoration:none }
.featuresLeftHeader span a:hover{color:#BCA05C; text-decoration:none }
/*.featuresLeftHeader span a:visited {color:#715C2F;}*/


.featuresLeftImage {
	width: 432px;
	height: 329px;
	background: black;
	border: 5px solid #232219;
	margin: 0px 0px 6px 24px;
}
.featuresLeftImage img {
	width: 422px;
	height: 319px;
	border: 5px solid black;
}
.featuresLeftButtons {
	width: 432px;
	height: 20px;
	background: #232219;
	border: 5px solid #232219;
	margin: 0 0 0 24px;
}
.featuresLeftButton01 {
	width: 80px;
	height: 18px;
	float: left;
	display: block;
	background: url(/assets/uploads/images/static/storyLeftButton01.gif) no-repeat;
}
.featuresLeftButton02 {
	width: 80px;
	height: 18px;
	float: right;
	display: block;
	background: url(/assets/uploads/images/static/storyLeftButton02.gif) no-repeat;
}
.featuresRight {
	float: right;
	width: 495px;
	height: 656px;
	background: url(/assets/uploads/images/static/featuresRightBg.jpg) no-repeat;
	font-size: 70%;
	color: #a6a6a5;
}
.featuresRightContent {
	margin: 15px 20px 0 20px;
	margin-right: 14px;
}
.featuresRightContentHeader {
	width: 455px;
	height: 19px;
	background: url(/assets/uploads/images/static/featuresRightContentHeaderBg.gif) no-repeat;
	font-family: Lucida, Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #bca05c;
	padding: 3px 0 0 6px;
}

.announcementsLeft {
	float: left;
}
.announcementsLeftHeader {
	width: 401px;
	height: 42px;
	margin-bottom: 0px;
}
.announcementsLeftContent {
	border: 0px solid red;
	width: 401px;
	height: 858px;
	background: url(/assets/uploads/images/static/announcementsLeftContentBg.jpg) no-repeat;
	padding-top: 20px;
}
.announcementsLeftContentBox {
	border: 0px solid red;
	height: 145px;
	width: 398px;
	margin-bottom: 0px;
}
.announcementsLeftContentBoxHeader {
	border: 0px solid red;
	margin: 1px 0 1px 22px;
	padding: 3px 0 0 6px;
	font-family: Lucida, Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #dfbc6a;
	width: 364px;
	height: 19px;
}
.announcementsLeftContentBoxHeader1 { margin-top: 0px; }
.announcementsLeftContentBoxHeader2 { margin-top: 7px; }
.announcementsLeftContentBoxHeader3 { margin-top: 6px; }
.announcementsLeftContentBoxHeader4 { margin-top: 10px; }
.announcementsLeftContentBoxHeader5 { margin-top: 10px; }

.announcementsRight {
	float: right;
}
.announcementsRightHeader {
	width: 574px;
	height: 42px;
}
.announcementsRightContent {
	width: 574px;
	height: 858px;
	background: url(/assets/uploads/images/static/announcementsRightContentBg.jpg) no-repeat;
}
.announcementsRightContentImage {
	width: 526px;
	height: 240px;
	border: 5px solid #232219;
	margin: 22px 0px 0px 17px;
}
.announcementsRightContentText {
	margin: 5px 15px 15px 18px;
	font-size: 80%;
	color: #a6a6a5;
}
textarea {
	background:transparent; 
	color:#A6A6A5; 
	font-size:10px;
	text-transform: uppercase; 
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	border:none;
	width:450px; 
	height:500px;
}
.announcementsRightContentText textarea {
	width:530px; 
	height:500px; 
}

.announcementsRightContentTextFooter {
	margin-top: 20px;
	color: #515151;
}

.downloadsContainerLeft {
	float: left;
	width: 605px;
}
.downloadsLeft {
	float: left;
	width: 380px;
}
.downloadsLeftHeader {
	width: 380px;
	height: 57px;
}
.downloadsLeftContent {
	width: 380px;
	height: 652px;
	padding-top: 10px;
}
.downloadsLeftContentBox {
	width: 335px;
	height: 165px;
	margin: 0px 0px 30px 30px;	
}
.downloadsLeftContentBoxHeader {
	width: 337px;
	height: 19px;
	margin-bottom: 5px;
}
.downloadsLeftContentBoxLeft {
	float: left;
	width: 225px; /* 235px */
	height: 130px;
	border: 5px solid #232219;
}
.downloadsLeftContentBoxLeft img {
	width: 222px;
	height: 126px;
	border: 2px solid black;
}
.downloadsLeftContentBoxRight {
	float: right;
	width: 87px; /* 97px */
	height: 130px;
	border: 5px solid #232219;
	background-color: #232219;
	text-align: center;
}
.downloadsLeftContentBoxRight img {
	margin: 0 auto;
	margin-bottom: 5px;
}
.downloadsCenter {
	float: right;
	width: 225px;
}
.downloadsCenterHeader {
	width: 225px;
	height: 57px;
}
.downloadsCenterContent {
	width: 220px;
	height: 652px;
	padding-left: 5px;
	/*padding: 17px 5px;
	_width: 205px;*/
}
.downloadsCenterContentBox {
	float: left;
	border: 3px solid #232219;
	margin: 15px 5px;
}
.downloadsCenterContentBox img {
	border: 2px solid Black;
}
.downloadsContainerRight {
	float: right;
	width: 370px;
}
.downloadsRightHeader {
	width: 370px;
	height: 57px;
}
.downloadsRightContent {
	width: 370px;
	height: 652px;
	padding-top: 10px;
}

.downloadsRightContentBox {
	width: 335px;
	height: 165px;
	margin: 0px 0px 30px 20px;
	border: 0px solid white;	
}
.downloadsRightContentBoxHeader {
	width: 337px;
	height: 19px;
	margin-bottom: 5px;
}
.downloadsRightContentBoxLeft {
	float: left;
	width: 225px; /* 235px */
	height: 130px;
	border: 5px solid #232219;
}
.downloadsRightContentBoxLeft img {
	width: 222px;
	height: 126px;
	border: 2px solid black;
}
.downloadsRightContentBoxRight {
	float: right;
	width: 87px; /* 97px */
	height: 130px;
	border: 5px solid #232219;
	background-color: #232219;
	text-align: center;
}
.downloadsRightContentBoxRight img {
	margin: 0 auto;
	margin-bottom: 5px;
}


.downloadsRightContentBoxHeader {
	width: 337px;
	height: 19px;
}

.mediaLeft {
	float: left;
	width: 525px;
}
.mediaLeftHeader {
	width: 525px;
	height: 56px;
}
.mediaLeftContent {
	width: 525px;
	height: 539px;
	padding: 15px 15px 15px 18px;
}

.mediaTop {
	width: 975px;
	height: 344px;
}

.mediaLeftContentBox {
	width: 242px;
	height: 112px;
	margin: 0px 0px 30px 5px;	
	/*_margin-bottom: 25px;
	_margin-left: 0;*/
	border: 0px solid red;
}
.mediaLeftContentBoxHeader {
	width: 242px;
	height: 19px;
	margin-bottom: 5px;
}
.mediaLeftContentBoxLeft {
	float: left;
	width: 158px; 
	height: 78px;
	border: 5px solid #232219;
}
.mediaLeftContentBoxLeft img {
	width: 154px;
	height: 74px;
	border: 2px solid black;
}
.mediaLeftContentBoxRight {
	float: right;
	width: 69px;
	height: 82px;
	border: 0px solid #232219;
	background-color: #232219;
	text-align: center;
	padding-top: 6px;
	margin-right: 1px;
}
.mediaLeftContentBoxRight img {
	margin: 0 auto;
	margin-bottom: 5px;
}

.mediaLeftContentBoxLeftFloat {
	margin-left: 4px;
	float: left;
	width: 242px;
}
.mediaLeftContentBoxRightFloat {
	margin-right: 18px;
	/*_margin-right: 10px;*/
	float: right;
	width: 242px;
}

.mediaRight {
	float: right;
	width: 450px;
}
.mediaRightHeader {
	width: 450px;
	height: 56px;
}
.mediaRightContent {
	width: 450px;
	height: 539px;
}

.homeRightContentHero
{
	border: 5px solid #232219;
	float: right;
	margin: 2px;

}

.mediaRightContentBox {
	padding: 14px 0px 0px 14px;
}
.mediaRightContentImageBox {
	border: 5px solid #232219;
	float: left;
	margin: 2px;
}
.mediaRightContentImageBox img {
	border: 2px solid black;
}

.mediaRightContentImageHero {
	border: 7px solid #232219;
	float: left;
	margin: 0px;
	float:right;
	padding: 0 0 0 0px;
	
}

.mediaRightContentImageHero img
{
	border: 1px solid black;
}

.mediaFlashTop
{
	width: 512px;
	height: 346px;
	padding: 0 0 0 10px;
}


.footer {
	clear: both;
	border: 0px solid #FFFF00;
	height: 75px;
	text-align: center;
	color: #a0987c;
	font-variant: small-caps;
	font-size: 80%;
	padding: 0 0 20px 0;
}
#LightBoxContainer {	
	width:444px; 
	float:right;
	height:344px;
}

#LightBox {
	float:left;
	font-weight:bold;
	position: relative;
	top: -22px;
	left: 3px;
	font-family: Lucida, Verdana, Arial, sans-serif;
	font-size: 9px;
	
}

#LightBox a{
	text-decoration:none;
	text-transform: uppercase;
	color: #cc9900;

}