/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

a img {
  border: none; }

abbr {
  color: #ee1c24;
  border-bottom: 1px dotted #ee1c24; }

div, nav, footer, header {
  position: relative; }

form input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

body {
  font: 18px/1.6 "Droid Sans", sans-serif; }

h1 {
  font: 34px "Droid Sans Mono", sans-serif;
  color: #e01f0c; }

h2 {
  font: 26px "Droid Sans Mono", sans-serif;
  color: #00174e; }

h3 {
  font: 16px/1.6 "Droid Sans Mono", sans-serif;
  color: #272727;
  text-transform: uppercase; }

h4 {
  font: 30px "Droid Sans Mono", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

h5 {
  font: 20px "Droid Sans Mono", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

pre {
  background: #eee;
  width: 100%;
  padding: 2vw;
  margin: 2vw 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

p {
  margin: 20px 0; }

a {
  text-decoration: none;
  color: #e01f0c;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover {
    color: #333; }
  a.button {
    display: inline-block;
    background: #e01f0c;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Droid Sans Mono", sans-serif;
    letter-spacing: 2px;
    font-size: 16px; }
    a.button:hover {
      background: #00174e; }

#page-content .main ul, #blog .main ul, #page-content .main ol, #blog .main ol {
  margin: 15px 0 15px 30px; }

form {
  padding: 0 0 5%; }
  form input[type=text], form input[type=email], form textarea {
    border: none;
    background: #eff1f0;
    width: 80%;
    padding: 5% 10%;
    font-size: 16px; }
  form .error input {
    background: #f2a8a8;
    color: #fff; }
  form .first_name, form .email, form .city, form .job_title, form .Assessment_Type {
    display: block;
    float: left;
    width: 49%;
    margin: 0 0 10px; }
  form .last_name, form .company, form .state, form .phone {
    display: block;
    float: right;
    width: 49%;
    margin: 0 0 10px; }
  form .comments {
    clear: both;
    float: none;
    width: 100%;
    margin: 0 0 10px; }
  form textarea {
    display: block;
    font-size: 16px;
    height: 150px;
    padding: 5% 10%; }
  form input[type=submit] {
    border: none;
    background: #e01f0c;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    padding: 3% 10%;
    margin: 10px 0 0;
    text-transform: uppercase;
    clear: both;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    form input[type=submit]:hover {
      background: #00174e; }
  form select {
    background: #eff1f0 url(../images/arrow-select.png) no-repeat 90% 50%;
    -webkit-appearance: none;
    border: none;
    border-radius: 0px;
    width: 100%;
    padding: 5% 0;
    font-size: 16px; }
  form .error.no-label, form .errors {
    display: none !important; }