body
    {height:100%;
     background:#18857d;
      font-family:'Source Sans Pro',sans-serif;
       font-size:15px;
        color: #666;
         letter-spacing:0.5px;}

#header
    {position:absolute;
     top:0px;
      left:0px;
       width:100%;
        background-color:#0a2622;
         line-height:80px;
          text-align:center;
           font-family: 'Oswald', sans-serif;
            font-size:60px;
             color:#ffffff;
              letter-spacing:3px;}

#linkity
{position:relative; top:-30px}

#box1
    {margin:0 auto;
     margin-top:142px; 
      width:800px;padding:26px;
       background-color:#fff;
        font-size:16px;
         line-height:22px;
          height:100%;}

#box2
    {position:relative;
     margin-bottom:16px;
      width:556px;}

#box3
    {position:relative;
     float:right;
      width:200px;}

#box4
    {margin:0 auto;
     margin-top:142px; 
      width:1000px;padding:26px;
       background-color:#fff;
        font-size:16px;
         line-height:22px;
          height:100%;}

#foot
    {clear:both; 
     text-align:center;
      font-size:11px;}

h1
  {display:block;
  border-right: 10px solid #00c6c0;
  font-family:'Source Sans Pro';
  font-size:18px;
  line-height:22px;
  font-weight:normal;
  background-color:#123933;
  letter-spacing:1px;
  padding:6px;
  color:#fff}

a
    {text-decoration:
    none;
    color:#00d7ca;}

a:hover
    {background-color:#0c4253;
    color:#fff;}

a.linkit
    {display:inline-block;
    width:100px;
    font-size:16px;
    color:#00c6c0;
    text-transform:uppercase;
    line-height:16px;
    letter-spacing:2px;
    padding:10px;
    border:2px #e1e1e1 solid;}

a.linkit:hover, .longan:active
    {background-color:#00c6c0;
    color:#fff;
    border-color:#00c6c0;
    -o-transition:0.3s;
    -ms-transition:0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
     transition:0.3s;}

textarea{width:100%}