@import 'reset.css';
@import 'text.css';
@import '960_12_col.css';
@import 'jquery.fancybox-1.3.4.css';

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
  background: transparent url(../images/background.png) ;
}

body{
  width: 960px;
  margin: 50px auto 10px auto;
}

a { color: #b80c09; }

/* Headings */

h1, h2{
  font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.live-sites h2,
.concepts h2{
  border-bottom: 1px solid #000;
  height: 50px;
}
h1{
  font-size: 85px;
  border-bottom: 5px solid #000;
  height: 100px;
  margin-bottom: 2px;
}


h2{
  font-size: 40px;
  height: 40px;
  margin-bottom: 15px;
}


/* Header */
header{
  border-bottom: 2px solid #000;
}

h1 span{
  float: left;
  position: relative;
}

h1 .logo{
  margin: 0 5px;
  width: 90px;
  height: 90px;
}

h1 .logo img{
  position: absolute;
}


/* Main Content */

#main {
  border-bottom: 5px solid #000;
  margin-bottom:2px;
  padding: 20px 0;
}

.portfolio-item,
.portfolio-item a{
  overflow: hidden;
  position: relative;
}

.portfolio-item{
  height: 340px;
  width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: transparent url(../images/diagonal-lines.png);

}

.portfolio-item a{
  padding: 10px;
  height: 300px;
  width: 260px;
  display:block;
  margin: 10px;
}

.portfolio-item a img{
  position: absolute;
  top: 0;
  left: 0;
}

/* Footer */

footer{
  border-top: 2px solid #000;
  padding-top: 20px;
}