@font-face {
	font-family:'Graublau';
	src:url('/fonts/graublauweb-webfont.eot');
}

html {
	height: 101%;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-family: Graublau;
	color: #000;
	text-align: center;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: -moz-linear-gradient(top, #2b3339, #171c20); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2b3339),color-stop(1, #171c20)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top, #2b3339, #171c20); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(top, #2b3339, #171c20); /* Opera 11.1+ */
	background-image: -ms-linear-gradient(top, #42b3339, #171c20); /* IE10+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3339', endColorstr='#171c20'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3339', endColorstr='#171c20')"; /* IE8+ */
	background-image: linear-gradient(top, #2b3339, #171c20);
}

h1 {
	color: #76a5c8;
	font-size: 1.3em;
	margin-bottom: -10px;
}

p {
	color: #fff;
}

#wrapper {
	width: 535px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	text-align: center;

}

a:link { 
	text-decoration: none; 
	color: #76a5c8;
	font-weight: bold;
}

a:visited { 
	text-decoration: none;
	color: #76a5c8;
	font-weight: bold;
}

a:hover { 
	text-decoration: none;
	color: #76a5c8;
	font-weight: bold;
}
	
a:active { 
	text-decoration: none;
	color: #76a5c8;
	font-weight: bold;
}

img {
	border: none;
}

#theimage {
	margin: 30px;
}

#copy h1 {
	text-shadow:1px 1px 1px #111;
}

#copy p {
    text-shadow: 1px 1px 0 #000;
	width: 370px;
}

#copy {
	width: 390px;
	margin: 40px auto 0 auto;
}