<style type="text/css">
h1			{text-align: center; font-family: trebuchet; font-family: oswald; sans serif; font-weight: strong; font-size: xx-large;}
h2			{text-align: center; font-family: trebuchet; font-weight: strong; font-size: x-large;}
p, body			{text-align: center; font-family: trebuchet; font-weight: strong; font-size: large;}
body			{background-color: #CDCDCD; background-image: url("metal.jpg");}
table, th, td, tr	{text-align: center; border: 0; height: 50px; vertical-align: middle; width: 100%; padding: 10px; font-family : trebuchet; font-weight: bold; font-size : x-large}
.email			{text-align: right; color: #007FFF;}
.cr			{text-align: center; font-family: trebuchet; font-weight: strong; font-size: x-large;}
.spread			{width: 70%;}
ul			{text-align: center;}
img			{height: auto; width: 20%;}
#menu			{
			display: inline-block;
			padding: 4px;
			margin: 20px;
			background: rgba(0,0,0,0.1);
			position: relative;
	
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;

			-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4), 0px 1px 1px 0px rgba(255,255,255,.1);
			-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4), 0px 1px 1px 0px rgba(255,255,255,.1);
			box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.4), 0px 1px 1px 0px rgba(255,255,255,.1);

			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
			}

#menu ul		{
			padding: 0;
			height: 40px;
			margin: 0;
			list-style: none;
			overflow: hidden;
	
			-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.2), 0px 1px 2px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.2), 0px 1px 2px 0px rgba(0,0,0,0.5);
			box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,.2), 0px 1px 2px 0px rgba(0,0,0,0.5);
	
			background: #5c6063;
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3)));
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
			background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
			background-image: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
	
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			}

#menu ul li		{
			background: rgba(255,255,255,0.0);
			float: left;
			text-align: center;
			border-right: 1px solid #666;
			border-left: 1px solid #444;
	
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
	
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
			}

#menu ul li:hover	{
			background: rgba(255,255,255,0.08);
			}

#menu ul li:active	{
			background: rgba(0,0,0,0.08);
			}

#menu ul li:first-child {
			border-left: none;
			-webkit-border-radius: 100px 0 0 100px;
			-moz-border-radius: 100px 0 0 100px;
			border-radius: 100px 0 0 100px;
			}

#menu ul li:last-child {
			border-right: none;
			-webkit-border-radius: 0 100px 100px 0;
			-moz-border-radius: 0 100px 100px 0;
			border-radius: 0 100px 100px 0;
			}

#menu ul li a		{
			text-decoration: none;
			font: 14px/41px trebuchet, sans-serif;
			font-weight: bold;
			color: #ddd;
			text-transform: uppercase;
			text-shadow: 0px 1px rgba(0,0,0,0.5);
			padding: 135px;
			}
</style>