body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color:#5b3847;
background:#25171d;
margin-top:10px;
padding:0;
text-align:left;
}

img {
border-width: 2px;
border-style: solid;
border-color: #25171d;
margin-left:10px;
}

h1 {
font-size: 1.5em;
margin-left:10px;
color:#785262;
}

h2 {
font-size: 1em;
margin-left:10px;
color:#785262;
}

h3 {
font-size: 0.7em;
margin-left:10px;
color:#786a52;
}

div#premiere {
  position: absolute; 
  left: 50%; 
  top: 50%;
  width: 800px;
  height: 690px;
  margin-left:-400px ;
  margin-top:-345px;
  background-image: url("images/background.gif");
  background-repeat:repeat;
  border:1px;
  border-style:solid;
  border-color:#ffffff;
  }
  
div#pages {
  position: absolute; 
  left: 50%; 
  width: 800px;
  margin-left:-400px ;
  background-image: url("images/background-2.gif");
  background-repeat:repeat;
  border:1px;
  border-style:solid;
  border-color:#ffffff;
  }
  
  div#page2 {
  position: absolute; 
  left: 50%; 
  width: 800px;
  margin-left:-400px ;
  background: #000000;
  border:1px;
  border-style:solid;
  border-color:#ffffff;
  }

div#navigation { 
  position: absolute; 
  top: 45px; left: 502px; 
}

ul#menu {
margin:0px;
padding:0px;
}

#menu a {
display: block;
margin: 5px 0;
color:#9a7a87;
text-decoration:none;
line-height: 25px;
width: 260px;
border: 1px solid black;
background: white;
}

#menu a:hover, #menu a:focus {
color:#990000;
}