/* fonts */

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Cuprum);



/* general */

body {
	background-color: #f2f2f2;
	font: 100 1em 'Cuprum', sans-serif;
	color:#e7e7e7;
	text-align: justify;
	margin: 0;
	padding: 0;

}

img {
	border: 0;
}

a:link, 
a:visited, 
a:active {
	color: #d2ac63;
	text-decoration: none;
	letter-spacing: normal;
}

a:hover {
	color: #ab8c54;
	transition: color 0.4s ease-in;
	text-decoration: underline;
}

strong, 
th {
	font-weight: 600;
	color: #8d8d8d;
}

em, 
i {
	color: #a8a8a8;
}



/* header */

#header {
	padding: 0;
	position: absolute;
	z-index:1;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
}




/* menu */

#menu {
	position: absolute;
	z-index: 3;
	margin: 340px 0 0 0;
	padding: 0;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
}

#menu ul {
	margin: 0;
	padding: 0 0 10px;
	list-style-type: none;
	text-align: center;
}

#menulist li {
	display: inline;
	margin: 0;
	padding: 0 1px;
}

#menulist li a {
	font: 100 1em 'Courier New', monospace;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #a8a8a8;
	padding: 6px 15px;
	margin: 0;
	text-decoration: none;
	text-align: center;
}

#menulist li a:hover {
	color: #e7e7e7;
	transition: all 0.6s ease-in;
}



/* content */

#content {
	background-color: #111111;
	position: absolute;
	z-index: 2;
	width: 700px;
	height: auto;
	margin: 360px 0 0 0;
	padding: 50px 0 0;
	line-height: 130%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
}

h2 {
	font: 700 small-caps 1.9em 'Oswald', sans-serif;
	color: #f9f9f9;
	letter-spacing: 0.36em;
	text-align: center;
	margin: 0;
	padding: 0 0 10px;
	text-shadow: 0px 0px #959595;
}

h4 {
	font: bold italic 1.1em 'Courier New', monospace;
	color: #a8a8a8;
	text-align: center;
	margin: 0;
	padding: 0;
}

.info {
	padding: 0 25px 50px;
	margin: 0;
}

.textlink code {
	font: 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	display: block;
	margin: 2px auto;
}

.codes, 
.textlink {
	padding: 0 0 20px;
	margin: 5px 0 35px;
	text-align: center;
}




/* form */

input, 
textarea, 
option, 
select {
	padding: 5px;
	font-family: 'Courier New', monospace;
	color: #e7e7e7;
	border: 0;
	border-bottom: 1px dashed #d2ac63;
	background-color: #000;
}

textarea {
	height: 60px;
	width: 248px;
}

select, 
option {
	width: 248px;
}



/* footer */

#footer {
	font-size: 0.7em;
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
	line-height: 120%;
	font-family: 'Courier New', monospace;
}

.footinfo {
	padding: 10px 90px;
}