/* 	Courtesy of Eric Meyer
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; margin:0; padding:0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* END OF RESET */

body {
line-height: 1.2;
color: #000;
background: #e8c200 url('/i/main_bg.jpg') repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
overflow-x:hidden;
}

p {
color: #000;
padding: 10px 2px 10px 10px;
font-size: 12px;
line-height: 1.2;
}

h1 {
font-size:23px;
margin:10px;
}

h2 {
font-size:20px;
margin:9px;
}

h3 {
font-size:18px;
margin: 0 0 0 11px;
}

a {
color: #000;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size:12px;
}

a:hover {
color: #d7151c;
text-decoration: none;
cursor: pointer;
}

label{
float:left;
padding:10px 0 5px;
vertical-align:top;
width:100%;
}

fieldset{
margin:2px;
}

input{
width:200px;
padding:5px;
border: solid 1px #333;
font-size: 15px;
}

textarea{
font-family: Verdana, Arial, sans-serif;
width: 300px;
height: 100px;
padding:5px;
border: solid 1px #333;
font-size: 15px;
}

.submit{
padding:10px;
width:auto;
}
 
.shell {
width: 984px;
height: 100%; 
margin: 0 auto;
text-align: left;
}

.container {
width: 960px;
background: transparent;
margin: 0px auto;
text-align: left;
}


.header {
float:left;
width:100%;
height:116px;
margin: 0px 0;

}

.logo {
float:left;
width:295px;
height:127px;
margin:18px 10px 0 40px;
z-index:9999;
}

.logo h1{
text-indent: -9999px;
}

.loginBox {
background: #fff;
width: 278px;
height: 140px;
position: absolute;
margin: 21px 0 0 622px;
}

.footer {
float:left;
width:100%;
height:110px;
background: transparent url('/i/footer_bg.jpg') repeat-x center 0; 
margin:0 auto;
margin-top:20px;

}


	.footer #left{
	
	float:left;
	width:283px;
	
	}

	.footer #footerlogo{
	
	float:left;
	width:283px;
	height:91px;
	margin-top:-15px;
	
	}
	
	.footer #sitebyanthem{
	
	float:left;
	width:221px;
	height:24px;
	margin-left:20px;
	margin-top:10px;
	
	} 
	
	.footer #disclaimer{
	
	float:right;
	width:500px;
	margin-top:67px;
	
	}
	
	.footer #disclaimer h3{
	
	
	text-align:right;
	
	
	}
	
	.footer #disclaimer p{
	
	color:#000;
	font-size:10px;
	text-align:right;
	padding-top:15px;
	
	
	}
	
	.footer #logoCast {
		
		float:left;
		width:975px;
		height:58px;
		background:#000;
		border:1px #fff solid;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 2px 2px 2px #ccc;
		-webkit-box-shadow: 2px 2px 2px #ccc;
		box-shadow: 2px 2px 2px #ccc;
		padding-top:9px;
		padding-left:10px;
		
	}
	
		.footer #logoCast img {
			
			margin-right:30px;
		}
		
		.footer #logoCast p{
			
			font-size:10px;
			margin-top:10px;
			
		}

.feature{
float: left;
background: #fff;
width: 890px;
height: 180px;
margin:5px;
}

.fullContent{
float: left;
margin: 15px;
width: 870px;
}

.mainContent{
float: left;
margin: 15px;
width: 584px;
}

.sidebar{
float: left;
width:286px;
padding:15px 0 0 0;
}

.sidebar .box {
float: left;
padding: 11px 6px 7px;
background: #ddd;
}

.site_details{
float: right;
margin: 10px 30px 0 10px;
}

.footer ul{
float: left;
margin: 5px 0 0 10px;
width: 100%;
}

.footer li a{
float: left;
padding: 0 15px;
margin: 12px 0;
border-right: solid 1px #000;
}

.footer li.last a{
float: left;
padding: 0 15px;
margin: 12px 0;
border-right: none;
}

.footLinks {
float:left;
margin:8px 0 0 50px;
color:white;
}

.footLinks a , .footLinks a:hover {
color:white;
}

.footLinks a:hover {
font-weight: normal;
text-decoration: underline;
}

.info{
float:right;
margin:0 23px 5px 0;
font-size: 10px;
}

.content {
float:left;
width:100%;

}

	#unity{
	
	
		float:right;
		margin-left:730px;
		margin-right:60px;
		margin-top:90px;
		position:absolute;
		z-index:9999;
	
	
	}

	.content #feature{
	 
	float:left;
	width:984px; 
	height:782px;
	margin-top:-98px;
	background: transparent url('/i/mainbreakout.png') no-repeat center 0; 
	z-index:-9999;
	
	}
	
	.content #facebook{
	
	 
	width:984px;
	margin:0 auto;
	text-align:center;
	}
	
	.content #facebook h1{
	
	color:#fff04a;
	font-size:22px;
	font-family:"Myriad Pro", Arial, Verdana, sans-serif;
	
	}
	
	.content #facebook p{
	
	color:#fff;
	font-size:12px;
	font-family:"Myriad Pro", Arial, Verdana, sans-serif;
	
	}
	
	
	
	.newsContent {
		
		float:left;
		width:960px;
		height:auto;
		background:#e8c200 url('/i/contentbackdrop.jpg') no-repeat 40px 152px;
		margin-top:70px;
		padding:20px;
		border: 1px dotted #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		
	}
	
			.newsContent #title_image{
				
				margin-bottom:10px;
				
			}
			
				.newsContent #title_image p{
					
					padding-left:0px;
					
					
				}
				
			
			.newsContent .wallpapersContent{
				
				float:left;
				width:940px;
				height:auto;
				border:1px solid #CCCCCC;
				background:#fff url('/i/newsbg_inner.jpg') right bottom no-repeat;
				
				
			}
			
				
			
				.newsContent .wallpapersContent #entry {
					
					float:left;
					width:152px;
					height:auto;
					border: 1px solid #CCCCCC;
					background: #ffffff;
					padding:10px;
					margin:10px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-box-shadow: 2px 2px 2px #ccc;
					-webkit-box-shadow: 2px 2px 2px #ccc;
					box-shadow: 2px 2px 2px #ccc;
					background:#fff url('/i/newsbg_inner.jpg') left bottom no-repeat;

				}
				
					.newsContent .wallpapersContent #entry ul {
						
						margin-top:10px;
						text-align:center;
						
					}
					
						.newsContent .wallpapersContent #entry ul li {
							
							padding-top:2px;
						}
			
			.newsContent .feed_container {
				
				float:left;
				width:535px;
				height:auto;
				border:1px solid #CCCCCC;
				background:#fff url('/i/newsbg_inner.jpg') right bottom no-repeat;
				padding-right:10px;
			}
			
			.newsContent #feed_title {
				
				padding:8px 8px 8px 72px;
				width:87%;
				height:40px;
				background: url('/i/feedtitle_bg.jpg') repeat-x;
				color:#fff;
				font-size:18px;
				font-weight:bold;
				
				
			}
			
	
			
			.newsContent #feedEntry {
				
				width:520px;
				height:auto;
				border-bottom:1px solid #CCCCCC;
				margin-bottom:20px;
				margin-left:10px;
				
			}
			
			
			.newsContent #feedEntry h2 {
				
				color:#000;
				font-size:12px;
				font-weight:bold;
				border-bottom:1px solid #e51a23;
				padding-bottom:2px;
				
			}
			
			.newsContent #feedEntry h3 {
				
				color:#e51a23;
				font-size:12px;
				font-weight:bold;
				
			}
			
			.ironMan_call {
				
				position:absolute;
				margin-left:763px;
				margin-top:34px;
				
			}
			
			
			.newsContent .tweet_container {
				
				float:left;
				background: url('/i/twitter_bg.png') no-repeat;
				width:300px;
				height:92px;
				margin-left:13px;
				 
			}
			
			.newsContent .tweet_container a:link, .newsContent .tweet_container a:visited {
				
				color:#fff;
				font-size:11px;
				
			}
			
			.newsContent .tweet_container a:hover {
				
				color:#ee8d30;
				
			}
			
			.newsContent .tweet_container p {
				
				color:#fff;
				font-size:10px;
				width:223px;
				
			}
			
			.newsContent .tweet_container #twitter {
				
				margin-top:52px;
			}
			
			.newsContent .facebook_container {
				
				float:left;
				margin-top:70px;
				
			}
			
			.newsContent .socialicons {
				
				float:left;
				margin-left:13px;
				margin-top:18px;
				width:180px;
				color:#000;
				font-weight:bold;
				font-size:14px;
				
				
				
			}
			
			
			.newsContent .socialicons img{
		
			
			margin-left:12px;
			margin-right:-8px;
			margin-top:8px;
	}
	
	
	.bottomCalls {
		
		float:left;
		width:960px;
		height:auto;
		margin-top:20px;
		
	}
	
			.bottomCalls #call1 {
		
				float:left;
				width:273px;
				height:433px;
				background: url('/i/callbg_01.png');
				margin-left:32px;
			}
			
				.bottomCalls #call1 #internalbox {
					
					float:left;
					width:247px;
					height:407px;
					margin-left:13px;
					margin-top:13px;
					 
					
				}
			
					.bottomCalls #call1 #internalbox h1 {
						
						font-size:16px;
						font-weight:bold;
						color:#000;
						border-bottom:1px dotted #000;
						padding-bottom:2px;
					}
					
					.bottomCalls #call1 #internalbox h2 {
						
						font-size:14px; 
						font-weight:bold;
						color:#000;
					}
					
						.bottomCalls #call1 #internalbox h3 {
						
						font-size:12px;
						font-style:italic;
						color:#e41a23;
					}
					
					.bottomCalls #call1 #internalbox #entry {
						
						padding:5px;
						
					}
					
					.bottomCalls #call1 #internalbox #more {
						
						padding-left:8px;
						
					}
					
					.bottomCalls #call1 #internalbox #more a, .bottomCalls #call1 #internalbox #more a:visited {
						
						color:#000;
						text-decoration:underline;
						font-weight:bold;

					}
					
					.bottomCalls #call1 #internalbox #more a:hover {
						
						color:#ee8d30;
						
					}
					
					.bottomCalls #call1 #internalbox #entry p {
						
						font-size:11px;
						color:#000;
						border-bottom:1px dashed #e41a23;
						padding-bottom:10px;
						width:210px;
						
					}
			
			.bottomCalls #call2 {
		
				float:left;
				width:273px;
				height:433px;
				background: url('/i/callbg_02.png');
				margin-left:53px;
			}
			
			.bottomCalls #call2 #internalbox {
					
					float:left;
					width:247px;
					height:407px;
					margin-left:13px;
					margin-top:13px;
					
				}
				
				.bottomCalls #call2 #internalbox #socialicons {
					
					float:left;
					margin-left:5px;
					margin-top:10px;
					
					
				}
				
				.bottomCalls #call2 #internalbox #socialicons img {
					
					margin-left:12px;
					margin-right:-8px;
					margin-top:8px;
					
				}
				
				.bottomCalls #call2 #internalbox #addthis {
					
					float:left;
					margin-left:11px;
					margin-top:10px;
					
				}
			
					.bottomCalls #call2 #internalbox h1 {
						
						font-size:16px;
						font-weight:bold;
						color:#000;
						border-bottom:1px dotted #000;
						padding-bottom:2px;
					}
			
			.bottomCalls #call3 {
		
				float:left;
				width:273px;
				height:433px;
				background: url('/i/callbg_03.png');
				margin-left:50px;
			}
			
					.bottomCalls #call3 #internalbox {
					
					float:left;
					width:247px;
					height:407px;
					margin-left:13px;
					margin-top:13px;
					
				}
			
					.bottomCalls #call3 #internalbox h1 {
						
						font-size:16px;
						font-weight:bold;
						color:#000;
						border-bottom:1px dotted #000;
						padding-bottom:2px;
					}

	.bottom_container {
	
	float:left;
	width:100%;
	height:500px;
	
	}
	
	.platformLogos {
		
		float:right;
		height:42px;
		margin-right:35px;
		margin-top:46px;
		width:197px;
		
		
	}
	
	.gameFeature {
		
		width:934px;
		height:428px;
		background: url('/i/gamebg.png') no-repeat;
		margin-left:25px;
		margin-top:49px;
		
	}
	
	.gameFeature #content { 
		
		float:left;
		font-family:Arial;
		height:auto;
		margin-left:335px;
		margin-top:27px;
		width:575px;
		
		
	}
	
	.gameFeature #content h1 {
		
		color:#000;
		font-size:22px;
		
	}
	
	.gameFeature #content h2 {
		
		color:#ed1b24;
		font-size:14px;
		font-weight:bold;
		margin-top:17px;
		
	}
	
	.gameFeature #content h3 {
		
		color:#000;
		font-size:14px;
		
		
	}
	
	.gameFeature #content p {
		
		color:#000;
		font-size:12px;
	}
	
	.gameFeature #content #socialicons img{
		
		margin-left:12px;
		margin-right:-8px;
		margin-top:8px;
	}

ul.nav{
float: left;
padding: 5px 0 0 10px;
width: 890px;
margin: 0;
}

ul.nav li a{
float: left;
padding: 0 15px;
margin: 12px 0;
border-right: solid 1px #000;
}

ul.nav li.last a{
float: left;
padding: 0 15px;
margin: 12px 0;
border-right: none;

}

.header #navigation {
			float: right;
		}
		
			#navigation li {
				float: left;
			}
				#navigation li a { display: block; float: left; width: 100%; height: 39px;}
			
			#navigation li#game_nav a {
				background: url('/i/nav_matrix.jpg') top left no-repeat;
				width: 72px;
				height: 39px; 
			}
			#navigation li#game_nav a:hover {
				background: url(/i/nav_matrix.jpg) 0 -39px no-repeat;
			}
			
			#navigation li#news_nav a {
				background: url(/i/nav_matrix.jpg) -72px 0 no-repeat;
				width: 64px;
				height: 39px;
			}
			#navigation li#news_nav a:hover {
				background: url(/i/nav_matrix.jpg) -72px -39px no-repeat;
			}
			
			
			#navigation li#characters_nav a {
				background: url(/i/nav_matrix.jpg) -136px 0 no-repeat;
				width: 124px;
				height: 39px;
			}
			
			/*
			
			#navigation li#characters_nav a:hover {
				background: url(/i/nav_matrix.jpg) -136px -39px no-repeat;
			}
			  
			 */
			#navigation li#media_nav a {
				background: url(/i/nav_matrix.jpg) -260px 0 no-repeat; 
				width: 77px;
				height: 39px;
			}
			
			
			#navigation li#media_nav a:hover {
				background: url(/i/nav_matrix.jpg) -260px -39px no-repeat;
			}
			
		
			
			#navigation li#interact_nav a {
				background: url(/i/nav_matrix.jpg) -337px 0 no-repeat;
				width: 97px;
				height: 39px;
			}
			
			/*
			#navigation li#interact_nav a:hover {
				background: url(/i/nav_matrix.jpg) -337px -39px no-repeat;
			}
			*/
			
			#navigation li#getupdates_nav a {
				background: url(/i/nav_matrix.jpg) -434px 0 no-repeat;
				width: 122px;
				height: 39px;
			}
			
			#navigation li#getupdates_nav a:hover { 
				background: url(/i/nav_matrix.jpg) -434px -39px no-repeat;
			}



#error_box { width: 100%; text-align: center; }
#error {
text-align: left;
position: absolute;
margin: 100px auto 0 100px;
width: 410px;
height: 150px;
border: 8px solid #ccc;
background: #fff;
-moz-border-radius: 16px;
padding: 25px;
}
#error h3 { float: left; width: 300px; clear:none !important; font-size:22px; padding-top: 5px}
#error p { padding: 5px 0; float: left;width: 400px; font-size:15px }

#error a { font-size: 32px; font-family: Verdana, Arial, sans-serif; color: #ccc; float: right; padding: 5px; cursor: pointer;}