/* This CSS is used by the splash page only*/


/*////////////////////////////////////////////////////

SPLASH ELEMENTS

////////////////////////////////////////////////////*/
body{
	background-color: black;
	background-image: url(../imgs/puzzle_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 12px;
	line-height: normal;
}

/* IE hack for margin:auto problem (text-align: center) */
* html body{
	background-color: black;
	background-image: url(../imgs/puzzle_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 12px;
	line-height: normal;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


#content_splash {
	width: 625px;
	height: 302px;	
        margin-left: auto;
        margin-right: auto;
        position: relative;
	margin-top: 20%;
	margin-bottom: 20%;	
}

/* IE hack for margin:auto problem (unset text-align: center) */
* html #content_splash {
	width: 625px;
	height: 302px;	
        position: relative;
        text-align: left;        
}



#emenu_box {
/*
	position: absolute;
	top: 190px; 
	left: 10px;
*/	
        position: absolute;
        left: 25px;
        top: 190px;
	height: 275px;
	width: 150px;

}
	
#fmenu_box {
/*
	position: absolute;
	top: 190px; 
	right: 20px;
*/	
        position: absolute;
        right: 25px;
        top: 190px;
	height: 275px;
	width: 150px;
        text-align: right;
}

	
.menu_splash {
	
}

.menu_splash a {
	display: block;
	height: 25px;
	margin-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.menu_splash a:hover {
	color: #000000;
}

.menu_splash.sel a,
.menu_splash.sel a:hover {
	color: #CC0000;
}