mam buttony na stronie 120x60px i chciałbym żeby były one przyciemnione [szare] a po najechaniu dopiero robiły się kolorowe czyli oryginalne

Css sie kłania. Uzyj do tego :hover.
Przykład:
html:

[HTML] pobierz, plaintext 
<a href="#" class="button">jakiś button</a>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
a.button {
background: url('obrazek1.png') no-repeat top left;
}
a.button:hover {
background: url('obrazek2.png') no-repeat top left;
[HTML] pobierz, plaintext 

Jeżeli chcesz to możesz dodać do tego element blokowy dopisując do "a.button" pomiędzy klamrami: display:block;
Obrazek1(odcień szarości) jest podstawowym obrazkiem bez nakierowania na niego, obrazek2(kolorowy) pokazany jest dopiero po najechaniu na hiperłącze.