a.squarebutton{
background: transparent url('img/square-gray-left2.png') no-repeat top left;
display: block;
float: right;
font: normal 18px Arial; 
line-height: 62px; 
height: 70px; 
padding-left:22px; 
text-decoration: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; 
}

a.squarebutton span{
background: transparent url('img/square-gray-right2.png') no-repeat top right;
display: block;
padding: 4px 25px 4px 0; 
}

a.squarebutton:hover{ 
background-position: bottom left;
}

a.squarebutton:hover span{
background-position: bottom right;
color: red;
}

a.squarebutton-blue{
background: transparent url('img/square-blue-left.png') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
text-decoration: none;
}

a:link.squarebutton-blue, a:visited.squarebutton-blue, a:active.squarebutton-blue{
color: #fff; 
}

a.squarebutton-blue span{
background: transparent url('img/square-blue-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.squarebutton-blue:hover{ 
background-position: bottom left;
}

a.squarebutton-blue:hover span{
background-position: bottom right;
color: #fff;
}

a.squarebutton-orange{
background: transparent url('img/square-orange-left.png') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
text-decoration: none;
}

a:link.squarebutton-orange, a:visited.squarebutton-orange, a:active.squarebutton-orange{
color: #fff; 
}

a.squarebutton-orange span{
background: transparent url('img/square-orange-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.squarebutton-orange:hover{ 
background-position: bottom left;
}

a.squarebutton-orange:hover span{
background-position: bottom right;
color: #fff;
}

a.squarebutton-purple{
background: transparent url('img/square-purple-left.png') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
text-decoration: none;
}

a:link.squarebutton-purple, a:visited.squarebutton-purple, a:active.squarebutton-purple{
color: #fff; 
}

a.squarebutton-purple span{
background: transparent url('img/square-purple-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.squarebutton-purple:hover{ 
background-position: bottom left;
}

a.squarebutton-purple:hover span{
background-position: bottom right;
color: #fff;
}

a.squarebutton-green{
background: transparent url('img/square-green-left.png') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; 
line-height: 15px; 
height: 23px; 
padding-left: 9px; 
text-decoration: none;
}

a:link.squarebutton-green, a:visited.squarebutton-green, a:active.squarebutton-green{
color: #fff; 
}

a.squarebutton-green span{
background: transparent url('img/square-green-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; 
}

a.squarebutton-green:hover{ 
background-position: bottom left;
}

a.squarebutton-green:hover span{
background-position: bottom right;
color: #fff;
}

.buttonwrapper{ 
overflow: hidden;
width: 100%;
}