html 
{
    min-height: 100%;
}

* 
{
    margin: 0;
    padding: 0;
}

a 
{
    color: #d95;
}

a:visited 
{ 
	color: #633; 
}
a:hover 
{ 
	color: #633; 
}

body 
{
    background: #111 url(/img/bg.jpg) repeat;
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
}

p,code,ul 
{
    padding-bottom: 1.2em;
}

h1 
{
    font: normal 1.8em Tahoma,sans-serif;
    margin-bottom: 4px;
}

h2 
{
    background: url(/img/stripes.gif) repeat-x left bottom; 
    color: #CCC; 
    font: normal 2em Impact,sans-serif; 
    margin-bottom: 0px; 
    padding-bottom: 11px; 
    letter-spacing: 1px;
}

blockquote 
{
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
}

h1,h2 
{
    padding-top: 6px;
}

label
{
    margin: 10px 0px 0px 0px;
    display:block;
    text-align: left; 
}

#horizon        
{
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}


/* structure */
.wrapper 
{

	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	margin-left: -525px;
	position: absolute;
	top: -35px;
	left: 50%;
	height: 70px;
	visibility: visible
}
.container 
{
    position:absolute;
    width:100%;
}

/* logo */
#ixionLogo 
{
    background: url(/img/smlogo.png) no-repeat center top;
    position: relative;
    width:300px;
    height:100px;
    left: 40px;
    top:50px;
}

#ixionLogo a img 
{ 
    text-decoration: none;
    padding: 0;
    border: none;
    border-style: none;
}

/* title */
.title 
{
    font: normal 3em Tahoma,sans-serif;
    text-decoration: line-through;
}

#navArea 
{
    position: absolute;
    left: 790px;
    width: 260px;
    top:50px;
}

.navItem 
{
    position: relative;
    width: 50px;
    height:50px;
    float:left;
    margin-left: 25px;
}

/* footer */
.footer 
{
    margin-top:700px;
    position: relative;
    width: 100%;
    color: #d95;
    font: normal 0.9em sans-serif;
}

.footer a 
{
    color: #d95;
    text-decoration: none;
}

#gamePage
{
    border-width:1px;
    border-color:#f00;
    width: 800px;
    height: 600px;
    left: 125px;
    top:190px;
    position:relative;
}

#page2
{
    width: 402px;
    height: 50px;
    left: 325px;
    top:190px;
    position:relative;
}

.descr
{
    font: normal 2em Tahoma,sans-serif;
}

.descr h1,h2,h3,b
{
    color: #d95;
}

.subject
{
    width: 410px;
}

.submit
{
    width: 100px;
}

.yarr
{
    width:50px;
}
.gameDesc
{
    font: normal 1.2em Tahoma,sans-serif;
}

.gameDesc h1,h2,h3,b
{
    color: #d95;
}

.video
{
	width:220px;
	height:350px;
	float:right;
}

#page
{
    width: 902px;
    height: 50px;
    left: 70px;
    top:250px;
    position:relative;
}

#titleBlock
{
    font: normal 3em Tahoma,sans-serif;
    color: #d95;
    position: relative;
    left: 350px;
    top: 10px;
    width: 200px;
    height:70px;
    text-align:center;
}

#LeftArrow
{
    position: relative;
    left: 20px;
    top: 200px;
    width: 32px;
    height:32px;
}

#RightArrow
{
    position: relative;
    top:-230px;
    left:-40px;
    width: 32px;
    height:32px; 
    float:right;
}

.arrow
{
    cursor: pointer;
}

/* Side Scroller */

#ScrollBox 
{
    left: 65px;
    top: 0px;
    width: 770px;
    height: 400px;
    position:  relative;
    overflow: hidden;
    color: #DDD;
    background: #111 url(/img/bg.jpg) repeat-x repeat-y;
}

#BigBox
{
    width: 3800px;
    position:  absolute;
}

.block
{
    width: 866px;
    height: 400px;
    float: left;
    margin-right: 10px;
}