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

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

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

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

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

h2#introduction {
  width: 890px;
  height: 56px;
}

h2 {font-size: 18px; font-weight:normal; color: #000; text-transform:uppercase;}
h3#cufon {font-size: 14px; font-weight:normal; color: #444; text-transform:uppercase; float:left; background: #eee; border-radius: 10px; -moz-border-radius: 10px; padding: 10px;}

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

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

h3#last_works {
  background: url(../images/headings/last_works.gif) 0 0 no-repeat;
  width: 125px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#portfolio {
  background: url(../images/headings/portfolio.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#contacts {
  background: url(../images/headings/contacts.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#websites {
  background: url(../images/headings/websites.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#seo {
  background: url(../images/headings/seo.gif) 0 0 no-repeat;
  width: 140px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#hosting {
  background: url(../images/headings/hosting.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#advertising {
  background: url(../images/headings/advertising.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  margin: 3px 0 0 0;
  float: left;
}

h3#about {
  background: url(../images/headings/about.gif) 0 0 no-repeat;
  width: 110px;
  height: 14px;
  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;
  height: 270px;
  margin: 0 22px 10px 0;
  float: left;
}

div.end {margin: 0;}


.preview_container {
  width: 198px;
  height: 198px;
  margin: 15px 0 0 0;
}

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

h4 {
  font: normal 16px Arial, Helvetica, sans-serif;
  margin: 8px 0 0 5px;
}

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

p.intro {
  background-color: #fff;
  font: normal 14px Tahoma, Arial, sans-serif;
  color: #464942;
  }