html {
	overflow: hidden;
}
body {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: #111;
	width: 100%;
	height: 100%;
}
#center {
	position: absolute;
	left: 50%;
	top:  50%;
}
#slider {
	position: absolute;
	/* and adjust #slider .slide, #slider .diapo */
	width: 600px;
	height: 333px;

	/* position slide within slider */
	left: -300px;
	top: -175px;

	overflow: hidden;
	background: #000;
}
#slider .slide {
	position: absolute;
	top: 0px;
	/* and adjust #slider .text, #slider .diapo */
	width: 497px;/*365px;*/
	height: 333px;

	background: #000;
	overflow: hidden;
	border-left: #000 solid 1px;
  cursor: pointer;
}
#slider .title {
	color: #F80;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 1.5em;
	text-decoration: none;
}
#slider .backgroundText {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#slider .text {
	position: absolute;
	top: 100%;
	color: #FFF;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	text-align: justify;
	/* and adjust #slider .slide */
	width: 340px;

	left: 0;
	padding-left: 10px;
}
#slider .diapo {
	position: absolute;
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: hidden;
	/* and adjust #slider .slide */
	width: 497px;/*365px;*/
	height: 333px;
}
#h-menu-loading {
  display: none;
	position:absolute;
	left: -3000px;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	z-index: 100;
}