body
	{ margin:0px; padding:0px; width:99%; }

a 
	{ text-decoration:none; color:blue }

a:hover
	{ text-decoration:underline;  }

img.large
{
	width:100%;
}

.cimg
{
	width:15vw;
	margin:2vw;
	cursor:pointer;
}


.menu li
	{ padding:3px 15px 3px 15px; font-size:4vw; }

.menu li a
	{ text-decoration:none; color:#949494; }

.menu li a.selected
	{ color:#000000; }

.menu li:hover
	{ text-shadow: 0px 0px 0px #000000; cursor:pointer; }

li.selected 
	{ color:#000000; }

.contents
	{  }

.contents ul
	{ padding: 0px; margin:0px; list-style: none; padding:1vw; }

.container .header > div
	{  }

.container .header > div:first-child
	{ position:absolute; padding:1.3vw 1vw 0vw 2vw; font-size:8vw; color:#000000; box-shadow1:inset 0px 0px 15px #FFFFFF; }

.container .header > div:last-child
	{ position:absolute; padding:3vw 3vw 2vw 7vw; font-size:1.9vw; line-height:1.8vw; text-shadow:0px 0px 2vw #FFFFFF }

.container .contents > ul > li
	{ font-size:2vw; }

.container .contents > ul > li > ul
	{ border-top:1px solid #000000; min-height:5vw; margin-left:3.5vw; font-size:1vw; margin-bottom:2vw;  }

.container .contents > ul > li > ul > li
	{ padding:0.2vw 0vw 0.2vw 0vw; }

.container .contents > ul > li > ul > li > ul
	{ margin-left:3vw; margin-bottom:2vw; }

.container li > div
	{ float:left; margin-top:-1vw; font-size:5vw; }

.container .contents > ul > li > ul > li > ul 
	{ margin:0px; list-style:disc; padding:0px 0px 0px 2vw; min-height:0px; }

.container .contents > ul > li > ul > li > ul > li
	{ padding:0.2vw 0vw 0.2vw 0vw; }

.heading
	{ height:15vw; background-image: url(wave.webp); background-repeat: no-repeat; background-position:0% 100%; background-size:100%   }

.heading .quote
{
	font-size:1vw;
	text-align:center; 
	font-style:italic;
	padding:10vw 2vw 2vw 2vw;
}

.about .heading
	{ background-color:#B2FF06; }

.work .heading
	{ background-color:#E9DFFF; }

.play .heading
	{ background-color:#FFDFE5; }

.contact .heading
	{ background-color:#DFFFF9; }

.gold .heading
	{ background-color:#FFD700; }

.center 
	{ margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

iframe
	{ width:41vw; height:23.4vw; }

.play.container .contents > ul > li > ul > li > ul
	{ list-style:none; border-bottom:1px solid gray; margin-bottom:2vw; }


.play.container .contents > ul > li > ul > li > ul > li
	{ padding:0.5vw 0vw 0.5vw 0vw; text-align:center; margin-left:-2vw; font-size:1vw }

.contact.container .form
	{ padding-top:2vw; width:80%; margin:auto auto; }

.contact.container .form > div
	{ border:1px solid #000000; border-radius:0.2vw; margin:1vw auto 0vw auto; padding:1vw 2vw 1vw 2vw; color:gray; }

.contact.container .form > div:focus
	{ color:#000000; }

.contact.container .form input
	{ width:100%; padding:1vw; margin-bottom:1vw; }

.contact.container .form .textarea
	{ height:20vh; }

.contact.container .form .submit
	{ width:10vw; text-align:center; background-color:#E9DFFF; float:right; color:#000000; font-weight:bold; cursor:pointer; text-shadow:-1px -1px 0px white;  }

.menu
	{ padding: 0px; list-style: none; font-family:"Trebuchet MS"; }

@media screen and (min-width:800px) 
{
	.navigator
		{ position:fixed; left:0px; top:0px; bottom:0px; padding:4vw 2vw 0vw 2vw; text-align:center; }

	.container 
		{ overflow:auto; position:fixed; left:32vw; right:0px; top:0px; bottom:0px; box-shadow:0px 0px 1px #000000; }

	.menu
		{ margin:0px;  }

	#copy
		{ position:fixed; font-size:0.8vw; bottom:0.5vw; width:30vw; }

}

@media screen and (max-width:799px) 
{
	.navigator
		{ padding:4vw 2vw 0vw 2vw; text-align:center; }

	.container 
		{ margin-top:19vw;  }

	.menu
		{ float:right; margin-top:-13vw;  }

	.menu li
		{ padding:0.1vw  }

	.menu li a
		{ color:#000000;  }

	.selected
		{ font-weight:bold;   }

	#copy
		{ position:absolute; font-size:2vw; top:30vw; width:100%; }

}

.made 
	{ float:left; margin-left:2vw; }

.abn
	{ float:right; margin-right:2vw; }