Доброго времени суток.

Обращаюсь к местному контингенту за помощью. Честно говоря, верстаю впервые в жизни, первая ночь. Столкнулся с такой проблемой: кнопки никак не хотят выравниваться по центру. Облазил много ресурсов, решения не нашёл. И вообще, какой-то жуткий геморрой с этим выравниванием: margin у меня работает криво, проценты отсчитывает в какой-то своей системе исчислений и так далее.

Осознаю, что рукожоп, хочу лечиться.




[CSS]

Body
{background-image: url(bg.png)}




header
{margin-bottom: 70px; margin-top: 236px}

sbutton
{padding-left: 49px;
padding-right: 49px;
padding-top: 21px;
padding-bottom: 21px;
width: 210px;
height: 59px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #f4df69;
-webkit-box-shadow: inset 0 -3px #c3b254;
-moz-box-shadow: inset 0 -3px #c3b254;
box-shadow: inset 0 -3px #c3b254;
font-family: "Roboto Slab";
font-size: 17px;
color: #3f3f3f}

sbutton:hover
{padding-left: 49px;
padding-right: 49px;
padding-top: 20px;
padding-bottom: 21px;
width: 210px;
height: 59px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #f4df69;
-webkit-box-shadow: inset 0 -3px #c3b254;
-moz-box-shadow: inset 0 -3px #c3b254;
box-shadow: inset 0 -2px #c3b254;
font-family: "Roboto Slab";
-webkit-font-smoothing: subpixel-antialiased;
font-size: 17px;
color: #3f3f3f}

sbutton:active
{padding-left: 49px;
padding-right: 49px;
padding-top: 19px;
padding-bottom: 21px;
width: 210px;
height: 59px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #f4df69;
-webkit-box-shadow: inset 0 -3px #c3b254;
-moz-box-shadow: inset 0 -3px #c3b254;
box-shadow: inset 0 -0px #c3b254;
font-family: "Roboto Slab";
-webkit-font-smoothing: subpixel-antialiased;
font-size: 17px;
color: #3f3f3f}

a
{text-decoration: none}


[/CSS]