@import url(https://fonts.googleapis.com/css?family=Coustard|Open+Sans);


html, body {
	padding: 0;
	margin: 0;
}


html{ height: 100%; }

body { 
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        line-height: 21px;
        font-weight:400;
        -webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background-color: #000;
	color: #666;
}

h1, h2, h3, h4, h5, h6{
        font-family: 'Coustard', serif;
        color:#fff;
        font-weight: normal;
        letter-spacing: 1px;
}
h1{font-size: 63px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 28px; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7;}

a {
        color: #b7b7b7;
        text-decoration:none;
        font-weight: normal;
}
a:hover {text-decoration:underline;}


#container {
	background-color:#000;
	width: 1180px;
	margin: 0 auto;
}

.show{display: block;}
.hide{opacity: 0;}

.header {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 10%;
	min-width: 100px;
	max-height: 200px;
	min-height: 50px;	
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-top: solid 1px;
	border-color: white;
	padding-left: 50px;
	color: white;
}

.header a {
	color: white;
	z-index: 101;
}
.header p {
	color: white;
	z-index: 102;
}

.headline {
	position: fixed;
	font-size: 24px;
	text-align: right;
	color: white;
	float: right;
	width: 100%;
	bottom: 0%;
	opacity: 0.8;
	z-index:101;
}

.item {
	margin-bottom:10px;
	position:relative;
}

/*
.item:before, .item:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.item:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
*/



.headline img {
	width:150px;
	margin: 0 0 -10px;
}

.main-nav{
        position:absolute;
        bottom: 23px;
        left:210px;
        z-index:1001;
}
.main-nav ul li { 
        list-style: none;
        display: inline;
        padding-right: 10px;
        padding-left: 10px;
        border-left: 1px solid #b7b7b7;
	font-size:20px;
	font-weight:900;
}

.main-nav ul li a.active {color: #ffa800;}

.social-nav {
        position:absolute;
        top: 0px;
        left: 20px;
	z-index:101;
}

.social-nav ul {margin: 0; padding:0;}
.social-nav ul li{
        list-style: none;
        display:block;
        float: left;
        background: #393939;
        padding:100px 10px 5px 10px;
        margin: 1px;
        opacity: .5;
}
.social-nav ul li:hover {opacity: 1;}

button.full-screen{ 
        position: absolute;
        top: 0;
        right: 0;
        width: 31px;
        height: 31px;
        background: url("../image/full-screen-btn.png");
        border: 0;
        cursor: pointer;
        opacity: .7;
}
button.full-screen:hover {opacity: 1;}


#page {
	width:1180px;
	margin: 0 auto;
}