body{
	margin:100px 0 0;
	padding:0;
	text-align:center;
	background:url('../img/bg.gif') top center repeat #000;
	font:12px verdana;
	color:#fff;
	}
img{
	border:0;
	}
a{
	color:#86478F;
	font-weight:bold;
	text-decoration:underline;
	}
h1, .videoHeader{
	font-size:18px;
	}
a:hover{
	text-decoration:none;
	}
.clear{
	clear:both;
	}
noscript{
	width:100%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}


#backgroundPng{
	width:958px;
	height:798px;
	position:fixed;
	left:50%;
	top:0;
	z-index:0;
	margin-left:-479px;
	background:url('../img/bg-trans.png') no-repeat;
	}
#wrapper{
	z-index:1;
	display:block;
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:719px;
	}
#wrapper > li{
	margin:1px 2px 2px 1px;
	padding:0;
	display:block;
	list-style:none;
	float:left;
	width:236px;
	height:133px;
	}
#header{
	background:url('../img/header-trans.png') no-repeat top right transparent;
	}

#navigation{
	margin:0 0 0 15px;
	padding:0;
	}
#navigation li{
	margin:115px 20px 0 0;
	padding:0;
	height:14px;
	overflow:hidden;
	float:left;
	list-style:none;
	}

.openVideo{
	text-decoration:none;
	}
#displayCase{
	display:none;
	width:480px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-240px;
	z-index:100;
	background:#1e0918;
	border:1px solid #86478F;
	}
#videoCase{
	clear:both;
	}
#displayBackingBoard{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:.7;
	display:none;
	z-index:99;
	}
#closeCase{
	float:right;
	color:#86478F;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	vertical-align:top;
	}
#closeCase:after{
	content:'X';
	color:#fff;
	margin:0 5px;
	}
#descripCase{
	text-align:left;
	padding:20px;
	}
.videoHeader{
	font-weight:bold;
	}
.videoText{
	display:none;
	}
.videoInfo{
	float:right;
	font-size:14px;
	color:#86478F;
	line-height:1.8;
	vertical-align:baseline;
	}
.videoCat{
	font-size:13px;
	text-transform:lowercase;
	margin-left:15px;
	}
.hoverText{
	position:absolute;
	width:230px;
	height:20px;
	margin-top:113px;
	text-align:right;
	font:14px Trebuchet MS, arial;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	}

@font-face { font-family: Pirulen; src: url('../fonts/pirulen_rg.otf'); } 
@font-face { font-family: PirulenItalic; src: url('../fonts/pirulen_rg_it.otf'); }

h1 {
	font-family: Pirulen, verdana, serif;
}

h1 em {
	font-family: PirulenItalic, verdana, serif;
}