#loading {
	display:none;
	position:relative;
}

#loading .bg,
#loading .display {
	position:absolute;
	display:block;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	z-index:1000;
}

#loading .bg {
	
	background-color:#FFF;;
	opacity: .7;
}

#progress-bar {
	position:absolute;
	top:50%;
	left: 0;
	width:100%;
	height:20px;
}

#progress-bar,
#progress-bar .fill,
#progress-bar .value {
	height:20px;
}

#progress-bar .fill {
	position:relative;
	top:-10px;
	background-color: hsl(0,0%,85%);
}

#progress-bar .value {
	width:0px;
	background-color:#f00;
}

#progress-text {
	position:absolute;
	top:50%;
	width:100%;
}


#progress-text .value,
#loading .loading-text div > span {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 700;
	color:#F00;
	text-shadow: -1px -1px 0 white, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #666,1px 2px 12px #221912;
}

#progress-text .value {
	text-align:center;
	position:relative;
	width:100%;
	top: -75px;
	/*font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;*/
	font-size:2.8em;
}

#loading .sef-copyright {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

#loading .sef-copyright span {
	position: relative;
	left: -70px;
	top: -8px;
	font-family: Trebuchet MS, sans-serif;
}

#loading .loading-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	padding-top: 20px;
	font-size: 2em;
}

#loading .loading-text div > span {
	font-size: 1.2em;
	letter-spacing: 1px;
}