html,body{
   margin:0;
   padding:0;
background-color: #373737;
font-family: Verdana, Helvetica, sans-serif;
  }
  div#horizon{
   text-align:center;
   position:absolute;
   top:50%;
   left:0;
   width:100%;
  }
  div#inner{
   text-align:left;
   margin:0 0 0 -400px;
   position:absolute;
   top:-100px;
   left:50%;
   width:800px;         /* 2*|div#inner{margin-left}| */
   height:250px;        /* 2*|div#inner{top}|         */
	padding: 10px;
	border: 10px solid #000;
   background-color: #fff;
  }
  p{                    /* this makes the look more consistent between browsers, it has nothing to do with the technique */
   margin:0;
   padding:.2em;
	text-align: center;}
.vet {font-weight: bold;}
.groot {
font-size: 150%;
}
#horizontalmenu {
width: 820px;
position: absolute;
bottom: 0px;
	margin-left: -10px;
	color: #000;
	background-color: #e1e1e1;
	}

#horizontalmenu ul {
	display: block;
	margin: 0px;
	padding: 4px 0px;
	list-style: none;
	text-align: center;
	background-color: #cccccc; 
	border: 0;
	}

#horizontalmenu li {
 display: inline;
 margin: 0px;
 padding: 5px 5px;
 }

#horizontalmenu li a {
 text-decoration: none;
 padding: 0;
 color: #681318; 
background-color: #cccccc; 
font-weight: bold;
 }
#horizontalmenu li a:hover {
 color: #000000; 
background-color: #681318;
 }