@charset "utf-8";
/* 
  Project name
  -------------
  Main stylesheet
*/

/*=RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img { border:0;}address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}ol,ul { list-style:none;}caption,th { text-align:left;}h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}q:before,q:after { content:'';}abbr,acronym { border:0;}section, article, header, footer, nav, aside, hgroup, video { display:block; }

/*=LAYOUT*/
body {
  font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:62.5%;
	color:#333;
}
#site {
  margin:2em;
  margin-left: 6em;
  /*min-width:700px;
  max-width:900px;*/
  width: 725px;
}
  /*=GRID*/
  header, section, .grid, nav {
    width:31.25%;
    height:20em;
    margin:1em 1.041666666666667%;
    float:left;
    overflow:hidden;
    background:#efecea;
    text-transform:uppercase;
    font-family: 'LeagueGothicRegular', Arial, Helvetica, Verdana, sans-serif;
  }
  #centerGrid {
    background:#ffffff;
  }
  
  /*=HEADER*/
  header a:hover {
    text-decoration:none;
  }
  h1 {
    margin-top:-0.025em;
  }
  h1, h2 {
    font-size:8em;
    line-height:0.875em;
    color:#333;
  }
  h2 {
    color:#5e4420;
  }
  
  
  h3 {
    font-size:3em;
    line-height:1.2em;
    color:#333;
  }
  
  /*=NAV*/
  nav a {
    display:block;
    height:100%;
    font-size:8em;
    margin-top:-0.025em;
    padding-bottom:0.025em;
    line-height:0.875em;
      -webkit-transition:all 0.3s ease-out;
      -moz-transition:all 0.3s ease-out;
      -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
  }
  nav a:hover {
    color:#5e4420;
    text-decoration:none;
    background:#DFD7D1;
  }
  nav:nth-child(7) a{
    padding-top:1.7525em;
    height:1em;
  }
  nav:nth-child(9) {
    text-align:right;
  }
  /*=VIDEOLINKS*/
  .video a {
    display:block;
    position:relative;
  }
  .video strong,
  .video img {
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:0;
  }
  
  #jagged {
    position:relative;
    bottom: -4px;
    right: 50px;
  }
  .image img,
  .video img {
    width:auto;
    height:auto;
  }
  .video strong {
    z-index:2;
    background:#333;
    padding:15px 15px 15px 20px;
    background:rgba(0,0,0,0.5);
    width:60px;
    height:60px;
    left:50%;
    top:10em;
    margin:-45px 0 0 -45px;
    background-color:#333;
    background:rgba(0,0,0,0.5) url(../images/ui/play.png) center center no-repeat;
    text-indent:-9999px;
    overflow:hidden;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      -o-border-radius:4px;
    border-radius:4px;
      -webkit-transition:all 0.3s ease-out;
      -moz-transition:all 0.3s ease-out;
      -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
  }
  .video a:hover strong {
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
  }
/*=GENERIC*/
html {
	overflow-y:scroll;
}
#site:after, .group:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
b,
strong {
	font-weight:bold;
}
i,
em {
	font-style:italic;
}
a {
	color:#a6a097;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
abbr {
	border-bottom:1px dotted #333;
	cursor:help;
}
/*@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfont5vROfSse') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
	font-family: 'LeagueGothicRegular';
	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#webfont5vROfSse') format('svg');
	}

.fadeText {
    position:absolute;
    opacity: 0;
}