html {
	margin: 0;
	paddding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	color: #fff;
	/*background: #00005b url(../images/intro_body02.jpg) no-repeat 50% 50%;*/
	background: #009 url(../images/intro_body.jpg) no-repeat 100% 0%;
	/*background: #00032C url(../images/intro_body03.jpg) no-repeat 50% 50%;*/
}

h1 { position:absolute; top:35%; left:35%; font-size:250%; color:#fff; background:none; z-index:100; }

#mardalLogo { position:absolute; top:20%; left:50%; margin-left:-135px; z-index:100; }

.mardal_email { position:absolute; bottom:10%; left:50%; margin-left:-15%; padding:0.25em 2em; color:#00032C; background:#fff; z-index:100; }

div#webpage {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 519px;
	height: 263px;
	margin-top: -131.5px;
	margin-left: -259.5px;
	color: inherit;
	background: url(../images/bar-loader.gif) no-repeat 50% 45%;
}

img {
	border: 0;
}

p {
	/*position: absolute;*/
	/*right: 50px;*/
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Sans-serif;
	font-size: 90%;
	color: #fff;
	background: transparent;
	text-align: right;
}

p a {
	display: block;
	padding: 5px;
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1pt;
	font-weight: bolder;
}

p a:hover {
	color: #fff;
}