html {
overflow: auto;
}

/* GENERAL */
body {
	background-color: #fff;
	background-image: url(bg.gif);
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; 
	font-size: 0.85em;
	text-align: center;
}

#wrapitup {

width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;	
}

#wrap {
	width:420px;
	min-width:420px;
	position: relative;
	top: 50px;
	background: transparent;
	padding:25px;
	/*overflow:hidden;*/
	margin: 0 auto;
	display:block; 
		}


#logo { 
background: transparent url(vr_logo.png) no-repeat top left;
float:left;
height:90px;
width:420px;
position: relative;
left:0px;
z-index:1;

}

#message {
background: transparent;
width:420px;
height: 50px;
float:left;
	font-family: 'Inder', 'Trebuchet';
	color: #444;
	font-size:1.3em;
	text-align:left;
	line-height:20px;
	padding-top:10px;
	padding-left:0px;
	position:relative;
	left:10px;
	}
	
.osoite {
background: transparent;
width:420px;
float:left;
	font-family: 'Inder', 'Trebuchet';
	color: #444;
	font-size:1em;
	text-align:center;
	padding-top:30px;
	padding-left:0px;
	position:relative;
	left:10px;
	}





/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
 .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
 .clearfix:after { clear: both; }
 /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
 .clearfix { zoom: 1; }