@font-face {
	  font-family: 'Moontype';
	    src: url('webfont/Moontype-Bold.otf'); /* all */
	  src: url('webfont/Moontype-Bold.eot'); /* IE9 Compat Modes */
	  src: url('webfont/Moontype-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('webfont/Moontype-Bold.woff') format('woff'), /* Modern Browsers */
		   url('webfont/Moontype-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */

	  font-style:   normal;
	  font-weight:  700;
	  text-rendering: geometricPrecision;
	  display: inline-block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 1;
		text-decoration: inherit;
	
	}

	@font-face {
	  font-family: 'Moontype';
		src: url('webfont/Moontype-BoldItalic.otf'); /* all */
	   src: url('webfont/Moontype-BoldItalic.eot'); /* IE9 Compat Modes */
	   src: url('webfont/Moontype-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	        url('webfont/Moontype-BoldItalic.woff') format('woff'), /* Modern Browsers */
			url('webfont/Moontype-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */

       
	  font-style:   italic;
	  font-weight:  700;
	  text-rendering: geometricPrecision;
	  display: inline-block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 1;
		text-decoration: inherit;
	
	}



p { 
  -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
   
  	-moz-hyphenate-limit-chars: auto 5;
	-moz-hyphenate-limit-lines: 2;
	-o-hyphenate-limit-chars: auto 5;
	-o-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

body {
	font-family: 'Moontype', bold, sans-serif; 
	font-size: 40px; 
	background: #f6f6f6;
	margin: 20px 20px 0px 20px;
	
	 -moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
   
  	-moz-hyphenate-limit-chars: auto 5;
	-moz-hyphenate-limit-lines: 2;
	-o-hyphenate-limit-chars: auto 5;
	-o-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
	
}

h1 { 
	font-size: 12px;
	text-transform: uppercase;
}

hr {
	 color: #141414;
	 border:1px solid #141414;
}

#text { 
	border-bottom: 50px solid transparent;  
}

#all { 
	max-width: 1200px; 
	margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto; 
	padding-bottom:50px;   
}

#over { 
	z-index:2;
	position: relative;    
}

#under {
	z-index:1; 
	padding: 20px;
	position: absolute; 
	max-width: 400px;
}

#head{ 
	position:fixed;
	max-width: 1200px;
	width: 100%;
	z-index:99;
}

#footer{
	max-width: 1200px;
	clear: both;

}

#center_footer { 
	padding-top: 20px;
	margin: 0px 20px 0px 20px;
	max-width: 800px;
	
}

#left_footer { 
	padding-top: 20px;
	margin: 0px 20px 0px 20px;
	float: left;
	width:15%;
	border-bottom: 50px solid transparent;  
}

#right_footer { 
	float: left;
	border-bottom: 50px solid transparent;  
}
		
.content_footer {
    float:left;
    width:20%; /* 3 columns */
	padding-left:20px;
	padding-bottom: 50px;
}



.left{
	left: 20px;     
	position: absolute;
}
 
.logo{      
	left: 44%; 
	position: absolute;
	max-width: 40px;
}

.right{ 
	right: 20px;    
	position: absolute;
}


ul#navi {
    margin: 0; 
	padding: 0;
	text-align: center;
}

ul#navi li {
	display: inline;
    list-style: none;
    margin: 0; 
	padding: 0;
}

#content { 
	max-width: 1200px;
}

#left { 
	padding-top: 150px;
	float: left;
	text-transform: uppercase;
	width:15%;
	border-bottom: 50px solid transparent;  
}

#center { 
	padding-top: 150px;
	float: left;
	margin: 0px 20px 0px 20px;
	max-width: 800px;
	width:60%;
}

#right { 
	padding-top: 150px;
	border-bottom: 50px solid transparent;  
}

.navi a:link {
	border-bottom:0px solid #141414 !important;
}

.navi a:visited {
	border-bottom:0px solid #141414 !important;
}

.navi a:hover {
	border-bottom:0px solid #141414 !important;
}

.navi a:active {
	border-bottom:0px solid #141414 !important;
}


#over a:link {
	border-bottom:0px solid #141414 !important;
}

#over a:visited {
	border-bottom:0px solid #141414 !important;
}

#over a:hover {
	border-bottom:0px solid #141414 !important;
}

#over a:active {
	border-bottom:0px solid #141414 !important;
}



a:link { color: #ff6980; text-decoration: none; }
a:visited { color: #ff6980; text-decoration: none; }
a:hover { color: #66f9ce; text-decoration: none; opacity: 0.3 !important; }
a:active { color: #ff6980; text-decoration: none;opacity: 0.3 !important; }
a:focus { color: #ff6980; text-decoration: none;}


@media screen and (max-width:800px) 

{
	
#left{
	font-size: 0px;
	clear: both;
	visibility: hidden;
	padding-top: 0px;
	border-bottom: 0px solid transparent; 
}

#center{
	clear: both;
	width:100%;
	margin: 0px 0px 0px 0px;
}

#right { 
	clear: both;
	padding-top: 0pt;
}

#left_footer{
	clear: both;
}


#right_footer{
	clear: both;
}

.content_footer{
	clear: both;
	text-align:center;
	width:100%;
	border-top: 2px solid #141414;
	padding-top: 10pt;
	padding-left: 0px;
}

#under{
	width:100%;
}

#center_footer { 
	padding-top: 20px;
	max-width: 800px;
}

}

@media screen and (max-width:640px) 

{
	
body {
	font-size: 35px; 
	text-transform:uppercase;
}
/*
#under {
    padding-top: 20px;
    position: absolute;
    text-align: center;
    max-width: 80%;
    z-index: 1;
    padding-left: 20px;
}
*/
.logo{   
	left: 42%;     
}

.content_footer{
	border-top: 4px solid #141414;
}

#under {
	display:none;
	visibility:hidden;
}

a:link { border-bottom:0px solid #141414; }
a:visited {border-bottom:0px solid #141414;}
a:hover {border-bottom: 0px solid #141414; opacity: 0.3 !important; }
a:active {border-bottom: 0px solid #141414; opacity: 0.3 !important; }
a:focus { border-bottom: 0px solid #141414;}

}


#containingBlock {
  width:100%;
  padding-bottom:50px;

}
.videoWrapper {
  position: relative;
  padding-left: 15%;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}