.clear { /* generic container (i.e. div) for floating buttons */

}

a.b1 {
    background: transparent url('buttona.png') no-repeat scroll top right;
	color: #000000;
    display:block;
    font: bold 12px arial, sans-serif;
    /*float:left;*/
	height:40px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
    padding-right:21px; /* sliding doors padding */
    text-decoration: none;
	text-indent:1px;
}

a.b1 span {
    background: transparent url('buttonspan.png') no-repeat;
	display: block;
    line-height:30px;
	padding: 0px 0 10px 21px;
} 

a.b1:hover {
   /* background-position: bottom right;*/
    color:#993333;
    outline: none; /* hide dotted outline in Firefox */
}

a.b1:hover span { /* push text down 1px */
 	/*background-position: bottom left;*/
    padding: 0px 0 10px 21px; /* push text down 1px */
}

a.b1:active {
    background-position: bottom right;
    color:#993333;
    outline: none; /* hide dotted outline in Firefox */
}

a.b1:active span {
    background-position: bottom left;
    padding: 7px 0 3px 21px; /* push text down 1px */
}