/* Muotoilujen nollaus */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	cursor: default;
}

a {
	text-decoration: none;
	cursor: help;
}


	/* Sivuston perusrakenne */

body {
	background: url("img/4.png") top center #eee fixed;
	font: 12pt/1.5 "London";
	color: #777;
	text-align: center;
}

::selection {
	background-color: #111;
	color: #fff;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
}


	/* Yläpalkki */

#black {
	background: #333;
	height: 256px;
}

.header {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	text-align: left;
}

h1 {
	padding: 111px 0 0 20px;
	font: 75px "Title";
	text-transform: uppercase;
	color: #fff;
	text-shadow: 5px 5px 0 #000;
	background: -webkit-linear-gradient(top, transparent 60%, #333 95%);
	background: -o-linear-gradient(bottom, transparent 60%, #333 95%);
	background: -moz-linear-gradient(bottom, transparent 60%, #333 95%);
	background: linear-gradient(to bottom, transparent 60%, #333 95%);
}


	/* Navigaatio */

nav {
	margin-top: -56px;
	background: #333;
	width: 100%;
	font-size: 0;
}

nav ul {
	list-style: none;
	display: inline;
}

nav ul li {
	width: 25%;
	font-size: 16px;
	display: inline-block;
}

nav ul li a {
	color: #999;
	padding: 16px 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}

nav ul li:hover {
	background: -webkit-linear-gradient(top, transparent 10%, #222);
	background: -o-linear-gradient(bottom, transparent 10%, #222);
	background: -moz-linear-gradient(bottom, transparent 10%, #222);
	background: linear-gradient(to bottom, transparent 10%, #222);
}

nav ul li a:hover {
	color: #eee;
	text-shadow: 0 0 5px #ddd, 0 0 15px #aaa;
}

nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

nav ul li:hover ul ul {
	display: none;
	visibility: hidden;
}

nav ul ul, nav ul ul ul {
	position: absolute;
	top: 256px;
	display: none;
	visibility: hidden;
}

nav ul ul li {
	display: block;
	background: #ddd;
	width: 240px;
}

nav ul ul li a, nav ul ul ul li a {
	padding: 0.5em 1em;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	color: #777;
	text-shadow: none;
}

nav ul ul li a:hover {
	background: #bbb;
	background: -webkit-linear-gradient(top left, #fff, #ddd);
	background: -o-linear-gradient(bottom right, #fff, #ddd);
	background: -moz-linear-gradient(bottom right, #fff, #ddd);
	background: linear-gradient(to bottom right, #fff, #ddd);
	color: #000;
	text-shadow: none;
}


	/* Teksti */

#text {
	padding: 50px 50px 75px;
}

#text a {
	color: #d40;
	text-shadow: 1px 1px 0 #fa7;
}

#text a:hover {
	color: #000;
	text-shadow: 1px 1px 0 #aaa;
}

h2 {
	font: 300% "Title";
	text-transform: uppercase;
	color: #c30;
}

p {
	margin-top: 1.5em;
	text-align: justify;
}