/*----------------------fonts-------------------------*/
@font-face {
	font-family:'garageFont1';
	src:url('../fonts/P6JNoKbR.ttf');
}
@font-face {
	font-family:'garageFont2';
	src:url('../fonts/CpSAMGGT.ttf');
}
/*----------------------body-------------------------*/
body {
	min-width:1024px;
	padding-bottom:50px;
	background-color:black;
	background:url('../images/bg.jpg') repeat 0 0 rgb(15,15,15);
	box-shadow:inset 0 -100px 300px rgba(0,0,0,0.8);
}
audio {
	position:fixed;
	bottom:0;
	z-index:3;
}
#top {
	position:relative;
	width:100%;
	height:120px;
}
#top a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font:24pt 'garageFont1';
	color:rgb(255,153,0);
	text-align:center;
	text-shadow:5px 5px 5px black;
	box-sizing:border-box;
	transition:all 300ms ease-in-out;
}
#top a:hover {
	color:rgb(255,128,0);
}
#center {
	position:relative;
	width:900px;
	margin:0 auto;
	outline:0px solid gray;
	border:4px double rgba(0,0,0,1);
	box-shadow:0 20px 50px rgba(0,0,0,1),
	     inset 0 50px 200px 0 rgba(255,128,255,0.1);
	background:url('../images/center.png') repeat 0 0 rgb(25,25,25);
}
#bottom {
	height:55px;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.1);
	box-shadow:inset 0 0 10px rgba(0,0,0,0.5);
}
#bottom a {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	color:rgba(255,128,255,0.5);
	text-decoration:none;
}
#bottom a:hover {
	color:rgb(255,128,0);
}
#bottom p.center {
	position: absolute;
	bottom: 12px;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	color:white;
	cursor:default;
}
#bottom p.phone {
	display:block;
	position: absolute;
	bottom: 15px;
	left:38px;
	font:16pt 'garageFont2';
	color:white;
}
#bottom p.phone span {
	position: absolute;
	width:32px;
	height:32px;
	top:-3px;
	left:-30px;
	background:transparent url(../images/phone.png) no-repeat top left;
}
/*----------------------navigation-------------------------*/
#nav {
	width:100%;
	height:50px;
	outline:0px solid gray;
	box-shadow:inset 0 0 10px rgba(255,255,255,0.1);
	background-color:rgba(128,128,128,0.1);
}
#nav a {
	display:block;
	float:left;
	height:50px;
	padding:12px 16px 0;
	text-align:center;
	box-sizing:border-box;
	outline:0px solid gray;
	font:16pt 'garageFont2';
	color:rgb(255,153,0);
	/*color:rgba(255,128,255,0.7);*/
}
#nav a.active {
	background-color:rgba(0,0,0,0.2);
}
#nav a:hover {
	color:rgb(255,128,0);
	background-color:rgba(0,0,0,0.2);
	box-shadow:inset 0 0 10px rgba(0,0,0,0.5);
}
/*----------------------homepage-------------------------*/
#home {
	position:relative;
	width:100%;
	height:450px;
}
#home video {
	position:absolute;
	width:900px;
	overflow:hidden;
}
#home p {
	font-size:16pt;
	line-height:48px;
	text-align:center;
	color:rgba(255,128,0,0.8);
}
#video {
	display:block;
	width:600px;
	height:252px;
	margin:30px auto;
	box-sizing:border-box;
	transition:all 1000ms ease;
}