/* rollover css */



#buttons {
padding: 0 0 5px 0;
margin: 0;
width: 136px;
height: 45px;
}
 
#buttons li{
list-style: none;
padding: 0 0 5px 0;
margin: 0;
}
 
.home {
background-image: url(../images/menu-images/home-2.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
}
 
.home a{
background-image: url(../images/menu-images/home-1.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
display: block;
}
 
.home a:hover{
background: none;
}
 
.values {
background-image: url(../images/menu-images/cv-2.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
}
 
.values a{
background-image: url(../images/menu-images/cv-1.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
display: block;
}
 
.values a:hover{
background: none;
} 

.focus {
background-image: url(../images/menu-images/focus-2.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
}
 
.focus a{
background-image: url(../images/menu-images/focus-1.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
display: block;
}
 
.focus a:hover{
background: none;
}

.vision {
background-image: url(../images/menu-images/vision-2.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
}
 
.vision a{
background-image: url(../images/menu-images/vision-1.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
display: block;
}
 
.vision a:hover{
background: none;
}

.contact {
background-image: url(../images/menu-images/contact-2.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
}
 
.contact a{
background-image: url(../images/menu-images/contact-1.gif);
background-repeat: no-repeat;
height: 45px;
width: 136px;
display: block;
}
 
.contact a:hover{
background: none;
}