html {
	min-width: fit-content;
	overflow-y: scroll;
}
body { 
	background: #141410 url("../images/bg.png") repeat-x fixed left top;
	color: #EAE4CE;
	font-family: "times new roman";
	font-size: 11pt;
}

.container {
	display: grid;
	grid-template-columns: 1fr 384px 370px 1fr;
	grid-template-rows: 1fr 504px 1fr;
	height: 100vh;
	width: 100vw;
}
.main-left {
	background: #ffffff center center repeat-x url("../images/index1.jpg");	
	border-bottom: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
	border-top: 10px solid #ffffff;
	border-right: 5px solid #ffffff;
}
.main-right {
	text-align: center;
	background: #ffffff center center repeat-x url("../images/bg2.png");	
	border-bottom: 10px solid #ffffff;
	border-left: 5px solid #ffffff;
	border-top: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.tab-container {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	display: inline-block;
	vertical-align: fixed;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate( -50%);
}
.home-tab { 
	background-color: #2c2a2e;
	border-radius: 16px 16px 0% 0%;
	padding: 20px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;
	text-transform: uppercase;
}

h1 {
	display: none;
	font: normal normal normal 6pt "times new roman";	
}

h2 {
	font: normal normal normal 12pt "times new roman";
}

a:link {
	color: #ffffff;
	font: normal normal bold 11pt "times new roman";
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	font: normal normal normal 11pt "times new roman";
	text-decoration: none;
}

/* --- Launch page --- */

div.nav { height: 10px;
	left: 50%;
	margin-left: -389px;
	margin-top: -275px;
	position: absolute;
	top: 50%; 
	width: 778px;
	color: #cccccc;
	}
	
a.nav:link { color: #cccccc;
	font: normal normal normal 10pt arial;
	text-decoration: underline }
a.nav:visited { color: #cccccc;
	font: normal normal normal 10pt arial;
	text-decoration: underline; }
a.nav:hover { color: #cccccc;
	font: normal normal normal 10pt arial;
	text-decoration: underline; }
	
.launch-container { background-color: #ffffff;
	height: 500px;
	left: 50%;
	margin-left: -389px;
	margin-top: -250px;
	position: absolute;
	top: 50%; 
	width: 778px; }
	
.launch-content { 
	position: absolute;
	left: 8px;
	top: 8px;
}
	
img.launch  {
	border-style: none;
	height: 101px;
}
	
a.launch:link { 
	color: #000000;
	font: normal normal normal 10pt arial;
	text-decoration: none;
}
a.launch:visited { 
	color: #000000;
	font: normal normal normal 10pt arial;
	text-decoration: none; 
}
a.launch:hover { 
	color: #000000;
	font: normal normal normal 10pt arial;
	text-decoration: underline; 
}

/* --- Preview pages --- */
div.peek1 { 
	position: absolute;
	left: 8px;
	top: 8px;
}
div.peek2 { 
	background: #ffffff center center repeat-x url("../images/bg2.png");
	color: #EAE4CE;
	height: 191px;
	position: absolute;
	left: 519px;
	text-align: center;
	top: 8px;
	width: 251px;
}
div.peek3 { 
	position: absolute;
	left: 232px;
	top: 172px;
}
div.peek4 { 
	position: absolute;
	left: 8px;
	top: 172px;
}
div.peek5 { 
	position: absolute;
	left: 519px;
	top: 207px;
}
div.peek6 { background: #ffffff center center repeat-x url("../images/bg2.png");
	color: #EAE4CE;
	height: 111px;
	padding: 15px 30px 30px 30px;
	position: absolute;
	left: 8px;
	text-align: center;
	top: 336px;
	width: 443px;
}
	
div.preview0 { 
	background-color: #ffffff;
	height: 500px;
	left: 50%;
	margin-left: -389px;
	margin-top: -250px;
	position: absolute;
	top: 50%; 
	width: 778px;
}
div.preview1 { 
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -219px;
	margin-left: -331px;
}
div.preview2 { 
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -219px;
	margin-left: 15px;
}
div.preview3 { 
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 5px;
	margin-left: -331px;
}
div.preview4 { 
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 5px;
	margin-left: 15px;
}