html{height:100%;}

body{
	background: #000;
	/* background-position-x: center; */
	background-repeat: no-repeat;
	background-position: center 0px;
}

a {
	color: #EAA000;
}

a:link, a:hover, a:visited {
	outline: none;
}

a:link{
	text-decoration: none;
	color: #eaa000;
}

a:visited{
	text-decoration: none;
	color: #eaa000;
}

a:hover{
	color: #fff;
}

#box {
	width: 1024px;
	margin: auto;	
}

#header{
	position: absolute;
	width: 1020px;
	height: 728px;
	/* margin-top: 250px; */
	margin-left: 3px;
}

#logo{
	position: absolute;
	width: 400px;
	height: 200px;
	z-index: 400;
	margin-left:310px;
	top: 20px;
}

#footer{
	position: absolute;
	top: 867px;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	height: 354px;
	background: url(http://www.amonsaga.com/resources/img/footer.jpg) top center no-repeat;
}

#viewer{
	position: relative;
	top: 10px;
	left: 50%;
	margin-left: -50px;
	/* border: yellow 1px dotted; */
	color: red;
	font-weight: bold;
	padding: 10px 0;
	width: 100px;
	text-align: center;
}

/* MENU */

#menuhome{
	position: absolute;
	margin-top: 70px;
	margin-left: 70px;
	background-image: url(http://www.amonsaga.com/resources/img/menu/home.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 25px;
}

#menucharacters{
	position: absolute;
	margin-top: 70px;
	margin-left: 250px;
	background-image: url(http://www.amonsaga.com/resources/img/menu/characters.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
}

#menuworld{
	position: absolute;
	margin-top: 70px;
	margin-left: 445px;
	background-image: url(http://www.amonsaga.com/resources/img/menu/world.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 25px;
}

#menucommunity{
	position: absolute;
	margin-top: 70px;
	margin-left: 620px;
	background-image: url(http://www.amonsaga.com/resources/img/menu/community.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
}

#menumedia{
	position: absolute;
	margin-top: 70px;
	margin-left: 815px;
	background-image: url(http://www.amonsaga.com/resources/img/menu/media.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 25px;
}

#menu{
	position: absolute;
	width: 1024px;
	height: 163px;
	top:-30px;
	background-image: url(/resources/img/menu/barra_link.png);
	background-repeat: no-repeat;
	z-index: 300;
}

.fade{
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}

.clear{
	opacity: 1.00; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.00; /* Safari 1.x */
	-moz-opacity: 1.00; /* FF lt 1.5, Netscape */
}

.invis{
	opacity: 0.00; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0.00; /* Safari 1.x */
	-moz-opacity: 0.00; /* FF lt 1.5, Netscape */
}

/* FONTS */

@font-face { font-family: Trajan; src: url('http://www.amonsaga.com/http://www.amonsaga.com/resources/fonts/trajan.otf'); } 
@font-face { font-family: Dark; src: url('http://www.amonsaga.com/http://www.amonsaga.com/resources/fonts/dark11.ttf'); } 

h1{
	font-family: "Times New Roman", Times, serif;
	font-weight: 200;
	font-size: 25px;
	color: #bf7f2a;
	font-variant: small-caps;
}