html, body 
{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    background-color:Black;
    background-image: url(images/intro.jpg);
    background-position:center center;
    background-repeat:no-repeat;
}



/*



*/


/* --------------- */

.outer 
{
	display: table;
	#position: relative;
	overflow: hidden;
	height: 100%;
	color: white;
	width: 100%;
}

.middle 
{
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}

.inner 
{
	#position: relative;
	#top: -50%;
    text-align:center;
}

.centerer
{
    text-align:center;
}

.content
{
    margin:0px auto;
    width:500px;
    text-align:left;
    height:5px;
    position:relative;
}

.positioner
{
    position:relative;
    text-align:left;
}

/* --------------- */

.enter
{
    position:absolute;
    top:-200px;
    left:295px;
    color:White;
    font-family: Arial;
    font-size:12px;  
    font-weight:bold; 
    color:#90005F;   
}

.enter SPAN.sep
{
    color:White;   
}

.enter A
{
    text-decoration:none;
    color:White;
}

.enter A img
{
    border:0px;
}

.enter A:hover
{ 
    color:#90005F;   
}