/* CSS Document */

body {
	margin:0; padding:0;
	font-family: Arial; text-align:center; font-size: 11px; color:#eeeeee;
	background:#111111 url() no-repeat 0 0;
	overflow-y:scroll; overflow-x:hidden;
}

*:first-child+html body {
  /*overflow:auto;*/
}

div, ul, h1, h2, h3 {
  display:block; margin:0; padding:0;
}
  ul {
  	list-style: none;
  }
  
p {
	margin:0; padding:0;
	text-align:left;
	clear:both;
}

a {
	text-decoration:none; font-weight:normal; color:#FFC440;
	outline:none;
}
a:hover {
	/*font-weight:bold;*/ color:#ffffff;
}
a:focus {  
	outline:none; /* fx 1.05,Safari, Mac IE*/
	-moz-outline:none; /* fx 1.07*/
}
a:active {  
	outline: none;
	-moz-outline:none;
}

a { /* remove unwanted focus outlines from links */
	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;
}
*:focus { 
	outline: none;
}

a img { border:0; }

hr {
	margin:0; padding:0;
	border:0;
	display: none;
}

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

#container {
  	position:absolute; top:0; left:0; margin:0; padding:0; overflow:hidden;
	width:100%; height:auto;
  	text-align:center;
    background:transparent url('../images/cont_back.gif') no-repeat center 0;
}

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

div.ex-header {
  position:fixed; top:0; left:0; overflow:hidden; margin:0; padding:0; clear:both; float:none; z-index:50;
  width:100%; height:84px;
  text-align:center;
  background:transparent url('../images/header_ex_back.png') repeat-x 0 0;
}

#header {
  position:relative; overflow:hidden; margin:auto; padding:0; clear:both; float:none; z-index:5;
  width:960px; height:40px;
  text-align:center;
  /*background:transparent url() no-repeat 0 0;*/
}
    #header h1 {
        position:absolute; top:0; left:0; margin:0; padding:0; overflow:hidden; clear:none;
        width:213px; height:40px;
    }
    #header h1 img { border:0; }

ul.navi {
	position:absolute; top:8px; right:0; margin:0; padding:0;
}
    ul.navi li {
        float:left; margin-left:5px;
    }
    ul.navi li a {
        display:block; overflow:hidden;
        width:67px; height:24px;
        font-family:Arial; font-size:12px; color:#eeeeee;
        text-align:center; line-height:23px; text-shadow:#666666 0px 1px 0px;
        background:transparent url('../images/navi_butt.gif') no-repeat 0 0;
    }
        ul.navi li a:hover {
            color:#ffffff;
			background-position:0 -24px;
		}
        ul.navi li a.active {
			color:#dddddd;
			line-height:25px;
			background-position:0 -48px;
		}
		
ul.navi-lang {
	position:absolute; top:9px; left:224px; margin:0; padding:0;
}
    ul.navi-lang li {
        float:left;
        font-family:Verdana; font-size:9px; color:#cccccc;
    }
    ul.navi-lang li a {
        font-family:Verdana; font-size:9px; color:#cccccc;
    }
        ul.navi-lang li a:hover { color:#ffffff; }
    
/* CENTER --------------------------------------------------------------------- LetterOMatic!*/

form input,
form select,
form textarea,
form label {
    float:left;
    font-family:Arial; font-size:16px; color:#4f5252;
}
    form label {
        display:block;
    }

    form input.field,
    form textarea {
        padding:3px 0 0 4px; margin:0;
        border-top:1px solid #7b7d7d; border-left:1px solid #7b7d7d;
        border-right:1px solid #E6EDED; border-bottom:1px solid #E6EDED;
    }

    form input.butt {
        color:#ffffff;
        border-top:1px solid #BDE557; border-left:1px solid #BDE557;
        border-right:1px solid #7b7d7d; border-bottom:1px solid #7b7d7d;
        background-color:#A9CC4E;
    }

#overlay {
    display:block; position:absolute; top:0; left:0; z-index:100;
    width:100%; height:100%;
    background:transparent url('../images/blank.gif') repeat 0 0;
}

#container div.clearbox,
#container .clearbox {
    display:block; clear:both; overflow:hidden; float:none;
    width:100%; height:0;
}

#blackveil {
	position:absolute; top:0; left:0; z-index:25;
	width:100%; height:100%;
	background-color:#000000;
}

#center {
	position:relative; overflow:hidden; margin:auto; padding:40px 0 50px 30px; clear:both; float:none;
	width:820px; height:auto;
}

h2.title {
    margin-top:460px; padding:0; position:relative;
    font-family:'LetterOMatic!', Arial; font-size:45px; color:#00b0d0; font-weight:normal;
    text-align:left; text-indent:0; /*text-indent:70px;*/
}
    *:first-child+html h2.title {
        margin-top:500px;
    }

img.monster {
	position:absolute; top:90px; left:0;
}

p.opening {
    padding:15px 0 15px 0; margin:0; float:left;
    font-family:'LetterOMatic!', Arial; font-size:16px; color:#eeeeee;
    width:800px;
    text-align:left;
}

/* CENTER END -----------------------------------------------------------------*/

/* FOOTER ---------------------------------------------------------------------*/

#footer {
    display:block; position:absolute; margin:0; padding:0; bottom:0; left:0;
    width:100%; height:30px;
    background:transparent url('../images/footer_back.gif') repeat-x 0 0;
}

/* FOOTER END -----------------------------------------------------------------*/