@charset "utf-8";
/* CSS Document */

#menu {
  margin:0; 
  padding:0; 
  width: 50em;
  height: 4.5em;
  overflow:hidden; 
  }
#menu li {
  display:inline;
  list-style-type:none; 
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#menu li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#menu li a span {
  display:none; 
  }
#menu li a:hover {
  background:transparent;
  }
#menu li a:hover span {
  width:10em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#fc0; 
  font-variant:small-caps; 
  font-size:1.25em; 
  border:0;
  }
#Layer1 {
	position:absolute;
	left:339px;
	top:39px;
	width:306px;
	height:259px;
	z-index:1;
}
h1 {
	font: normal 310%/110% Garamond, Georgia, serif;
	letter-spacing: -2px;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0 0;
	margin: 0;
}
.credits {
	font: 130%/110% Garamond, Georgia, serif;
	text-align: center;
	color: #999;
	width: 300px;
	margin: .5em auto 1.5em;
	padding-top: 8px;
	border-top: 1px solid #ededed;
	letter-spacing: 2px;
}
.credits em {
	color: #999;
}
.credits a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
}
.credits a:hover {
	text-decoration: underline;
}
    #Layer2 {
	position:absolute;
	left:83px;
	top:309px;
	width:861px;
	height:172px;
	z-index:2;
}
#Layer3 {
	float: left;
	width: 380px;
	padding-top: 5px;
	padding-right: 200px;
	padding-left: 400px;
}