#bu1 {background-image: url(../btn/values.png); background-position: 0px; }
#bu1:hover {background-position: 300px;}
#bu1active {background-image: url(../btn/values.png); background-position: 300px; }

#bu2 {background-image: url(../btn/summary.png); background-position: 0px; }
#bu2:hover {background-position: 300px;}
#bu2active {background-image: url(../btn/summary.png); background-position: 300px; }

#bu3 {background-image: url(../btn/philosophy.png); background-position: 0px;}
#bu3:hover {background-position: 300px;}
#bu3active {background-image: url(../btn/philosophy.png); background-position: 300px;}

#bu4 {background-image: url(../btn/practice.png); background-position: 0px;}
#bu4:hover {background-position: 300px;}
#bu4active {background-image: url(../btn/practice.png); background-position: 300px;}

#bu5 {background-image: url(../btn/contactus.png); background-position: 0px;}
#bu5:hover {background-position: 300px;}
#bu5active {background-image: url(../btn/contactus.png); background-position: 300px;}

#bu6 {background-image: url(../btn/fr.png); background-position: 0px;}
#bu6:hover {background-position: 300px;}