* {
   margin: 0px;
}

html{
   height: 100%;
}

a img{
   border: 0px;
}

body {
   position: relative;
   height: 100%;
   width: 100%;
   background-color: black;  
   color: black;
   font-family: arial;
   font-size: 0.9em;
}

div.wrapper {
   position: absolute;
   top: 50%;
   left: 50%;
   height: 504px;
   width: 600px;
   margin-top: -252px;
   margin-left: -300px;
   background-image: url('../images/titlepage.jpg');
}

a#enter{
   position: absolute;
   bottom: 28px;
   right: 28px;
   width: 100px;
   height: 32px;
   background-image: url('../images/titlepage_enter.jpg');
   background-repeat: no-repeat;   
   background-position: 0px 0px; 
   display: block; 
   text-decoration: none;
}

a#enter:hover{
   background-position: 0px -32px; 
}