/* CSS Document */
.buttoms_service{
position:absolute;
left:50%;
margin-left: -635px;
top:600px;
display: block;
width:370px;
height:95px;
z-index:301;
}

a.boldbuttons{
background: transparent url('button_brown_left.png') no-repeat top left;
text-align:center;
float: right;
font: bold 10px Arial; /* Change 13px as desired */
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width: 102px;
padding-left: 8px; /* Width of left menu image */
text-decoration:none;
text-shadow: 0px 0px 2px #222; /* Цвет тени до наведения */
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #EEE; /* Цвет шрифта до наведения */
}

a.boldbuttons span{
background: transparent url('button_brown_right.png') no-repeat top right;
display: block;
padding: 2px 10px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.boldbuttons span.one_line{
background: transparent url('button_brown_right.png') no-repeat top right;
display: block;
padding: 2px 10px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
color:#FFF; /* Цвет шрифта при наведении */
text-shadow: 0px 0px 2px #CCC; /* Цвет тени при наведении (подсветка) */
text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-top:1px;
}