.button {
	 color: black;
	 text-decoration: none;
	 font-size: 12px;
	 text-transform: uppercase;
	 font-family: helvetica, arial;
	 font-weight: normal;
	 display: block;
	 text-align: center;
	 position: relative;

	 padding: 5px 5px;
	 padding-top: 7px;
	
	 /* BACKGROUND GRADIENTS */
	 background: #CCC;
	 background: -moz-linear-gradient(top, #EEE, #DDD 50%, #CCC 51%, #CCC);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.5, #DDD), color-stop(.5, #CCC), to(#CCC)); 

	 /* BORDER RADIUS */
	 -moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
	 border-radius: 8px;

	 border: 1px solid #AAA;
	 border-top: 1px solid #f9f9f9;
	
	 cursor: pointer;

	-moz-box-shadow: 0 -1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 -1px 0px rgba(0,0,0,0.3);
}

/* WHILE HOVERED */
.button:hover {
	background: #CCC;
	 background: -moz-linear-gradient(top, #DDD, #CCC 50%, #BBB 51%, #BBB);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDD), color-stop(.5, #CCC), color-stop(.5, #BBB), to(#BBB));
}

/* WHILE BEING CLICKED */
.button:active {
	-moz-box-shadow: 0 2px 6px black;
	-webkit-box-shadow: 0 2px 6px black;
}