html {
    height:100%;
}
body {
    line-height:1.4;
    background:#eee;
    color:#444;
    text-align:center;
    font-family:"Trebuchet MS", Arial, sans-serif;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc); 
    background-image:    -moz-linear-gradient(top, #f2f2f2, #ccc); 
    background-image:     -ms-linear-gradient(top, #f2f2f2, #ccc); 
    background-image:      -o-linear-gradient(top, #f2f2f2, #ccc); 
    background-image:         linear-gradient(top, #f2f2f2, #ccc); 
}
hr {
    border:none;
    border-top:1px solid #ccc;
}
#maincontent {
    width:500px;
    padding:20px;
    background:#f8f8f8;
    margin:100px auto 0 auto;
    box-shadow:0 0 16px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 16px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 16px rgba(0,0,0,0.2);
    border-radius:6px;
    letter-spacing:-0.04em;
    word-spacing:0px;
    text-shadow:1px 1px #fff;
}

a {
    display:inline;
    color:#0059B2;
}
small, header {
    background:#f2f2f2;
    margin:0 -20px -20px -20px;
    padding:20px;
    display:block;
    border-radius:0 0 6px 6px;
    border-top:1px #ccc solid;
}
header {
    margin:-20px -20px 0 -20px;
}
.button {
    display:inline-block;
    border:1px solid green;
    background: #67AA00;
    padding:10px 20px;
    font-size:16px;
    color:#fff;
    border-radius:5px;
    text-decoration:none;
    text-shadow: 1px 1px #777;
    letter-spacing: 0.02em;
}
.button:hover {
    background:#6db400;
}
@font-face {
      font-family:'Gotham';
      src:url(https://d39gfl0wpp09c4.cloudfront.net/GOTHMBOK.eot);
      src:local('Gotham'), url(https://d39gfl0wpp09c4.cloudfront.net/GOTHMBOK.woff) format('woff'), url(https://d39gfl0wpp09c4.cloudfront.net/GOTHMBOK.ttf) format('truetype'), url(https://d39gfl0wpp09c4.cloudfront.net/GOTHMBOK.svg) format('svg');
      font-weight:normal;
      font-style:normal;
}