@charset "utf-8";
/* CSS Document */

body{
	webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
background: url(../images/ocean-2.jpg) #174884 center center fixed no-repeat;
background-size: cover;
height:100%;
}
@font-face
{
font-family: steelfish;
src: url('../assets/steelfish_rg.ttf'),
     url('../assets/steelfish_rg.otf'); /* IE9 */
	 url('../assets/steelfish_rg.eot');
}

@font-face{ 
	font-family: 'steelfish';
	src: url('../assets/steelfish_rg.eot');
	src: url('../assets/steelfish_rg.eot?#iefix') format('embedded-opentype'),
	     url('../assets/steelfish_rg.woff') format('woff'),
	     url('../assets/steelfish_rg.ttf') format('truetype'),
	     url('../assets/steelfish_rg.svg#webfont') format('svg');
}


a{
	text-decoration:none;
}

img {
	border: 0;
}

#background_layer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:-1;
}
#wrapper{
	position:absolute;
	top:90px;
	left:0px;
	width:100%;
	z-index:100;
}
.container{
	width:770px;
	margin:auto;
}
#main_container{
	margin:auto;
	background:url(../images/background_center.png) top center no-repeat;
	padding:130px 0 0 0;
	height:235px;
}
#main_container h1, #main_container h2, #main_container h3{
	line-height: 1;
	display:block;
	margin:0;
	text-align:center;
	font-size:89px;
	font-family: steelfish;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:25px;
	font-weight:normal;
	margin:0 0 0 20px;
}

#main_container h2 {
	font-size: 48px;
	letter-spacing: 6px;	
}

#main_container h3 {
	font-size: 24px;
	letter-spacing: 4px;
	margin-top: 4px;
}

.navi{
	float:left;
	width:235px;
	margin:0 0 0 20px;
}
.navi:last-child{
	margin:0 0 0 20px;
}
.navi h2{
	display:block;
	margin:0;
	text-align:center;
	font-size:40px;
	font-family: steelfish;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:6px;
	font-weight:normal;
}
.navi .play_container{
	width:100px;
	margin:auto;
}
.navi a.tv{
	display:block;
	float:left;
	height:27px;
	width:27px;
	margin:0 10px 0 0;
	background:url(../images/icon_tv.png) top left no-repeat;
}
.navi a.youtube{
	display:block;
	float:left;
	height:24px;
	width:56px;
	margin:auto;
	background:url(../images/icon_youtube.png) top left no-repeat;
}

#bg-vid{
   min-height: 100%;
   min-width: 1024px;
   width: 100%;
   height: auto;
   position: fixed;
   top: 0;
   right: 0;
   z-index: -1;
   
}

@media screen and (max-width: 1000px) {
    /*--- iPhone only CSS here ---*/
	#bg-vid { display: none; }
}