/* Exient Website Stylesheet */
/* Based pirmarily on css Zen Garden default style v1.01 but heavily modified */

/* Images should be linked as if the CSS file sits in the a sub folder called 'Images' */

html
{
	margin: 0px;		padding:	0px;
	height: 100%;		/*	Needed for IE 6 to make background go to the bottom of the screen */
}

body
{
	margin:  0px;		padding: 0px;
	height: 100%;		/*	Needed for IE 6 to make background go to the bottom of the screen */

	background: #222222 url( images/ExWeb_BG_repeat.jpg ) repeat-y fixed top center;
}

#container
{	
	margin: 		0 auto; 
	padding:		14px 0 0 0;
	width: 			800px;
	min-height: 	100%;			_height: 100%;		
	
	background: #000000 url( images/ExWeb_BG_logo.jpg ) no-repeat scroll 0px 0px;
}

	/*--------------------------
	//	General Styles
	//------------------------*/
	h1			{	font:	12pt/15pt verdana;	color: #e0e0e0;		margin: 0 0 2px 12px;	}
	h2			{	font:	10pt/13pt verdana;	color: #cfcfcf;		margin: 0 0 2px 15px;	}
	h3			{	font:	8pt/12pt verdana;	color: #b0b0b0;		margin: 0 0 2px 18px;	}
	h4			{	font:	7pt/10pt verdana;	color: #9f9f9f;		margin: 0 0 2px 21px;	}
	h5			{	font:	6pt/8pt verdana;	color: #808080;		margin: 0 0 2px 24px;	}

	p			{	color: #b0b0b0;		font: 8pt/12pt verdana; 	text-align: justify;	margin: 12px 0 18px 18px;	}
	a			{	color: #e91e24;		font: 8pt/12pt verdana;		}
	a:visited	{	color: #a01212;		}
	a:hover		{	color: #be1719;		}

	a:active, img:active 		{	border: none;		}
	ul.content_list_oldnews li	{	text-align: left;	}
	
	h3
	{ 
		margin: 		0;			padding:		0;

		color: 			#e0e0e0;
		font: 			normal normal bold 11pt verdana; 
		letter-spacing:	1px; 		
	}

	h4.platform, h4.publisher, h4.released
	{
		margin: 0 0 2px 18px;

		color: #808080;
		font: normal normal bold 8pt verdana;
		letter-spacing: 1px; 
	}

		.headertitle
		{	color: #606060;		}

	h4, h4.catchphrase
	{
		margin: 12px 0 -6px 18px;

		color: #c0c0c0;
		font: normal normal bold 10pt verdana;
		letter-spacing: 1px; 
	}
	
	.listtitle	{	font-weight: bold;	}

	/*--------------------------
	//	Splash Screen
	//------------------------*/
#splash_container
{	
	position:		relative;
	display:		block;
	margin: 		0 auto; 		padding:		14px 0 0 0;
	width: 			800px;
	min-height: 	98%;			_height: 98%;		
	
	background-color: #000000;
}

	#splash_link
	{
		display: 		block; 
		width: 			800px;
		
		padding: 		0 0 40px; 
		margin: 		0;
		border:			0;
	}
	
		#splash_image
		{
			border: 	none;
			width: 		800px;
		}

	/*--------------------------
	//	Sidebar
	//------------------------*/
	#new_sidebar
	{
		float: left;			display: inline;			/*This last bit fixes a bug in IE 6*/
		margin:	0;		
		padding: 0 0 0 14px;
		width: 158px;			/*	bar width (172) minus paddng (14)	*/
	}
	
		a#logo_link, div#logo_linkfiller
		{
			display:	block;
			width: 		162px;
			height:		200px;
			border:		none;
		}	

		div#logo_linkfiller
		{
			background: transparent	url("images/ExWeb_BG_logo_overlay.gif") 		no-repeat 7px 7px;		
		}

		div#slideshow	
		{
			width: 		162px;			height:		362px;
			margin:		12px 0 0 2px;
			background: transparent	url("images/slideshow/ExWeb_Slideshow_Loading.jpg") 		no-repeat top left;		
		}
		
			#slideshow_image	
			{	
				width: 		162px;			height:		362px;
				border: 	none;			
			}
			
			#slideshow_link		{	text-decoration: none;	}
			
			
		div#slideshow_comment
		{
			width: 		162px;			height: 98px;
			margin:		12px 0 0 2px;
			padding:	4px 3px 0 3px;

			background: transparent	url("images/slideshow/ExWeb_Slideshow_Comment.png") 		no-repeat top left;		
		}
		
			div#slideshow_comment p							{	text-align: left;		margin: 5px;	}		
			div#slideshow_comment p#slideshow_title			{	font: normal small-caps bold 	8pt/10pt verdana 	}		
			div#slideshow_comment p#slideshow_content		{	font: normal normal 	normal 	8pt/12pt verdana 	}		

	/*--------------------------
	//	Main Menu
	//------------------------*/
	div#mainmenu 
	{
		float: 		right;			display: inline;			/*This last bit fixes a bug in IE 6*/
		width: 		603px;
		margin: 	0 10px 0 0;
	}

		div#mainmenu ul
		{
			margin: 	0;
			padding: 	0;

			list-style-type: none;
		}
	
			div#mainmenu li
			{
				font: 		normal small-caps bold large verdana;
				display: 	inline;
			}
			
			div#mainmenu li a
			{
				float: right;			display: inline;			/*This last bit fixes a bug in IE 6*/
	
				color: #ffffff;
				text-decoration: none;
			}
			
			div#mainmenu li a.invis
			{	display: none;		}
	
			/*	The fast rollover effect comes coertesy of http://wellstyled.com  thanks!*/
			div#mainmenu li.classJobs a				{	width: 128px;		height: 40px;		}		
			div#mainmenu li.classCorporate a		{	width: 196px;		height: 40px;		}		
			div#mainmenu li.classGames a			{	width: 146px;		height: 40px;		}		
			div#mainmenu li.classNews a				{	width: 132px;		height: 40px;		}		
			
			div#mainmenu li.classJobs a				{	background: url("images/menu/ExWeb_Menu_Jobs.png") 		no-repeat 	0		0px;	}
			div#mainmenu li.classJobs a:hover		{	background: url("images/menu/ExWeb_Menu_Jobs.png") 		no-repeat 	-130px	0px;	}
			div#mainmenu li.classCorporate a		{	background: url("images/menu/ExWeb_Menu_Corp.png") 		no-repeat 	0 		0px;	}
			div#mainmenu li.classCorporate a:hover	{	background: url("images/menu/ExWeb_Menu_Corp.png") 		no-repeat 	-198px	0px;	}
			div#mainmenu li.classGames a			{	background: url("images/menu/ExWeb_Menu_Games.png") 	no-repeat 	0 		0px;	}
			div#mainmenu li.classGames a:hover		{	background: url("images/menu/ExWeb_Menu_Games.png")		no-repeat 	-148px 	0px;	}
			div#mainmenu li.classNews a				{	background: url("images/menu/ExWeb_Menu_News.png") 		no-repeat 	0 		0px;	}
			div#mainmenu li.classNews a:hover		{	background: url("images/menu/ExWeb_Menu_News.png") 		no-repeat 	-134px	0px;	}
	

	/*--------------------------
	//	Sub Menu
	//------------------------*/
	div#submenu
	{
		float: 			right;			display: 		inline;			/*This last bit fixes a bug in IE 6*/
		width: 			596px;			height:			39px;
		margin: 		2px 13px 0 0;
		background: 	transparent		url("images/submenu/ExWeb_Submenu_Line.png") 		no-repeat top right;		
	}

		div#submenu ul
		{
			margin: 0;
			padding: 0 4px 0 4px;
			list-style-type: none;
		}

			div#submenu div
			{
				height: 37px;		_height: auto;
			}
		
			div#submenu li
			{
				float: left;		display: inline;			/*This last bit fixes a bug in IE 6*/
				
				margin: 11px; 			
				padding: 0 0 0 7px;	/*	Change this value to squeeze more items on the submenu	*/	
			}
			
			div#submenu a
			{
				display: 	block;
				height: 	20px;		_height: auto;
			
				padding: 	0px 10px 6px 0px;
	
				text-decoration: none;	
			}
			
			div#submenu a,	div#submenu li
			{
				font: 8pt/12pt verdana; 
				font-weight: bold;
				color: #747474;			
			}
			
			div#submenu a:hover		{	color: #a0a0a0;		}
			
	/*--------------------------
	//	Content
	//------------------------*/
	#content,	#content_nosubmenu
	{	
		float: 			right;					display: inline;			/*This last bit fixes a bug in IE 6*/
		padding:		9px 9px 0 12px;			_padding: 		12px 0 0 0;
		width: 			600px;					_width: 		616px;	
	}	

		div.content_item
		{
			margin:			0 12px 12px 6px;	_margin-left: 18px;	
			padding-top:	0px;
			width: 			582px;	
			
			background: 	url("images/content/ExWeb_Content_frame_top.png") 	no-repeat 	left top;			
		}
	
		div.content_item_second_skin
		{
		
		}

		/*	We use a sliding doors effect to overlay the top and bottom half of the background image on each other.		*/
		div.content_item_skin	
		{
			padding-top:	1px;		/*	This fixes a margin-top bug in content_item_text for Firefox */
			width: 			582px;		

			background: url("images/content/ExWeb_Content_frame_bottom.png") 	no-repeat 	left bottom;						
		}
		
			div.content_item ul
			{	
				list-style-image: url("images/icons/ExWeb_Icon_MiniBullet.gif");
				list-style-type: circle;
							
				color: #b0b0b0;
				font: 8pt/12pt verdana; 	
				text-align: justify;	
			}
		
			div h3.content_item_title
			{
				height:		27px;
				margin: 	0;						padding:	12px 0 0 12px;		
			}

			div h3.content_item_title a
			{
				font: 				normal normal bold 12pt verdana; 
				font-variant: 		small-caps;
				color: 				#e0e0e0;
				letter-spacing:		1px; 		
				text-decoration: 	none;
			}

			div a.content_item_titlelink
			{
				display: 			block;
				margin:				0;				padding:			0;
	
				text-decoration: 	none;			
			}

			h5.content_item_date 	
			{
				float: 		right;						display: inline;			/*This last bit fixes a bug in IE 6*/
				margin:		2px 15px 0 0;
				padding: 	0;

				color: 		#e0e0e0;		
				font: 		normal normal bold 8pt verdana; 
			}
			
			div.content_item_text
			{
				margin: 		12px;
				max-width: 		370px;		_width: 370px;
			}

				div.content_item_text h5.leftdetail
				{
					margin: 2px 0 0 18px;
					padding: 0;
					
					color: #707070;
					font: normal normal bold 8pt verdana;
				}
			
				div.content_item_text h5.rightdetail 	
				{
					float: right;				display: inline;			/*This last bit fixes a bug in IE 6*/
			
					margin: 0 0 0 0;
					padding: 0;
			
					color: #707070;		
					font: normal normal bold 8pt verdana; 
				}

				div.content_item_text	img.title_image
				{
					border: none;
				}

				div.content_item_text	ul
				{
					margin-right: 24px;
				}

				div.content_item_text	ul#address
				{	
					list-style-image: none;	
					list-style-type: none;	
				}
				
			div.content_item_displayfix
			{
				height: 12px;
				clear: 	both;
			}

		div.content_item_side 
		{
			float: 		right;				display: 	inline;			/*This last bit fixes a bug in IE 6*/
			max-width: 	160px;				_width: 	160px;
			margin: 	12px 16px 0 0;	
		}
		
			div.content_item_side img,	div#content_item_side_gallery img
			{
				max-width: 150px;		_width: 150px;
				margin: 0 0 8px 0;	

			}
			
			div#content_item_side_gallery	
			{	
				margin: 0px;		
				padding: 0px;		
			}

			div#content_item_side_navigation
			{
				width: 156px;
				height:	37px;
				margin: 0 0 4px 0;	
			}
			
			div#content_item_side_navigation a, div#content_item_side_navigation div
			{	
				float: right;			display: inline;
				margin:	0;				padding: 0;
			
				background-repeat: 		no-repeat;
			}
			
			div#content_item_side_navigation a.button_prev 	
			{ width: 50px; height: 29px; background-image: url("images/gallery/ExWeb_Gallery_prev.png"); }	
					
			div#content_item_side_navigation a.button_movie 
			{ width: 52px; height: 29px; background-image: url("images/gallery/ExWeb_Gallery_movie.png"); }			

			div#content_item_side_navigation a.button_next 	
			{ width: 50px; height: 29px; background-image: url("images/gallery/ExWeb_Gallery_next.png"); }				
			
			div#content_item_side_navigation a.button_prev			{	background-position: 	0px 	0px;	}
			div#content_item_side_navigation a.button_prev:hover	{	background-position: 	-53px 	0px;	}
			div#content_item_side_navigation a.button_prev:active	{	background-position: 	-106px 	0px;	}
			div#content_item_side_navigation a.button_movie			{	background-position: 	0px 	0px;	}
			div#content_item_side_navigation a.button_movie:hover	{	background-position: 	-55px 	0px;	}
			div#content_item_side_navigation a.button_movie:active	{	background-position: 	-110px 	0px;	}
			div#content_item_side_navigation a.button_next			{	background-position: 	0px 	0px;	}
			div#content_item_side_navigation a.button_next:hover	{	background-position: 	-53px 	0px;	}
			div#content_item_side_navigation a.button_next:active	{	background-position: 	-106px 	0px;	}

			div#content_item_side_navigation div.button_nomovie 
			{ 
				width: 		52px; 
				height: 	29px; 
				background: url("images/gallery/ExWeb_Gallery_movie.png") 	no-repeat 	-165px 	0px; 
			}		
			
		div.content_item_side img.boxart, 	
		div.content_item_side img.award, 	
		div.content_item_side img.screenshot, 	
		div.content_item_side img.sideimage, 	
		div.content_item_side img.gameinfo_image
		{
			border: 1px solid #606060;
			padding: 2px;
		}	
		
		div.content_item_side img.whitelogo
		{	border:	0;		margin: 20px 23px 0 0;		_width: auto;	}

		div.content_item_side a.applynow
		{	
			display:	block;
			width: 		85px;				height:		29px;
			margin: 	0px 0px 0 0;		border:		0;
			
			background: transparent	url("images/icons/ExWeb_Icon_apply.png") 	no-repeat 	0px 0px;		
		}

		div.content_item_side a.applynow:hover	
		{	background-position: 	-95px 	0px;	}

		
	/*--------------------------
	//	Footer
	//	The splash screen is a pain, and uses different footer code. The common styles between both are denoted with .footer
	//------------------------*/
	#container #content_end
	{
		margin-top:		6px;

		padding:		12px 0px 0px 12px;		_padding: 		0 0 0 0;
		width: 			600px;					_width: 		624px;
		height:			24px;

		clear: 			both;
	}

	#footer
	{
		clear: 			both;		
		margin-bottom:	12px;
	}
	
	#splash_footer
	{
		display: 		block;
		position:		absolute;
		bottom: 		12px;
	}

	.footer
	{
		width: 			800px;		height: 		30px;
		background: 	#000000		url("images/footer/ExWeb_footer.gif") 		no-repeat bottom left;
	}
		
		.footer p	
		{
			color:		#a0a0a0;	
			font: 		7pt/10pt verdana; 
		}	
		
		.footer p#copyright		{	float: left;		margin: 0px 0 0 46px;		display: inline;		width: 130px;	}
		.footer p#license		{	float: right;		margin: 7px 39px 0 0;		display: none;			}