html { height: 100% }

body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: Verdana, sans-serif;
	background-color: #0D2E75;
	background-image: url('../img/start/bck.jpg');
	background-repeat: no-repeat;
	background-position: right top;  }

.nostyle { display: none; }
	
div#frame1 {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url('../img/start/vertical_blast.png');
	background-repeat: repeat-y;
	background-position: right; }

div#frame2 {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background-image: url('../img/start/horizontal_blast.png');
	background-repeat: repeat-x; }

div#pilgrim {
	background-image: url('../img/start/pilgrim.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 533px;
	min-height: 533px;
}

div#pilgrim ul {
	float: right;
	padding: 290px 555px 0 0;
	margin: 0;
	width: 10em;
	list-style-type: none;
}

ul li { list-style: none; text-align: right; }

a {
	text-decoration: none;
	font-size: 8pt;
	letter-spacing: 2px;
	color: #FEB300;
}

a:hover {
	font-weight: bold;
	color: #FFDD00;
}

div#foot1 { position: absolute; bottom: 0.5em; right: 540px; color: #99E; font-size: 8pt; }
div#foot2 { position: absolute; bottom: 0.5em; right: 0; width: 530px; color: #99E; font-size: 8pt; }