@font-face {
font-style:normal;
font-family:Ebrima ;
src:url(../fonts/ebrima.ttf);
}
@font-face {
font-style:normal;
font-family:Ebrima Bold;
src:url(../fonts/ebrimabd.ttf);
}
@font-face {
font-style:normal;
font-family:Trajan pro;
src:url(../fonts/TrajanPro.ttf);
}
HTML,BODY {
margin:0;
padding:0;
}

div,ul,li,a,table,td,tr,span,p {
position:relative;
margin:0;
padding:0;
}

* html .clearfix {
height:1%;
overflow:visible;
}

*+html .clearfix {
min-height:1%;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
font-size:0;
z-index:1;
}
body {
background:#0b0703 url(../images/background.png) no-repeat top center;
cursor:default;
color:#B7A07C;
text-shadow:0 0 6px rgba(0,0,0,.8),1px 1px 1px rgba(0,0,0,.6);
}

body,td,th {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
text-align:left;
vertical-align:top;
}

a {
color:#B7A07C;
text-decoration:none;
outline:none;
transition:color 600ms;
-moz-transition:color 600ms;
-webkit-transition:color 600ms;
-o-transition:color 600ms;
}

a:hover {
color:#F5BE68;
text-decoration:none;
}
#container {
	background: url("../images/frame.png") no-repeat scroll center top transparent;
	width:1285px;
	height:886px;
	margin: 0 auto;
	margin-top: 40px;
}

#header {
background: url("../images/header_background.png") no-repeat scroll center top transparent;
width: 1029;
height: 176px;
margin: 0px;
padding: 0px;
z-index: 2;
top: 22px;
}

.menu {
width: 979px;
height: 70px;
padding: 0px 0px 0px;
left: 155px;
top: 33px;
}

.menu ul {
margin: -4px;
width: 979px;
}

.menu li {
list-style:none;
display:block;
float:left;
}

.menu li a {
display:block;
outline:none;
background-position:top left;
height:70px;
}

.menu li a p,.menu li a span {
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
background:url(../images/menu-r.png) no-repeat;
background-position:top left;
opacity:1;
height:70px;
transition:all 600ms;
-moz-transition:all 600ms;
-webkit-transition:all 600ms;
-o-transition:all 600ms;
}

.menu li a:hover span {
opacity:1;
}

.menu li a#homepage {
width: 230px;
margin-right: 1px;
}

.menu li a#homepage p {
background-position: 98px -10px;
width: 230px;
}

.menu li a#homepage span {
background-position: 98px -98px;
width: 230px;
height: 70px;
}

.menu li a#store {
width: 136px;
margin-right: 1px;
}

.menu li a#store p {
background-position: -124px -7px;
width: 136px;
}

.menu li a#store span {
background-position: -124px -96px;
width: 135px;
height: 70px;
}
.menu li a#download {
width: 240px;
margin-right: 1px;
}

.menu li a#download p {
background-position: -261px -12px;
width: 240px;
}

.menu li a#download span {
background-position: -261px -98px;
width: 240px;
height: 70px;
}
.menu li a#vote {
width: 122px;
margin-right: 1px;
}

.menu li a#vote p {
background-position: -502px -6px;
width: 122px;
}

.menu li a#vote span {
background-position: -502px -95px;
width: 122px;
height: 70px;
}

.menu li a#highscores {
margin-right: 1px;
width: 244px;
}

.menu li a#highscores p {
background-position: -620px -8px;
width: 244px;
}

.menu li a#highscores span {
width: 244px;
background-position: -620px -97px;
height: 70px;
}


.menu li a span,.menu li a:hover p {
opacity:0;
}

 .dragon {
width: 0px;
height: 0px;
margin: 0 auto;
top: -170px;
right: 3%;
z-index: 3;
}
.dragon img {
	  position:absolute;
	  -webkit-transition: opacity 300ms ease-in-out;
	  -moz-transition: opacity 300ms ease-in-out;
	  -o-transition: opacity 300ms ease-in-out;
	  transition: opacity 300ms ease-in-out;
}

 .logo {
width: 305px;
height: 125px;
margin: 0 auto;
top: 66px;
z-index: 3;
	}
.logo img {
	  position:absolute;
	  -webkit-transition: opacity 300ms ease-in-out;
	  -moz-transition: opacity 300ms ease-in-out;
	  -o-transition: opacity 300ms ease-in-out;
	  transition: opacity 300ms ease-in-out;
	}

 .logo img.top:hover {
	  opacity:0;
	}
	
	 .dots {
width: 35px;
margin: 0 auto;
top: 250px;
z-index: 3;
opacity: 1;
	}
.dots img {
	  position:absolute;
	  -webkit-transition: opacity 300ms ease-in-out;
	  -moz-transition: opacity 300ms ease-in-out;
	  -o-transition: opacity 300ms ease-in-out;
	  transition: opacity 300ms ease-in-out;
	}

 .dots img.top:hover {
	  opacity:0;
	}
	
#video {
	background: url("../images/video.png") no-repeat scroll center top transparent;
	width:981px;
	height:459px;
	margin: 0 auto;
	top: -45px;
	z-index: 1;
}

#store2 {
	width:981px;
	height:459px;
	margin: 0 auto;
	top: -45px;
	z-index: 1;
}

iframe {
left: 1px;
position: absolute;
top: 4px;
border: none;
}

#footer {
	background: url("../images/footer.png") no-repeat scroll center top transparent;
	width:1028px;
	height:133px;
	margin: 0 auto;
	top: -82px;
}

#footer2 {
	background: url("../images/footer.png") no-repeat scroll center top transparent;
	width:1004px;
		height:111px;
	margin: 0 auto;
		top: -180px;
}
	
 .signature {
width: 75px;
height: 35px;
margin: 0 auto;
top: 63px;
z-index: 3;
float: left;
left: 25px;
	}
#copyright{
	top: 43px;
text-align: center;
left: -15px;
}