@font-face{ 
  font-family: "Agency";
    src:url("Fonts/904417/3e3ee326-3e45-49a6-be48-59c296fab6f6.eot?#iefix");
    src:url("Fonts/904417/3e3ee326-3e45-49a6-be48-59c296fab6f6.eot?#iefix") format("eot"),
      url("Fonts/904417/a8fc4094-834b-48bb-a057-656f95c47f16.woff") format("woff"),
      url("Fonts/904417/cc094cfe-532e-4cdf-8f8e-397749b50643.ttf") format("truetype"),
      url("Fonts/904417/65b9dc23-f5a3-4477-86c9-5f189f6ae822.svg#65b9dc23-f5a3-4477-86c9-5f189f6ae822") format("svg");
}


html {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0 0 90px;
  font-family: "Agency";
  background-color: #333333;
  line-height: 1.5em;
  font-size: 1.15em;
  background-color: #6A6A6A;
  background-image: url("../images/noise.png");
}

footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 70px;
	width: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;  
}


body, html, a, a:link, a:visited {
  color: #CBCBCB;
}

a {
  text-decoration: none;
}

a:hover {
  color: #fff;  
}

img {
  border: none;
}

a, img {
  outline: 0 none;
}

h1, h2, h3, h4, h5 {

  font-weight: normal;
  line-height: 1.5em;
}


header {
  
}

header h1 {
  margin: 0;
  background-image: url('../images/prestorium_final_03.png');
  background-repeat: no-repeat;
  background-position: top center;  
  
  height: 300px;
  background-size: auto 300px;
  
}

header h1 .name {
  text-indent: -10000px;
}

header .subhead {
  margin: 0;
  text-align: center;  
  font-size: 0.6em;
  line-height: 1.0em;
  text-shadow: 1px 1px 0px #000;
  padding-top: 200px;
}

header, nav, footer, #supersized li, #nav-back a {
  /*
  background-image: linear-gradient(center bottom , #272727 0%, #3D3D3D 100%);
  */
  background-image: linear-gradient(bottom, rgb(39,39,39) 0%, rgb(61,61,61) 100%);
  background-image: -o-linear-gradient(bottom, rgb(39,39,39) 0%, rgb(61,61,61) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(39,39,39) 0%, rgb(61,61,61) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(39,39,39) 0%, rgb(61,61,61) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(39,39,39) 0%, rgb(61,61,61) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, rgb(39,39,39)),
    color-stop(1, rgb(61,61,61))
  );
}

nav {
  /* text-align: center; */
}

nav {
  width:100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
  overflow:hidden;
  position:relative;        
}

nav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

nav ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

nav ul li a, #nav-back a {
  display: block;
  margin: 0 0 0 1px;
  padding: 0px 10px;
  color: #fff;
  line-height: 2em;
  font-size: 1.05em;
  text-shadow: 1px 1px 0px #000;                
}

nav ul li a:hover, #nav-back a:hover {
  background-color: #444;
  color: #fff;
  background-image: linear-gradient(bottom, rgb(64,64,64) 0%, rgb(102,102,102) 100%);
  background-image: -o-linear-gradient(bottom, rgb(64,64,64) 0%, rgb(102,102,102) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(64,64,64) 0%, rgb(102,102,102) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(64,64,64) 0%, rgb(102,102,102) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(64,64,64) 0%, rgb(102,102,102) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(64,64,64)),
    color-stop(1, rgb(102,102,102))
  );
}

nav ul li a.active,
nav ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}


article .content {
  padding: 20px;
  background-color: #313131;
  min-height: 300px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 20px;
  margin-bottom: 20px;
}


footer .content {
  margin: 10px 10% 0 auto;
  font-size: 0.9em;
  width: 220px;        
}

.gallerys {

}

.gallerys a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-color: #222;
  border-width: 1px;
  background-image: url("../images/noise.png");
}

.gallerys a span {
  display: block;
  text-align: center;
}

.gallerys a .image {
  display: block;
  text-align: center;
}


.gallerys a:hover {
  border-color: #888;
}

.gallerys a:hover span {
  color: #fff;
}

.gallery {
  background-color: #000;
  height: 100%;
}

.body-gallery #page {
  background-color: #000;
  background-image: none;
}

.gallery-container {
  margin-top: 10px;
}

.img-addapt img {
  width:100%;
}