/* RoXor */
/* In The Groove */
/* CSS v1.0 [12-03-2005] */

/* Start with consistent styles in all browsers */
ul { margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0; }
ol { margin-left: 20px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0; }
li { margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0; }
p { margin: 0; padding: 0; }
h1 { font-size:130%; margin-top: 0; margin-bottom: 10px; 10px; border-bottom: 1px solid #aaaaaa; }
h2 { font-size:120%; border-bottom: 1px solid #aaaaaa; }
h3 { margin-bottom: 5px; }
img { border: 0; }
body {
	margin: 0;
	padding: 4px;
	font-size: 14px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background: url(images/bodyBackground.gif) top left repeat-x #000000;
	}
pre { 
	background: #EEE;
	border: dashed #666 1px;
	padding: 5px;
	margin: 4px;
	overflow: auto; }
form { margin: 0; padding: 0; }

#container {
	background: url(images/mainBackground.gif) repeat-y;
	text-align: left; width: 800px;	margin: 0 auto;	padding: 1px 0;
	height: 100%;
	}
#padded-content { padding-left: 10px; padding-right: 10px; }

/* Top Navigation */
#mainNav {
	position: relative;
	margin: 0;
	padding: 0;
	height: 106px;
	}
	#mainNav ul { list-style: none; display: inline; overflow: hidden; }
	#mainNav li {
		margin: 0; 
		padding: 0;
		height: 106px;
        list-style: none;
		display: inline;
		}
		
	#mainNav a {
		float: left;
		padding: 106px 0 0 0;
		text-indent: -9999px;
		overflow: hidden;
		height: 0px !important; 
		height /**/:106px; /* for IE5/Win only */;
		}
		
	#mainNav a:hover { background-position: 0 -106px; }
	#mainNav a:active { background-position: 0 -106px; }
	
		#navRoxor a { background: url(images/navRoxor.gif) 0 0 no-repeat; width: 800px; }
		#navHome a { background: url(images/navHome.gif) 0 0 no-repeat; width: 273px; }
		#navArcade a { background: url(images/navArcade.gif) 0 0 no-repeat; width: 88px; }
		#navPS2 a { background: url(images/navPS2.gif) 0 0 no-repeat; width: 125px; }
		#navPCMac a { background: url(images/navPC.gif) 0 0 no-repeat; width: 79px; }
		#navCommun a { background: url(images/navComm.gif) 0 0 no-repeat; width: 106px; }
		#navStore a { background: url(images/navStore.gif) 0 0 no-repeat; width: 129px; }

#arcade, #ps2, #pcMac { margin: 0; float: left; }
#arcade { width: 267px; }
#ps2 { width: 267px; }
#pcMac { width: 266px; }


	#arcade h2, #ps2 h2, #pcMac h2 { margin: 0; height: 226px; text-indent: -9999px; cursor: pointer; cursor: hand; }
	#gameBottomArcade, #gameBottomPS2, #gameBottomPCMac { margin: 0; padding: 0; width: 267px; height: 40px; }
	#gameBottomArcade { background:url(images/gameBottomArcade.gif) 0 0 no-repeat; }
	#gameBottomPS2 { background:url(images/gameBottomPS2.gif) 0 0 no-repeat; }
	#gameBottomPCMac { background:url(images/gameBottomPCMac.gif) 0 0 no-repeat; width: 266px; }
	
	#arcade ul, #ps2 ul, #pcMac ul { margin: 0; padding: 0; width: 267px; height: 34px; line-height: 28px; }
	#arcade li, #ps2 li, #pcMac li, #whatsITG li { margin: 0; padding: 0; padding-left: 40px; list-style: none; display: block; float: left; }
		#pcMac ul { width: 266px; } #pcMac li { padding-left: 30px }		
	
	#arcade a, #ps2 a, #pcMac a, #whatsITG a, #links a, #contact a, #deals a {
		text-decoration: none; color: #990000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;}
	#arcade a:hover, #ps2 a:hover, #pcMac a:hover, #whatsITG a:hover, #links a:hover, #contact a:hover, #deals a:hover {
		color:#999999;}
	
	#arcade h2 { background: url(images/gameArcade.jpg) top left no-repeat; border-bottom: 0; }
	#ps2 h2 { background: url(images/gamePS2.jpg) top left no-repeat; border-bottom: 0; }
	#pcMac h2 { background: url(images/gamePCMac.jpg) top left no-repeat; border-bottom: 0; }
	
#news {
	margin: 0; padding: 0; float: left;
	width: 401px; height: 300px; overflow: hidden;
	background: url(images/newsBackground.gif) top left no-repeat;
	}
#news2 {
	width: 371px; height: 280px;
        margin: 10px 10px 10px 20px; padding: 2px;
        overflow: auto; font-size: 13px;  
        }
	#news img { padding-right: 6px; }
	#news h2 { margin: 2px; font-size: 100%; margin-top: 10px; }

#whatsITG { margin: 0; width: 399px; float: left; }
	
	#whatsITG ul { margin: 0; padding: 0; background: url(images/whatsITGTop.gif) 0 0 no-repeat; height: 37px; }
	#whatsITG li { display: block; float: left; margin: 0; padding: 0; padding-left: 10px; padding-top: 10px; text-indent: 10px; }
	#whatsITG h2 { margin: 0; height: 105px; text-indent: -9999px; background: url(images/whatsITG.gif) top left no-repeat; border-bottom: 0; cursor: pointer; cursor: hand; }

#deals { margin: 0; width: 277px; float: left; }
	#deals h2 {
			margin: 0; width: 277px; height: 38px; font-size: 13px; line-height: 38px;
			border-bottom: 0; font-weight: normal;
			background: url(images/linksTop.gif) 0 0 no-repeat; text-indent: 22px; }
	#deals p { margin: 0; padding: 0px 10px 10px 20px; width: 247px; height: 110px; 
			overflow: hidden; background:url(images/links.gif) 0 0 no-repeat; }
	
#contact { 
	margin: 0; width: 122px; height: 158px; font-size: 13px;
	background: url(images/contact.gif) 0 0 no-repeat; float: left; }
	
	#contact p { display: block; margin-left: 16px; margin-top: 15px;}

#footer-home {
        margin: 0; padding: 0; font-size: 9px; color:#AAAAAA;
        width: 800px; height: 97px; text-align: center;
        background: url(images/footer-home.gif) 0 0 no-repeat; float: left; }
	#footer-home p { margin-top: 13px; }
        
#footer-normal {
	margin: 0; padding: 0; font-size: 9px; color:#AAAAAA;
	width: 800px; height: 97px; text-align: center;
	background: url(images/footer-normal.gif) 0 0 no-repeat; float: left; }
	#footer-normal p { margin-top: 13px; }

#footer-links img { margin-top: 18px; margin-left: 8px; margin-right: 8px; }

#translate {
        width: 800px; margin: 0 auto; padding: 1px 0;
        text-align: center; font-size: 9px; color:#AAAAAA; 
        }
#translate img { border: 1px solid blue; 4px; margin: 4px; vertical-align: middle; }

#platforms { }
	#platforms td { padding-left: 10; }

#product-nav { font-size: 16px; text-align: center; margin: 6px 10px; padding: 6px 0; border-top: #aaaaaa solid 1px; border-bottom: #aaaaaa solid 1px; }
#product-nav a { margin: 4px; }
#product-nav td { padding: 5px; }
#product-description { margin-top: 20px; margin-bottom: 20px; margin-left: 50px; margin-right: 50px; font-size: 14px; text-align: center; }
#product-details { font-size: 13px; }
#product-details ul { margin-left: 16px; }
 
#arcade-feature {
        width: 800px; height: 211px;
        background: url(images/arcade-feature.jpg); }
	
	#arcade-feature p { padding: 0; margin: 0; }
	#arcade-feature ul { padding-top: 0px; }
	#arcade-feature li { margin: 0; padding-top: 4px; padding-left: 18px; width: 271px; height: 32px; background: url(images/arcade-feature-bullet.gif) 0 0 no-repeat; 
		font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; list-style: none; text-align: left; font-weight: bold; }
	#arcade-feature td { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

#ps2-feature {
        width: 800px; height: 211px;
        background: url(images/ps2-feature.jpg); }

        #ps2-feature p { padding: 0; margin: 0; }
        #ps2-feature ul { padding-top: 0px; }
        #ps2-feature li { margin: 0; padding-top: 4px; padding-left: 18px; width: 271px; height: 32px;
                font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; list-style: none; text-align: left; font-weight: bold; }
	#ps2-feature td { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

#pcmac-feature {
        width: 800px; height: 211px;
        background: url(images/pcmac-feature.jpg); }

        #pcmac-feature p { padding: 0; margin: 0; }
        #pcmac-feature ul { padding-top: 0px; }
        #pcmac-feature li { margin: 0; padding-top: 4px; padding-left: 18px; width: 271px; height: 32px;
                font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; list-style: none; text-align: left; font-weight: bold; }
	#pcmac-feature td { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

#evergroove-feature {
        width: 800px; height: 211px;
        background: url(images/evergroove-feature.jpg); }

        #evergroove-feature p { padding: 0; margin: 0; }
        #evergroove-feature ul { padding-top: 0px; }       
        #evergroove-feature li { margin: 0; padding-top: 4px; padding-left: 18px; width: 271px; height: 32px;
                font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; list-style: none; text-align: left; font-weight: bold; }
        #evergroove-feature td { padding-left: 20px; padding-right: 20px; padding-top: 20px; }

#screenshots img { border: 3px solid black; margin: 10px; }
#screenshots table { width: 100%; text-align: center; }
#screenshots #ps2 img { width: 350px; height: 276px; }

.retailer-logos { text-align: center; padding: 4px; }
.retailer-logos img { padding: 6px; }

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
.urlexpansion,
.hiddenStructure {
    display: none;
}