.page-title {
  width: 90%;
  float: right; }
  .page-title .quote {
    font-size: 28pt;
    text-align: right; }
    .page-title .quote .by {
      color: #f08080;
      text-align: right; }

.intro-movie {
  text-align: center; }

#the-dudes, #recent-work {
  margin-top: 15px; }
  #the-dudes .section-title, #recent-work .section-title {
    font-size: 24px;
    color: #333333;
    margin-bottom: 40px; }

#the-dudes {
  width: 300px;
  float: left;
  font-size: 11px;
  letter-spacing: -.5px; }
  #the-dudes .dude {
    border-bottom: dotted 1px #363636;
    padding: 7px; }
    #the-dudes .dude .photo {
      float: left;
      width: 70px; }
    #the-dudes .dude .info {
      float: right;
      width: 205px; }
      #the-dudes .dude .info .name {
        padding-top: 5px;
        margin-bottom: 5px; }

#recent-work {
  float: right;
  width: 580px;
  border-bottom: dotted 1px #363636;
  padding-bottom: 7px; }
  #recent-work .recent-work {
    border: solid #00294e 1px;
    width: 280px;
    height: 155px; }
    #recent-work .recent-work .note {
      position: relative;
      z-index: 100;
      margin-top: -20%;
      background-color: #f0161d;
      padding: 10px;
      width: 75%;
      color: white; }
      #recent-work .recent-work .note .content .title {
        padding-top: 0px; }
      #recent-work .recent-work .note .content .body {
        font-style: italic;
        font-size: 80%; }
  #recent-work .more-link {
    text-align: right;
    padding-top: 30px; }
    #recent-work .more-link a {
      font-size: 8pt; }