#navigation {
  display: none;
}

a {
  color: #fff;
}

img {
  border: none;
}

body {
  background: #000 url(../images/bg.jpg) no-repeat fixed;
  color: #999898;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  padding: 0 100px;
}

#page {
  margin: 0 auto;
  margin-top: 75px;
  width: 800px;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
}

h3 {
  margin-top: 60px;
}

a#top {
  position: absolute;
  top: 0;
  left: 0;
}

#header {
  position: relative;
  height: 295px;
}

  #header #hire-me {
    margin-left: 327px;
  }
  
  #header #external {
    position: absolute;
    top: 99px;
    left: 335px;
    width: 465px;
    font-size: 13px;
    font-weight: bold;
  }
  
    #header #external ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    
      #header #external ul li {
        display: block;
        width: 200px;
        float: left;
        margin: 0;
        margin-bottom: 5px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding-left: 30px;
      }
      
      #header #external a {
        text-decoration: none;
      }
      
      #header #external strong {
        color: #999898;
      }

      #header #external #email  { background-image: url(../images/icon_email.png); }
      #header #external #aim    { background-image: url(../images/icon_chat.png); }
      #header #external #github { background-image: url(../images/icon_code.png); }
      #header #external #vcard  { background-image: url(../images/icon_vcard.png); }

      #header #external .more {
        display: block;
        clear: both;
        height: 20px;
        background: url(../images/transp.png);
        padding: 4px 30px;
        -moz-border-radius:    8px;  
        -webkit-border-radius: 8px;
      }

  #header h1 {
    display: block;
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    top: 79px;
    left: 95px;
    width: 205px;
    height: 165px;
    text-indent: -9999px;
  }
  
  #header .subtitle {
    position: absolute;
    left: 335px;
    top: 213px;
  }
  
	  #header .subtitle em {
	    display: block;
	    background: url(../images/designer_developer.png) no-repeat;
	    height: 51px;
	    width: 465px;
	    margin-bottom: 5px;
	    text-indent: -9999px;
	  }
  
	  #header .subtitle strong {
	    color: #fff;
	    font-size: 22px;
	    text-transform: uppercase;
	  }
	  
  #about {
    position: relative;
    height: 175px;
    clear: both;
  }
  
    #about #story {
      float: left;
      width: 300px;
      padding-top: 8px;
      margin-right: 35px;
      font-size: 12px;
      line-height: 18px;
      text-align: justify;
    }
  
    #about #personal {
/*      float: left;*/
      position: absolute;
      top: 0;
      left: 335px;
      width: 465px;
      font-size: 16px;
      font-weight: bold;
      line-height: 24px;
      color: #fff;
      text-align: justify;
    }

  #previous {
    
  }
  
    #previous .client {
      height: 125px;
      clear: both;
      display: block;
      margin-bottom: 35px;
    }

      #previous h3 {
        margin-left: 334px;
        font-size: 22px;
        text-transform: uppercase;
        height: 35px;
        background: url(../images/header_previous_work.png) no-repeat;
        text-indent: -9999px;
      }

      #previous img {
        clear: left;
        float: left;
        margin-right: 35px;
      }
    
      #previous h4 {
        float: left;
        margin: 0;
        margin-right: 10px;
        font-size: 19px;
        display: block;
        background: no-repeat bottom;
        color: #fff;
        text-decoration: none;
        text-indent: -9999px;
      }

        #previous #mogoterra.client h4 {
          width: 105px;
          background-image: url(../images/header_clients_mogoterra.png);
        }
        
        #previous #brusheezy.client h4 {
          width: 105px;
          background-image: url(../images/header_clients_brusheezy.png);
        }
            
        #previous #ihavetasks.client h4 {
          width: 105px;
          background-image: url(../images/header_clients_ihavetasks.png);
        }
      
        #previous #caminobrowser.client h4 {
          width: 140px;
          background-image: url(../images/header_clients_caminobrowser.png);
        }
                
        #previous #clipgarden.client h4 {
          width: 102px;
          background-image: url(../images/header_clients_clipgarden.png);
        }
                
        #previous #clickscape.client h4 {
          width: 102px;
          background-image: url(../images/header_clients_clickscape.png);
        }
                
        #previous #holler.client h4 {
          width: 56px;
          background-image: url(../images/header_clients_holler.png);
        }

        #previous #portfolio2.client h4 {
          width: 218px;
          background-image: url(../images/header_clients_portfolio_2.png);
        }

        #previous #portfolio3.client h4 {
          width: 218px;
          background-image: url(../images/header_clients_portfolio_3.png);
        }

        #previous #railsrumble.client h4 {
          width: 113px;
          background-image: url(../images/header_clients_railsrumble.png);
        }
        
        #previous #zachinglis6.client h4 {
          width: 180px;
          background-image: url(../images/header_clients_zachinglis6.png);
        }

        #previous #zachinglis7.client h4 {
          width: 180px;
          background-image: url(../images/header_clients_zachinglis7.png);
        }
        
        #previous #other.client h4 {
          width: 51px;
          background-image: url(../images/header_clients_others.png);
        }

      #previous h4 + p {
        padding-top: 2px;
      }

#testimonials {}
  
  #testimonials .row {
    display: block;
    clear: both;
  }

  #testimonials h3 {
    background: url(../images/header_nice_things.png) no-repeat;
    height: 35px;
    text-indent: -9999px;
    position: relative;
    left: -2px;
  }

  #testimonials .testimonial {
    float: left;
    width: 245px;
    margin-right: 32px;
  }
  
    #testimonials .long.testimonial {
      width: 523px;
    }
    
      #testimonials .long.testimonial p {
        margin-top: 60px;
      }
  
    #testimonials .last.testimonial {
      clear: right;
      margin-right: 0;
    }
    
    #testimonials .testimonial.sanscompany p {
      margin-top: 60px;
    }

    .testimonial .avatar {
      float: left;
      margin-right: 10px;
    }
    
    .testimonial .person {
      float: left;
      width: 187px;
      padding-top: 0;
      margin-bottom: 10px;
    }

    .testimonial h4 {
      font-size: 17px;
      color: #525252;
      margin: 0;
    }
    
      .testimonial h4.long {
        font-size: 15px;
      }
    
    .testimonial p {
      text-align: justify;
      color: #fff;
    }
  
    .testimonial .company {
      color: #2f2f2f;
      font-weight: bold;
      text-decoration: none;
      text-align: left;
    }

#footer {
  border-top: 1px solid #474747;
  color: #ff006c;
}

  #footer a {
    text-decoration: none;
  }

.clear { clear: both; }