@charset "utf-8";
@font-face { font-family: gotham; src: url(../fonts/gotham.otf.html); }
@font-face { font-family: gotham-bold; src: url(../fonts/gotham-bold.otf.html); }
@font-face { font-family: gotham-light; src: url(../fonts/gotham-light.otf.html); }

html {
	display: table;
}

body {
	display: table-cell;
	vertical-align: top;
	background: url("../graphics/background.jpg") no-repeat 50% 50% #ffffff;
	background-size: cover;
	font-family: gotham, Gotham, sans-serif;
	font-size: 11px;
}

html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}

a {
	color: #808080;
	text-decoration: none;
}

p a:hover {
	opacity: 0.75;
}

h1, h2 {
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 20px 0;
	color: #666666;
}

h1 {
	text-transform: uppercase;
}

h1:after {
	content: " | ";
	margin: 0 4px 0 0;
}

p {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #666666;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 154px;
	text-align: center;
	background-color: #ffffff;
	z-index: 1;
}

header:before {
	content: "";
	display: block;
	border-bottom: 1px solid #000000;
	position: relative;
	top: 134px;
}

header > a {
	display: inline-block;
	margin: 31px 0 16px -3px;
}

header > nav {
	width: 1000px;
	margin: 0 auto 0 auto;
}

header > nav > div {
	display: inline-block;
	vertical-align: top;
	width: 333.33px;
}

header > nav > div > span, header > nav > div > a {
	display: inline-block;
	margin: 0 auto 6px auto;
	text-transform: uppercase;
	font-size: 11px;
	color: #666666;
	letter-spacing: 1px;
}

header > nav > div > a:first-child, header > nav > div > span:first-child {
	letter-spacing: 1.5px;
}

header > nav > div > a {
	text-decoration: none;
	visibility: hidden;
	font-family: gotham-light, Gotham Light, sans-serif;
	color: #808080; 
}

header > nav > div > a:first-child {
	font-family: gotham, Gotham, sans-serif;
	color: #666666;
}

header > nav > div:hover > a, header > nav > div > a:first-child {
	visibility: visible;
}

header > nav > div > a > span {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	padding: 0 10px 0 10px;
	margin: 0 20px 0 20px
}

header > nav > div > a:hover {
	color: #666666;
}

header > nav > div > a:before {
	content: "";
	display: block;
	position: relative;
	z-index: 0;
	border-top: 1px solid transparent;
	top: 5px;
}

header > nav > div > a:hover:before, header > nav > div > a.active:before {
	border-top: 1px solid #808080;
}

header > nav > div > a:first-child:before {
	border-top: 1px solid transparent;	
}

article {
	display: inline-block;
	width: 1000px;
	margin: 172px 0 92px 0;
	text-align: left;
}

footer:before {
	content: "";
	display: block;
	border-bottom: 1px solid #000000;
	position: relative;
	top: 20px;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 67px;
	background-color: #ffffff;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	color: #666666;
}

footer > a {
	display: inline-block;
	margin: 38px 0 0 73px;
	text-decoration: none;
	color: #666666;
}

footer > span {
	display: inline-block;
	float: right;
	margin: 38px 73px 0 0;
}