html {
	height:100%;
	overflow-y:hidden;
	}

body {
	height:100%;
	margin:0;
	padding:0;
	overflow-y:auto;
	}
	
	/* common
----------------------------------------------------- */

br {
	clear: both;
	}

p {
	margin: 0; 
	padding-top: 10px; 
	}

a:focus {-moz-outline-style: none;}

ul {
	padding:0px;
	}

	/* Background/graduated tint
----------------------------------------------------- */
#bg {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index:-1;
	}
	
#bg_screen {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	background-color: #0d7ab0;
	z-index:30;
	display:none;
	}

	
	/* Containers
----------------------------------------------------- */
#container {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top:-150px;
	margin-left:-427px;
	background-color:transparent;
	width: 854px;
	height: 500px;
	z-index:10;
	}
	

	/* Logo
----------------------------------------------------- */
#logo{
	position: absolute;
	top:20px;
	left:20px;
	width: 150px;
	height: 339px;
	background-color:#000000;
	z-index:50;
	}
	
#riba_logo{
	position: absolute;
	top:20px;
	right:20px;
	width: 75px;
	height: 56px;
	background-color: transparent;
	z-index:50;
	}
	
#enter{
	position: absolute;
	top:380px;
	left:21px;
	width: 128px;
	height: 20px;
	background-color:#1ab4dd;
	padding-left:20px;
	padding-bottom: 3px;
	z-index:50;
	}
	
	
#strapline{
	position: absolute;
	top:250px;
	left:42px;
	width: 150px;
	height: 80px;
	background-color:transparent;
	z-index:60;
	}

.strapline, .strapline a {
	font-family : arial, verdana, sans-serif;
	font-size : 13px;
	font-weight:normal;
	line-height:180%;
	letter-spacing:1px;
	color : #ffffff;
	text-align:left;
	text-decoration:none;
	}

.strapline a:hover {
	text-decoration:underline;
	}

	
	/* menu
----------------------------------------------------- */
#message {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: transparent;
	width: 500px;
	height: 379px;
	padding-left:170px;
	padding-top:20px;
	z-index:50;
	display:none;
	}
	
.message {
	font-family : arial, verdana, sans-serif;
	font-size : 26px;
	font-weight:normal;
	letter-spacing:1px;
	line-height: 170%;
	color : #ffffff;
	text-align:left;
	text-transform:uppercase;
	}
	
.message a {
	color : #ffffff;
	text-decoration:none;
	}
	
.message a:hover {
	color : #ffffff;
	text-decoration:underline;
	}
	
	/* credit
----------------------------------------------------- */
#credit_actuator{
	position: absolute;
	bottom:10px;
	right:20px;
	width: 200px;
	height: 20px;
	text-align:right;
	background-color:transparent;
	z-index:50;
	}
	
.credit {
	font-family : arial, verdana, sans-serif;
	font-size : 10px;
	font-weight:normal;
	color : #ffffff;
	}
	
.credit_text {
	font-family : arial, verdana, sans-serif;
	font-size : 10px;
	line-height:150%;
	font-weight:normal;
	padding-left:10px;
	padding-top:10px;
	color : #ffffff;
	}
	
.credit_text a {
	color:#ffffff;
	text-decoration:none;
	}
	
.credit_text a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
#credit_panel{
	position: absolute;
	bottom:10px;
	right:10px;
	width: 200px;
	height: 50px;
	background-color:#0d7ab0;
	display:none;
	z-index:50;
	}