/*  =GENERAL SHTUFF
  ------------------------------------------------------ */
  body {
    background: #fff;
    font-family: 'Helvetica Neue',Helvetica, 'Lucida Grande', Arial, sans-serif;
    font-weight: normal;
    color: #666;
  	font-size: 75%; /* Resets 1em to 10px */
  	overflow-y: scroll; /* so everything doesn't resize when we navigate */
  	margin: 0;
  	padding: 0;
  }
  
  p {
    color:#666;
    font-size:1.25em;
    line-height:1.25em;
    margin: 10px 40px 1em 10px;
  }
  
  p.left {
    text-align: right;
  }
  
  a {
    color:#40b8d4;
    text-decoration: none;
  }
  
  a:hover {
    color: #4dddff;
  }

  strike {
    color: #000000;
  }
 
  h1, h2, h3, h4, h5, h6 {
    color:#000;
    margin: 0 10px ;
    padding: 0 ;
  }

  h1 {
    color: #fff;
    font-size:2em;
    font-weight: normal;
  }

  h2 {
    color:#888888;
    display:;
    font-family:;
    font-size:2em;
    font-weight:normal;
    text-align: left;
    width:;
  }

  h3 {
    color:;
    display:block;
    font-family:;
    font-size:2em;
    font-weight: bold ;
    line-height:1.5em;
    margin-top: 40px;
  }
  
  h3.bolder {
    color:;
    display:;
    font-family:;
    font-size:3em;
    font-style:italic;
    font-weight:;
    text-align: ;
  }
  
  h4 {
    color:#565656;
    font-size:2em;
    font-weight:normal;
  }
  
  ul, li {
    list-style: none ;
    margin: 0 ;
    padding: 0 ;
  }
  
  
  
/*  =100% OF BROWSER WINDOW
  ------------------------------------------------------ */
  .full {
    width: 100% ;
  }
  
  
  
/*  =HEADER & FOOTER
  ------------------------------------------------------ */
  #header {
    background-color: #08151e ;
    height: 50px ;
  }
  
  #footer {
    background-color: #08151e ;
    height: 90px ;
  }
  
  ul.nav {
    margin-left: 10px ;
  }
  
  ul.nav li {
    float: left ;
    margin: 19px 15px 0 0 ;
  }
  
  h1.small-logo {
    background: transparent url('../img/small-logo.png') no-repeat 66px 0 ;
    margin-top:15px;
    text-indent: -9000px;
  }
  
  h2.tag {
    margin-bottom: 50px;
  }
  
  #copyright p {
    color: #162732;
    font-size: 1em ;
    margin-left:10px;
    margin-top:5px;
  }
  
/*  =HERO
  ------------------------------------------------------ */

  .hero {
    border: 5px solid #efefef;
    margin-top: 50px ;
  }
  
/*  =CONTENT
  ------------------------------------------------------ */
  
  #content {
    background: transparent url('../img/stripes.png') no-repeat 0 -50px ;
  }
  
  h1.big-logo {
    background: transparent url('../img/big-logo.png') no-repeat center;
    height: 142px ;
    margin-top: 60px ;
    text-indent: -9000px;
  }
  
  h2.tag {
    margin-top: 20px;
    text-align: center;
  }
  
  .button a {
    
     /* basic */
     color:#fff;
     display: block ;
     font-size:1.35em;
     margin: 0 auto;
     margin-left: 10px;
     margin-bottom: 30px;
     padding: 18px 0;
     text-align: center;
     
     /* border-radius */
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
  }
  
  .button a:hover {
    
     /* basic */
     color:#fff;
     display: block ;
     text-align: center;
     
     /* box-shadow */
     -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
     -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
     box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  }
  
  a#sign-in {
    color:#363636;
    margin-top: 130px ;
    background: transparent url('../img/grey-button.png') repeat-x 0 0;
    border: 5px solid #fafafa;
  }
  
  a:hover#sign-in {
    margin-top: 130px ;
    background: transparent url('../img/grey-button.png') repeat-x 0 -57px;
    /*border: 5px solid #000;*/
  }
  
  a#companies {
    background: transparent url('../img/pink-button.png') repeat-x 0 0;
    border: 5px solid #ffb7e0;
  }
  
  a:hover#companies {
    background: transparent url('../img/pink-button.png') repeat-x 0 -77px;
    /*border: 5px solid #000;*/
  }
  
  a#community {
    background: transparent url('../img/blue-button.png') repeat-x 0 0;
    border: 5px solid #cbf7ff;
  }
  
  a:hover#community {
    background: transparent url('../img/blue-button.png') repeat-x 0 -77px;
    /*border: 5px solid #000;*/
  }
  
/*  =SOCIAL & ALERT
  ------------------------------------------------------ */  
  
  div#social {
    border: 5px solid #f0f0f0 ;
    margin-left: 160px;
    margin-bottom:30px;
    padding: 18px 0;
    text-align: center;

    /* border-radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  a.social {
    color:#999;
    display: block ;
    font-size:1.5em;
    font-weight:bold;
    line-height:38px;
  }
  
  a:hover.social {
    color:#666;
  }
  
  a#twitter {
    background: transparent url('../img/twitter.png') no-repeat 10px 0;
  }
  
  a:hover#twitter {
    background: transparent url('../img/twitter.png') no-repeat 10px -38px;
  }
  
  a#facebook {
    background: transparent url('../img/facebook.png') no-repeat 10px 0;
  }
  
  a:hover#facebook {
    background: transparent url('../img/facebook.png') no-repeat 10px -38px;
  }