body{
        margin:0;
        padding:0;
        background-color:#000;
        color:#fff;
        font-family:tahoma, arial;
        line-height:15px;
}

a, a:link, a:visited{
        border:0;
        text-decoration:none;
        color:#000;
}



#wrapper{
        margin:0px auto;
        padding:0px;
        width:800px;
        margin-top:20px;
}

#container{
        border:2px solid #333;
        padding:5px;
        margin:10px 0px;
}


#nav{
        background: url(../images/reel.jpg) no-repeat;
        float:right;
        margin:0;
        padding:0;
        line-height:0px;
        border:0;
        font-size:9px;
}


#nav ul.nav1{
        margin:0px;
        padding:0px;
        margin-left:38px !important;
        line-height:0px;
        list-style:none;
        border:0px;
        font-size:9px;
}

#nav ul.nav2{
        margin:0px !important;
        padding:0px;
        margin-left:38px !important;
        line-height:0px;
        list-style:none;
        border:0px;
        font-size:9px;
}


#nav ul.nav1 li{
        list-style:none;
        display:block;
        margin:0px !important;
        padding:0px;
        list-style:none;
        line-height:0px;
        border:0px;
        font-size:9px;
}

#nav ul.nav2 li{
        display:inline;
        float:left;
        list-style:none;
        margin:0;
        margin-top:0px !important;
        padding:0;
        line-height:0px;
        border:0;
        font-size:9px;
}

.promotional{
        background: url(../images/promotional.jpg) no-repeat;
        width:171px;
        height:20px;
}

.promotional:hover{
        background: url(../images/promotional-current.jpg) no-repeat;
        width:171px;
        height:20px;
}


.narrative{
        background: url(../images/narrative.jpg) no-repeat;
        width:171px;
        height:19px;
}

.narrative:hover{
        background: url(../images/narrative-current.jpg) no-repeat;
        width:171px;
        height:19px;
}

.photography{
        background: url(../images/photography.jpg) no-repeat;
        width:171px;
        height:19px;
}

.photography:hover{
        background: url(../images/photography-current.jpg) no-repeat;
        width:171px;
        height:19px;
}

.commercial{
        background: url(../images/commercial.jpg) no-repeat;
        width:171px;
        height:19px;
}

.commercial:hover{
        background: url(../images/commercial-current.jpg) no-repeat;
        width:171px;
        height:19px;
}

.clips{
        background: url(../images/clips.jpg) no-repeat;
        width:171px;
        height:20px;
}

.clips:hover{
        background: url(../images/clips-current.jpg) no-repeat;
        width:171px;
        height:20px;
}

.bio{
        background: url(../images/bio.jpg) no-repeat;
        width:34px;
        height:18px;
}

.blog{
        background: url(../images/blog.jpg) no-repeat;
        width:47px;
        height:18px;
}

.equipment{
        background: url(../images/equipment.jpg) no-repeat;
        width:90px;
        height:18px;
}

#pictures li {
        width:750px;
}
#pictures li {
        display:inline;
        float:left;

        list-style:none outside;
        width:175px;
        text-align:center;
        padding:5px;
}

#pictures li img{
        border:10px solid #333;
}

#pictures li img:hover{
        border:10px solid #ddd;
}