/** global elements **/
body {
	font: 85% Verdana, Tahoma, Arial, sans-serif;
	background: #000;
	color: #404040;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	margin: -270px auto auto  -281px;
	width: 562px;
	height: 520px;
}

a {
  text-decoration: none;
  color: #4088b8;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

a img { border: 0; }

h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }

/*** header elements*/
#logo{
	width: 167px;
	height: 65px;
	color: #000;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	background: #000 url('../images/elements/logo.jpg') no-repeat center 10px;
}

#logo a {
	display: block;
	height: 10px;
	text-align: left;
}

#logo a h1 {
	display: none;
}

#introImage {
	width: 503px;
	height: 357px;
	color: #000;
	background-color: #000;
	margin:0 auto;
	text-align: center;
}

a#enterImg {
	display: block;
	width: 57px;
	height: 21px;
	margin: 2px auto;
	background: #000 url('../images/elements/enter.jpg') 0 0 no-repeat;
}

a#enterImg h1 {
	display: none;
}

a#enterImg:hover {
	background: #000 url('../images/elements/enter-over.jpg') 0 0 repeat-x;
}