@charset "utf-8";
/* CSS Document */
@import 'default.css';
@import 'nav.css';
@import 'fonts.css';
@import 'pages.css';


html, body{
	background:#000;
	color:#FFF;
}

.container{
	width:800px; /* Total width of 990px */
	margin:0 auto;
}
.clear{
	clear:both;
}
#content{
	position:relative;
}

#header{
	height:220px;
	margin:15px auto;
	width:800px;
	background:url(/img/bg_header.jpg) right top no-repeat;
	padding-top:15px;
}
#header #logo{
	display:block;
}

#footer{
	background:url(/img/hr_footer.jpg) left top no-repeat;
	width:800px;
	margin:0px auto 60px;
	padding-top:4px;
	height:100px;
	z-index:1;
}

#footer ul{
	background:url(/img/bg_footer.gif) left top repeat-x;
	padding-left:42px;
	overflow:hidden;
	height:100px;
}

#footer ul li{
	margin-top:15px;
	width:129px;
	float:left;
	margin-left:10px;
	position:relative;
	height:85px;
}

#footer ul li img.reflection{
	position:absolute;
	top:65px;
	left:0;
	height:20px;
	z-index:5;
	width:129px;
}

#footer #fantasmagorical{
	float:right;
	color:#AAA;
	font-size:0.8em;
	margin-top:20px;
}

#footer #fantasmagorical a{
	color:#999;
	font-size:1.4em;
	font-weight:bold;
}
#footer #fantasmagorical a:hover, #footer #fantasmagorical a:focus{
	color:#6CF;
}
img.right{
	float:right;
	margin:0px 0px 20px 20px;
}

/* ------------- IMAGE REPLACEMENT ----------------- */

.replace{
	position:relative;
}

.replace span{
	position:absolute;
	top:0 !important;
	left:0 !important;
	width:100%;
	height:100%;
	margin:0 !important;
	padding:0 !important;
	display:block;
}