body {
	margin:0;
}
#logo {
	position:absolute;
	left:0px;
	bottom:0px;
	opacity:.1;
	margin-left:13px;
	transition: opacity .25s ease-in-out;
	-moz-transition:opacity .25s ease-in-out;
	-webkit-transition:opacity .25s ease-in-out;
}
#logo:hover {
	opacity:1;
}
#beach {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #f2f6f8;
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	/* Made with the help of the amazing collorzilla. :) */
}
#shell {
	display:table;
	height:300px;
	width:100%;
	position:absolute;
	left:0px;
	margin-top:1em;
}
#laminate {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	font-weight:bold;
	font-size:1.1em;
}

div.buttons {
	width:100%;
	margin:auto;
	text-align:center;
}
input[type=button].norm {
	background: #596a72;
	background: -moz-linear-gradient(top, #596a72 0%, #cedce7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7));
	background: -webkit-linear-gradient(top, #596a72 0%,#cedce7 100%);
	background: -o-linear-gradient(top, #596a72 0%,#cedce7 100%);
	background: -ms-linear-gradient(top, #596a72 0%,#cedce7 100%);
	background: linear-gradient(to bottom, #596a72 0%,#cedce7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 );
	border:1px solid rgb(200,200,240);
	font-size:.8em;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	font-weight:bold;
	margin:0;
	padding:1%;
	color:rgb(120,120,120);
	cursor:pointer;
}
input[type=button].active {
	background: #b7deed;
	background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed));
	background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
	background: -o-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
	background: -ms-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
	background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 );
	border:1px solid rgb(200,200,240);
	font-size:.8em;
	font-weight:bold;
	margin:0;
	padding:1%;
	color:rgb(60,60,60);
	cursor:pointer;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	text-shadow:0px 0px .6em rgb(200,200,255);
}
#US, #Male {
	border-top-left-radius:.3em;
	border-bottom-left-radius:.3em;
}
#Japan, #Female {
	border-top-right-radius:.3em;
	border-bottom-right-radius:.3em;
}
#nm {
	display:inline-block;
	background-color:white;
	width:50%;
	color:rgb(100,100,100);
	padding:.4em;
	font-weight:bold;
	border:0;
	margin:0;
	border-radius:1em;
	font-size:1.5em;
	vertical-align:center;
	letter-spacing:1px;
	text-shadow:0px 0px 1.5em rgb(150,150,180);
}
#gen {
	border-radius:.3em;
	margin:0;
	border:1px solid rgb(150,150,180);
	font-size:1.5em;
}