body { margin:0; padding:0; font-size:1em; font-family:"proxima-nova",sans-serif; color:#5c6168; background: #313131 url('../img/bg.jpg') repeat; font-weight:300; }

img { max-width: 100%; border: 0px; }

.clear:before, .clear:after { content: " "; /* 1 */    display: table; /* 2 */}
.clear:after { clear: both; }

.content-wrapper { max-width: 940px; margin:0 auto; }

header { padding:30px 0; }
header #logo { float:left; padding: 0 0 0 10px; }
header #logo img { width:228px; }
header #mp-logo { float:right; padding: 20px 10px 0 0; }
header #mp-logo img { width:167px; }

#services { text-align:center; padding:0; margin: 0 0 40px 0; background-color:#141414; border-top:solid 12px #141414; border-bottom:solid 12px #141414; position: relative; }
#services .full-width-column { width: 100%; }
.dyno-column { width: 33.3%; height: auto; float: left; margin: 0; display: block; position: relative; }
.dyno-column img { width: 100%; height: auto; display: block; }
.overlay { background-color: #c79a37;  height: 4em; text-align: center; opacity: 0.9; border-left: 5px solid #999999; }
.overlay p { text-transform: uppercase; padding-top: 1.5em; letter-spacing: 2px; color: #f6f6f6; font-weight: bold; margin:0px; text-align: center; }

#introduction { text-align:center; padding-top:10px; margin: 0 0 10px 0; }
#introduction p { color: #ebebeb; font-size: 150%; }
#introduction .content-wrapper {}
#introduction h1 { margin:0 0 .5em 0; line-height:1.1em; color: #ebebeb; padding: 0px; font-weight: 300; font-size: 250%; }
#introduction strong { font-weight: 700; }

#contact { padding:0; }
#contact-form { width:50%; margin:1em auto 2em auto; text-align: center; border-radius:.5em; border: solid 1px #424446; padding: 4%; background-color:#2a2a2a; opacity: 0.8; }
#contact-form .fieldset { font-size: 125%; margin-bottom: .5em; }
#contact-form input, #contact-form textarea { font-family:"proxima-nova",sans-serif; color:#8c8f93; border-radius:.15em; padding:.9em; margin:0 auto 1em auto; width:75%; font-weight:300; border: none;-moz-box-shadow: inset 0 1px 2px rgba(130,137,150,0.23), 0 1px 0 rgba(255,255,255,0.85); -webkit-box-shadow: inset 0 1px 2px rgba(130,137,150,0.23), 0 1px 0 rgba(255,255,255,0.85);box-shadow: inset 0 1px 2px rgba(130,137,150,0.23), 0 1px 0 rgba(255,255,255,0.85); }
#contact-form .btn { display:block;clear:both; margin: 0 auto; margin-top:.5em;background-color:#212121; color:#fff; padding:1em 2em; border:0; border-radius:.5em; }
#contact-form .btn:hover { background-color:#1a1a1a; cursor:pointer; }

footer { padding:2% 0px; border-top:solid 1px #424446; background-color: #141414; }
footer .content-wrapper { text-align: center; }
footer .text { margin:0px; padding:0px;}
footer .text p { font-size: 85%; padding:0; margin:0; }

.confirmationError {
  display: block;
  background:#ffebeb url('/images/icons/icon_error.gif') no-repeat;
  background-position:7px 7px;
  border:1px solid #f5c1c2;
  font-weight:700;
  color:#9e0b0f;
  padding:1em 28px;
  margin-bottom: 1em;
}