#container {
  margin: 0 auto;
  width: 1200px;
}
  
  ul.collection {
    margin: 0;
  }
  
  ul.collection li {
    /*display: inline-block;*/
    width: 365px;
    margin-bottom:10px;
    box-sizing:content-box;
    list-style:none;
  }
.button {
   border-top: 1px solid #838383;
   background: #282828;
   background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#282828));
   background: -webkit-linear-gradient(top, #838383, #282828);
   background: -moz-linear-gradient(top, #838383, #282828);
   background: -ms-linear-gradient(top, #838383, #282828);
   background: -o-linear-gradient(top, #838383, #282828);
   padding: 5px 10px;
   /*-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;*/
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: 'Open Sans', sans-serif;
   text-decoration: none;
   vertical-align: middle;
   box-sizing:content-box;
   outline:none;
   }
.button:hover {
   border-top-color: #838383;
   background: #282828;
   background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#838383));
   background: -webkit-linear-gradient(top, #282828, #838383);
   background: -moz-linear-gradient(top, #282828, #838383);
   background: -ms-linear-gradient(top, #282828, #838383);
   background: -o-linear-gradient(top, #282828, #838383);
   color: #ffffff;
   outline:none;
   }
.button:active {
   border-top-color: #838383;
   background: #838383;
   outline:none;
   }