body  {    
    margin: 0;
    padding: 0;  
    background: #7B7D7C;
    font: normal 14px "trebuchet MS",sans-serif;
}
#intro {
    position: relative;
    border-top: 20px solid #7B7D7C;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    height: 620px;
    background: #7B7D7C url(SF-bg-intro.jpg) 0 0 no-repeat;
}

#nav {
    position: absolute;
    top: 496px;
    left: 310px;
    padding: 0;
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    list-style: none;
}
#nav li {
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    white-space: nowrap;
    background: #FFF;
}
#nav a {
    display: block;
    padding: 0 7px;
    color: #BE7A3E;
    text-decoration: none;
}
#nav a:hover {
    color: #7B3A00;
}
#nav ul {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;    
    padding: 0;
    margin: 0;
    list-style: none;
}
#nav ul li {
    display: block;
    width: 165px;
}


#animation {
    position: absolute;
    top: 108px;
    left: 333px;
}
#animation img {
    position: absolute;
}