body {
background-color:#000000;
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
margin:0;
padding:0;
}

#container_main {
width:800px;
margin:10px auto 0 auto; 
}

#header_main {
background-image: url(PI_Logo_Final.jpg);
background-repeat:no-repeat;
background-position:50%;
height:480px;
margin:0;
padding:0;
}

#navigation {
background-image: url(nav_bar_final.png);
background-repeat:no-repeat;
height:80px;
width:800px;
margin:8px 0 0 0;
padding:0px 0px 0px 0px;
}

#navigation li, #navigation a {
height:80px;
display:block;
}

#navigation li {
float:left;
list-style:none;
display:inline;
}

#navigation ul{
list-style-type:none;
padding:0px 0px 0px 0px;
margin: 0 0 0 0px;
}

#blank {width:13px}
#blog {width:61px}
#demoreel {width:113px}
#shorts {width:78px}
#audio {width:76px}
#images {width:85px}
#univstate {width:165px}
#links {width:67px}
#contact {width:125px}


#blog a:hover{
background:url(nav_bar_final.png) -13px -80px no-repeat;
}
#demoreel a:hover{
background:url(nav_bar_final.png) -74px -80px no-repeat;
}
#shorts a:hover{
background:url(nav_bar_final.png) -187px -80px no-repeat;
}
#audio a:hover{
background:url(nav_bar_final.png) -265px -80px no-repeat;
}
#images a:hover{
background:url(nav_bar_final.png) -341px -80px no-repeat;
}
#univstate a:hover{
background:url(nav_bar_final.png) -426px -80px no-repeat;
}
#links a:hover{
background:url(nav_bar_final.png) -591px -80px no-repeat;
}
#contact a:hover{
background:url(nav_bar_final.png) -658px -80px no-repeat;
}