#contact-form #page-wrapper  {
    width:  640px;
    background:  #FFF;
    padding:  1em;
    margin:  1em auto;
    border-top:  5px solid #272f38;
    box-shadow:  0 2px 10px rgba(0, 0, 0, 0.8);
}

#contact-form h1  {
    margin-top:  0;
}

#contact-form .field  {
    margin:  1em 0;
}

#contact-form label  {
    display:  block;
    margin-top:  2em;
    margin-bottom:  0.5em;
    color:  #999999;
}

#contact-form input  {
    width:  100%;
    padding:  0.5em 0.5em;
    font-size:  1.2em;
    border-radius:  3px;
    border:  1px solid #272f38;
}

#contact-form textarea  {
    width:  100%;
    height:  200px;
    padding:  0.5em 0.5em;
    font-size:  1.2em;
    border-radius:  3px;
    border:  1px solid #272f38;
}

#contact-form button  {
    display:  inline-block;
    border-radius:  3px;
    border:  none;
    font-size:  1.5em;
    padding:  0.5rem 0.8em;
    color: #ffffff;
    background: #272f38;
    -webkit-font-smoothing:  antialiased;
    font-weight:  bold;
    margin:  0;
    width:  100%;
    text-align:  center;
}

#contact-form button:hover,  button:focus  {
    opacity:  0.75;
}

#contact-form button:active  {
    opacity:  1;
    box-shadow:  0 -3px 10px rgba(0,  0,  0,  0.1) inset;
}

#contact-form .success  {
    padding:  1em;
    margin-bottom:  0.75rem;
    text-shadow:  0 1px 0 rgba(255,  255,  255,  0.5);
    color:  #468847;
    background-color:  #dff0d8;
    border:  1px solid #d6e9c6;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    border-radius:  4px;
}

#contact-form .error  {
    padding:  1em;
    margin-bottom:  0.75rem;
    text-shadow:  0 1px 0 rgba(255,  255,  255,  0.5);
    color:  #b94a48;
    background-color:  #f2dede;
    border:  1px solid rgba(185,  74,  72,  0.3);
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    border-radius:  4px;
}