html {
	height:100%
}

* {
	margin:0;
	padding:0
}

body {
	font-weight:400;
	font-size:.85em;
	font-family:sans-serif;
	background:#EEE;
	color:#5D5D5D
}

p {
	padding:0 0 20px;
	line-height:1.7em
}

img {
	border:0
}

h1 {
	font:normal 165% 'century gothic',arial,sans-serif;
	color:#FF6600;
	margin:0 0 14px;
	padding:10px 0 5px
}

h2 {
	font:normal 165% 'century gothic',arial,sans-serif;
	color:#B60000
}

.center {
	display:block;
	text-align:center;
	margin:0 auto
}

#main,#logo,#container,#footer {
	margin:0 auto
}

#main {
	padding-bottom:20px;
	text-align:center
}

#logo {
	width:860px
}

#logo h1,#logo h2 {
	font:normal 300% "century gothic",arial,sans-serif
}

#logo h1 {
	padding:24px 0 0;
	margin:0;
	text-decoration:underline
}

#logo h2 {
	font-size:120%;
	padding:4px 0 0;
	color:#A8AA94
}

#container {
	background-color:rgba(33,33,33,0.9);
	border-radius:10px;
	box-shadow:0 0 10px rgba(33,33,33,0.95);
	color:#d3d3d3;
	height:240px;
	left:50%;
	margin:-240px 0 0 -140px;
	padding:20px;
	position:absolute;
	top:50%;
	width:240px
}

#content {
	text-align:center;
	width:100%;
	padding:0
}

#content .name {
    color: #FF7F00;
}