body {
	background: #cc0026;
	color: #fff;
	height: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
a {
	color: #fff;
}
img {
	border: 0;
	display: block;
	margin: 0;
}
ul, ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}




#wrap {
	margin: 0 auto 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 880px;
}




img#logo{
	left: 760px;
	position: absolute;
	top: 20px;
	z-index: 3;
}
#strap {
	left: 340px;
	position: absolute;
	top: 45px;
	z-index: 2;
}
img#splash {
	left: 0;
	position: absolute;
	top: 60px;
	z-index: 1;
}




div#splash {
	left: 0;
	height: 320px;
	position: absolute;
	top: 60px;
	width: 320px;
	z-index: 1;
}
div#splash img {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}




#menu {
	font-size: 11px;
	font-weight: bold;
	left: 353px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	width: 540px;
	z-index: 7;
}
#menu li {
	background: #990019 url(../images/all/menu-li.jpg) no-repeat 0 0;
	float: left;
	margin: 0 5px 5px 0;
	behavior: expression(
		this.onmouseover = new Function("this.className += ' menuover';"),
		this.onmouseout = new Function("this.className = '';"),
		this.style.behavior = null
	);
}
#menu li a {
	background: transparent url(../images/all/menu-a.jpg) no-repeat 100% 0;
	float: left;
	line-height: 20px;
	padding: 0 7px 0 7px;
	text-decoration: none;
}
#menu li:hover, #menu li.menuover {
	background: #730013 url(../images/all/menu-lihover.jpg) no-repeat 0 0;
}
#menu li a:hover {
	background: transparent url(../images/all/menu-ahover.jpg) no-repeat 100% 0;
}




#page {
	background: #990019;
	margin: 160px 0 0 340px;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
	width: 500px;
}




#credit {
	bottom: 40px;
	height: 60px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 140px;
	z-index: 4;
}
#credit img {
	float: left;
	margin: 0 20px 0 0;
}




#quote {
	bottom: 30px;
	height: 80px;
	left: 360px;
	overflow: hidden;
	position: absolute;
	width: 230px;
	z-index: 6;
}
#quote p {
	font-style: italic;
	margin: 0;
}
#quote p span {
	display: block;
	font-size: 11px;
	font-style: normal;	
	font-weight: bold;
	margin: 5px 0 0 0;
}




#foot {
	border: 1px solid #fff;
	bottom: 20px;
	height: 98px;
	left: 140px;
	overflow: hidden;
	position: absolute;
	width: 468px;
	z-index: 5;
}
#foot li {
	float: left;
	height: 98px;
	margin: 0 1px 0 0;
	width: 98px;
}
#foot li img {
	float: left;
}




#fade {
	background: #cc0026;
	color: #000;
	display: none;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 8;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
}
#win {
	display: none;
	left: 0;
	position: absolute;
	top: 80px;
	width: 100%;
	z-index: 9;
}
#win1, #win2, #win3, #win4 {
	background: #f2ccc4;
	border: 2px solid #fff;
	height: 400px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: left;
	width: 400px;
}
#win-menu {
	background: #fff;
	border: 2px solid #fff;
	font-weight: bold;
	margin: 0 auto 2px auto;
	overflow: hidden;
	text-align: left;
	width: 400px;
}
#win-menu ul li {
	float: left;
}

#win-menu ul li a {
	color: #cc0026;
	cursor: pointer;
	float: left;
	line-height: 20px;
	padding: 0 5px 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#win-menu ul li a:hover {
	-moz-opacity: 0.5;
	opacity:.5;
	filter: alpha(opacity=50);
}
#win-menu ul li.here a {
	background: #cc0026;
	color: #fff;
}
#win-menu ul li.here a:hover {
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
}
#win-menu ul li#win-close {
	float: right;
}
#win-menu ul li#win-close a {
	background: transparent url(../images/all/win-close.jpg) no-repeat 100% 50%;
	padding: 0 24px 0 5px;
}
#win img {
	border: 1px solid #fff;
	margin: 19px auto 0 auto;
}
#win img.alt {
	margin: 64px auto 0 auto;
}