How to Align CSS form

Problem :

I can't seem to get this form align in the absolute center of the page with top and bottom margins of 25px. I've changed and added things like margin-left:10%; but it just changes the spacing of the pictures instead of moving the whole document as one.

Here's the JSFiddle: http://jsfiddle.net/eeEFh/3/embedded/result/

Here's where I changed the css:

.box{
  width: 175px;
  height: 175px;
  background: url('http://placekitten.com/250/200');
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #000;
  box-shadow: 0px 0px 15px 0px #666,
              0px 5px 15px 0px #000;
}

Solution :

I think you are trying to center .container , not .box

try this:

.container {
font-family: Arial;
position: relative;
margin: auto;
width: 780px;
}