@charset "utf-8";
/* CSS Document */

html{
height: 100%;
}

body{
background-image: url(../images/bg.png);
height: 100%;
}

body, td, th{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #fff;}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18pt;
}

.coin {
margin-left: 0;
padding: 0;
list-style: none;
}

.coin li{
background: url(../images/coin_bp.gif) no-repeat;
padding: 0 0 0 60px;
margin-bottom: 15px;
}

#container{
position: relative;
top: 50%;
width: 770px;
margin: -208px auto 0 auto;
}


#menu{
position: absolute;
top: 0;
left: 90px;
}

#menu ul{
list-style-type: none;
white-space: nowrap;
margin: 0;
padding: 0; 
}

#menu ul li{
display: inline;
}

#menu a:link, #menu a:visited{
display: block;
width: 128px;
height: 33px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
background: url(../images/buttons.png) no-repeat;
text-align: center;
text-decoration: none;
padding-top: 7px;
margin-right: 3px;
}

#menu a:hover, #menu a:active{
display: block;
width: 128px;
height: 33px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
background: url(../images/buttons.png) 0 -28px no-repeat;
text-align: center;
text-decoration: none;
padding-top: 7px;
margin-right: 3px;
}

#page{
position: absolute;
top: 28px;
left: 0;
width: 770px;
height: 387px;
background-image: url(../images/website_page.png);
}

#content{
position: absolute;
top: 20px;
left: 210px;
width: 520px;
height: 330px;
overflow: scroll;
overflow-x:hidden;
padding-right: 15px;
}

#content a:link, #content a:visited{
color: #FFF;}

#content a:hover, #content a:active{
color: #ED2B2C;
}

#footer{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333; 
position: absolute;
top: 420px;
left: 160px;
}

#footer a{
color: #333333;}