/* =============================================================================
Buffalo - Home
============================================================================= */

/* General
============================================================================= */

.section {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #dcdcdc;
}

p.link {margin: 16px 0 0 0;}

/* Introduction
============================================================================= */

h2#introduction {
  background: url("../images/home.gif") 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

h2#introcauses {
  background: url(../images/causesheader.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

h2#introgifting {
  background: url(../images/cpugift1.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

h2#introlaptop {
  background: url(../images/notebook-donation.gif) 0 0 no-repeat;
  width: 578px;
  height: 56px;
}

  h2#introduction a {
    display: block;
    width: 186px;
    height: 19px;
    padding: 0 0 0 109px;
  }

/* Featured work
============================================================================= */

.middle {
  margin: 25px 0 0 0;
  border: none;
}

h3#featured_work {
  background: url("../images/makingadifference3.gif") 0 0 no-repeat;
  width: 120px;
  margin: 3px 0 0 0;
  float: left;
}

p.view_work {
  width: 194px;
  padding: 0 0 0 19px;
  margin: 0;
  float: right;
}

div.project {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

div.end {margin: 0;}

div.cruvee_project {height: 165px;}

.preview_container {
  background: url("../images/preview.gif") 0 0 no-repeat;
  width: 200px;
  height: 150px;
  margin: 15px 0 0 0;
}

.preview {margin: 3px 0 0 3px;}

h4 {
  font: normal 14px/17px Arial, Helvetica, sans-serif;
  margin: 8px 0 0 0;
}

p.large {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
}