/* general classes
---------------------------------------------------------- */


body {background: #0176A2 url('/img/bg_main.jpg') top center no-repeat;background-attachment:fixed;
margin: 0;padding: 0;
	color: #000; text-decoration: none;  font-family:arial, helvetica, sans-serif; 
	font-size: 75%;text-align: center;}
 
div, li, form, select, input, label, dl, dt, dd 
{margin: 0;padding: 0;border: 0; }

h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #000;margin: 0 0 1em;} 

p, blockquote {line-height: 1.5em;margin: 0 0 1.5em;padding: 0;}

ul, ol {margin: 0 0 1.5em;	padding: 0;	}  

img {display: block;margin: 0;border: 0;} 


a {color: #121212;text-decoration: underline;}

a:hover {color: #4882d9;text-decoration: underline;}


.clear {clear: both;}  




/* 	layout
---------------------------------------------------------- */

#container {margin: 0 auto;text-align: left;background:#f4f4f4 url('/img/container_bg.jpg') 0 0 repeat-x;width:970px;padding:0 16px;position:relative;}

#header	{width:970px;height:95px;margin:0 0 12px;background:url('/img/header_bg.jpg') bottom left no-repeat;float:left;}

	a#logo	{display:block;float:left;width:79px;height:86px;background:url('/img/logo_black.png') 0 0 no-repeat;text-indent:-9999px;margin:6px 0 3px 28px;overflow:hidden;}

	ul#nav	{list-style:none;margin:0;float:left;position:absolute;top:54px;left:152px;}
	
		ul#nav li	{float:left;height:35px;text-align:center;margin-right:4px;}
		
			ul#nav li a	{display:block;float:left;height:38px;text-indent:-9999px;overflow:hidden;}
			
		    	a#nav_games		{width:98px;background:url('/img/nav_bg.gif') 0 0 no-repeat;}
				a#nav_store		{width:98px;background:url('/img/nav_bg.gif') -102px 0  no-repeat;}
		    	a#nav_forums	{width:106px;background:url('/img/nav_bg.gif') -204px 0  no-repeat;}
		    	a#nav_news		{width:91px;background:url('/img/nav_bg.gif') -314px 0  no-repeat;}
		    	a#nav_media  	{width:94px;background:url('/img/nav_bg.gif') -409px 0  no-repeat;}
		    	a#nav_tips    	{width:84px;background:url('/img/nav_bg.gif') -507px 0  no-repeat;}
		    	a#nav_blog    	{width:87px;background:url('/img/nav_bg.gif') -594px 0  no-repeat;}
		
		    	a#nav_games:hover 	{background:url('/img/nav_bg.gif') 0 -38px no-repeat;}
				a#nav_store:hover	{background:url('/img/nav_bg.gif') -102px -38px  no-repeat;}
		    	a#nav_forums:hover	{background:url('/img/nav_bg.gif') -204px -38px  no-repeat;}
		    	a#nav_news:hover	{background:url('/img/nav_bg.gif') -314px -38px  no-repeat;}
		    	a#nav_media:hover  	{background:url('/img/nav_bg.gif') -409px -38px  no-repeat;}
		    	a#nav_tips:hover	{background:url('/img/nav_bg.gif') -507px -38px  no-repeat;}
		    	a#nav_blog:hover	{background:url('/img/nav_bg.gif') -594px -38px  no-repeat;}
 

		
		
		
#leftCol	{float:left;width:656px;margin-right:14px;}
	 
	#featGames	{float:left;width:656px;margin-top:12px;background:url('/img/featGames_bg.gif') 0 0 repeat-y;}	
	
		#featHdr	{float:left;width:656px;background:url('/img/featHdr_bg.gif') 0 0 no-repeat;border-bottom:1px solid #d5d5d5;}
			#featHdr  h2	{margin:15px 0 14px 16px;font-size:16px;}	
            	#featHdr  h2 span	{font-weight:bold;}


		.gameTouts	{float:left;width:656px;padding:10px 0;border-bottom:1px solid #d5d5d5;} 
		
			.gameTouts div	{float:left;width:110px;padding:0 10px;border-right:1px solid #d5d5d5;}
				.gameTouts div.last	{border:none;}
				
				
				
		    .gameTouts img	{border:1px solid #2886ef;}
		
		    .gameTouts ul	{list-style:none;font-size:11px;margin:0;}
				.gameTouts ul.info	{padding:8px 0 15px;}
				    .gameTouts li	{padding-bottom:4px;}
			    	.gameTouts li.title	{font-weight:bold;height:48px;font-size:12px}
					.gameTouts li.copy	{height:185px;}
			        	#row2 li.copy	{height:215px;}
			 			#row3 li.copy	{height:215px;}
						#row4 li.copy	{height:165px;}
				 
		        .gameTouts ul.buttons li	{float:left;}
		        .gameTouts ul.buttons a   {display:block;text-indent:-9999px;overflow:hidden;margin-right:2px;}
		
		            .gameTouts a.addcart	{width:114px;height:25px;background: url('/img/addcart_btn.gif') left top no-repeat;}
		           		.gameTouts a.addcart:hover	{background: url('/img/addcart_btn.gif') left bottom no-repeat;}
		
		            .gameTouts a.twit	{height:27px;width:24px;background:url('/img/buttons_bg.gif') 0 0 no-repeat;}
		            	.gameTouts a.twit:hover	{height:27px;width:24px;background:url('/img/buttons_bg.gif') 0 -27px no-repeat;}
		
					.gameTouts a.face	{height:27px;width:24px;background:url('/img/buttons_bg.gif') -27px 0 no-repeat;}
						.gameTouts a.face:hover	{height:27px;width:24px;background:url('/img/buttons_bg.gif') -27px -27px no-repeat;}
					
					.gameTouts a.web	{height:27px;width:27px;background:url('/img/buttons_bg.gif') -54px 0 no-repeat;}
						.gameTouts a.web:hover	{height:27px;width:27px;background:url('/img/buttons_bg.gif') -54px -27px no-repeat;}
					
					.gameTouts ul.buttons a.newslet	{height:27px;width:28px;background:url('/img/buttons_bg.gif') -83px 0 no-repeat;margin:0;}
						.gameTouts ul.buttons a.newslet:hover	{height:27px;width:28px;background:url('/img/buttons_bg.gif') -83px -27px no-repeat;}
		
#rightCol	{float:left;width:300px;}

		.promo	{float:left;margin-bottom:12px;}
			.promo h2	{width:300px;height:32px;text-indent:-9999px;margin:0;}
	         	#interviews	h2	{background:url('/img/interviews_hdr.gif') 0 0 no-repeat;}
				#findEA h2 {background:url('/img/h2_findEA.gif') 0 0 no-repeat;}
	         	#podcast h2		{background:url('/img/podcast_hdr.gif') 0 0 no-repeat;}
	         	#newsblogs	h2		{background:url('/img/news_blogs_hdr.gif') 0 0 no-repeat;}
				#latestNews h2		{background:url('/img/h2_latestNews.gif') 0 0 no-repeat;}
				#paxBlog h2		{background:url('/img/h2_paxBlog.gif') 0 0 no-repeat;}
	
			.promo div	{float:left;width:296px;border:1px solid #e0e0e0;border-top:0;background:#fff;}
				#interviews div, #podcast div, #findEA div	{padding:1px;}  
			    #paxBlog div, #latestNews div	{border-bottom:none;width:298px;}
			
			.promo ul	{list-style:none;color:#4F4F4F;margin:0;}
		        .promo ul li	{padding:15px;border-bottom:1px solid #e0e0e0;}
					.promo ul li h3	{font-size:13px;font-weight:bold;}
					.promo ul li p {line-height:1.3em;margin:0;}
		    	
			#interviews a, #podcast a, #findEA span	{display:block;float:left;width:296px;text-indent:-9999px;overflow:hidden;}
		    	#interviews a   {height:148px;background:url('/img/interviews.jpg') 0 0 no-repeat;}
				#findEA span		{height:235px;background:url('/img/findUs.gif') 0 0 no-repeat;}
		    	#podcast a   	{height:264px;background:url('/img/podcast.jpg') 0 0 no-repeat;}
		    
		
			#newsblogs, #paxBlog, #latestNews	{width:298px;}
			
				#newsblogs div {border-bottom: 1px solid #e0e0e0; padding: 12px 12px 0;width:274px;}
					#newsblogs h3 {margin:0;}
					#newsblogs h3 a {font-size:12px;font-weight:bold;}
					#newsblogs .date {font-size:11px;color:#555;margin:0 0 .5em;}
					#newsblogs .desc {color: #555;}
					

	            #newsblogs div.viewAll, #paxBlog div.viewAll, #latestNews div.viewAll	{width:286px;text-align:right;padding:13px 6px 8px;background:#f9f9f9;border-bottom:1px solid #e0e0e0;}
	
                    .viewAll p	{margin:0 10px 5px; float:right;}
					.viewAll p.viewNews {float:left;}

					.viewAll a	{padding:3px 26px 1px 0;font-size:12px;font-weight:bold;color:#226BD7;height:19px;
						background:url('/img/viewall.gif') right top no-repeat;}
		        	
						.viewAll a:hover    {color:#0096FF; background:url('/img/viewall.gif') right -19px no-repeat;}
		
		.twitterBox {
			border:1px solid #e0e0e0;
			width:278px;
			height:163px;
			padding: 10px;
			background: #fff url('/img/bg_twitter.jpg') no-repeat;
			text-align: right;
		}
		
			.twitterBox a {color: #226BD7;line-height: 1.5em;}
			.twitterBox a:hover {color: #0096FF;}

#footer	{float:left;width:970px;text-align:center;color:#888888;font-size:11px;padding:25px 0;}		
		
	#footer a	{color:#888888;font-size:11px;}
		#footer a:hover {text-decoration:none;}
		
	#footer p	{margin:0;}	
		
		
		
		
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 2px 3px;
	opacity: 0.85;
	font-size: 10px;
}
#tooltip h3, #tooltip div { margin: 0; }