body { 
   background: #f3f3ee; }
   
.wrap { 
   width: 1200px; 
   position: relative; }
   
.wrap.wide {
   width: 96%; }
   
header {
   margin: 0 auto;
   height: 140px;
   width: 100%;
   z-index: 1000;
   left: 0px;
   position: relative;
   top: 0;
   float: none;
   display: block; 
   background: white; 
   // set animation
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; } 
   

#logo {
   text-align: center;
   margin: 0 auto;
   position: relative;
   top: 30px;
   left: 0;
   height: 52px;
   z-index: 1000;
   float: none; }

#logo img { 
   width: auto; 
   height: 52px;  }

body#simple #logo { top: 20px; height: 52px; left: initial; float: none; }


section#signup {
   padding: 3em 0;
   background: white;
}   

section#signup h1 {
   color: #8b8a95;
   font-size: 120%;
   font-weight: 700;
   margin: 0 10px 0 0;
   line-height:1;
   display: inline-block;
   vertical-align: middle;}
   

   


/* Site Footer
------------------------------------ */
footer {
   padding: 3em 0 2em 0;
   font-size: 90%; 
   position: relative;
   z-index: 99;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   background: none; }
   
footer .wrap {
   width: 60%;
   margin: 0 20%; }
   
footer a {
   color: #d7262a;
   text-transform: uppercase; }

footer a:hover {
   color: #4e82e1;}
   
span.contact, span.copyright  {
   display: block;
   margin-bottom: 1em; }
   
#credit {   
   font-size: 80%;
   text-transform: uppercase; }