#pnavigation {
    display: block;
    float: right;
}

#pnavigation ul {
    display: block;
    list-style-type: none;
    width: 680px;
}
#pnavigation ul li {
	display: block;
	float: left;
}
#pnavigation ul li a {
    color: #000000;
    text-decoration: none;
    float: left;
    width: 108px;
    
    padding: 80px 0 12px 0;
    
    background-image: url(images/navibutton.gif);
    background-repeat: no-repeat;
    background-position: center 0;
    text-align: center;
    
    margin-right: 3px;    
    
    position: relative;
    top: -48px;

	-webkit-transition: top 200ms;
	   -moz-transition: top 200ms;
	     -o-transition: top 200ms;
	        transition: top 200ms;

}
#pnavigation ul li a:hover,
#pnavigation ul li .active {
    top: 0;
}