body{
 background: #000;
 margin-top: 30px;
 font: small "Verdana";
}

#photos{
 border: 1px solid #999;
 width:  860px; 
 height: 485px;
 margin: 0px auto;
 background: #000 url(public/images/mel_and_steve.jpg) no-repeat top left;
}

#photos img{
 position: absolute;
 margin:  31px auto;
 top: 0px;
 width: 860px;
 height: 485px;
}

#texty{
 position: absolute;
 color: #ddd;
 margin: 385px 0px 40px -30px;
 width: 400px;
 z-index: 3;
}

#texty img{
 width: 70px;
 height: 100px;
}

h1{
 font-size: 14px;
 color: red;
}

#content{
 border: 1px solid #999;
 border-top-width: 0px;
 margin: 0px auto;
 padding: 10px 0px 0px 30px;
 width:  830px;
 background: #222;
 color: #eee;
 font: x-small Verdana, Arial, sans-serif;
}

#content p{
 margin: 10px 0px;
 width: 60em;
}

#content h1{
 font-weight: normal;
 margin: 0px;
 color: #DDD;
}

#content h2{
 font-weight: normal;
 margin: 0px;
 color: #DDD;
}

a{
 color: #bbb;
}
/***************** Menu ********************/

#menu{
 color:  #eee;
 margin:  -1px auto;
 padding: 0px;
 width:  860px;
}

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

#menu li{
 margin: 0px 0px 40px 0px;
 list-style: none;
 float: left;
}

#menu li a{
 margin: 0px 3px;
 display: block;
 border: 1px solid #999;
 padding: 5px 4px;
 text-decoration: none;
 background: #050505;
 font: 10px verdana, serif;
 color: #eee;
 width: 155px;
 text-align: center;
}

#menu a:hover{
 background:  #222;
}

#menu a.active
{
background: #222;
border: 1px solid #999;
border-top: 1px solid #222;
}

#footer{
 margin: 20px auto;
 width: 400px;
 font-size: 10px;
 color: #eee;
 text-align: center;
}