Pozycjonowanie elementow na stronie

mam takie cos
http://jsbin.com/eDUjaZU/1/

dziala tak jak chce, ale nie podoba mi sie powtarzanie kodu. Dokladnie tego

	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
    padding:20px;
    position: absolute;	

gdy chcialem dac to sobie do ButtonInterface to co nie dziala to pozycje tych elementow. Sa wtedy na sobie lub jeden pod drugim. Chcialbym zeby w konkretnej klasie (np. btn-location) ustawic pozycje a wspolne elementy wyniesc wyzej. Position nie moze byc static (bo wtedy pokazuje mi sie pod mapa).

Jak zrobic by wspolne elementy byly klase wyzej a pozycjonowanie elementow dac do konkretnych elementow?

Jest to zapewne bardzo proste pytanie, ale jakos nie moge znalezc rozwiazania :(

Poradzilem sobie inaczej. Nad tym stworzylem jeszcze jedna klase

.bottom-menu {
	position: absolute;
	top: 800px; 
	left: 400px;
}

a dla loginu

.login-menu{
	position: absolute;
	left: 50%;

}

w buttonInterface jest wiekszosc kodu teraz :)