@charset "UTF-8";
/* CSS Document */

body,html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ccc8b6;
}

img,a img {
	border: none;
}

a:active {
	outline: none;
}
:focus {
  -moz-outline-style: none;
}


#content {
	width: 766px;
	height: 610px;
	display: block;
	margin: 0 auto;
}

#mainplayer {
	position: relative;
	top: 50px;
	left: 0px;
	width: 639px;
	height: 601px;
	background-image: url(../images/main.jpg);
}

#mainplayer .spacer {
	display: block;
	position: relative;
	display: block;
	width: 639px;
	height: 150px;
	top: -300px;
}

#mainplayer #video {
	position: relative;
	left: 75px;
	top: 122px;
}

#memo {
	dispay: block;
	position: relative;
	top: -270px;
	left: 641px;
	width: 125px;
	height: 162px;
	background-image: url(../images/memo.jpg);
}

#memo .spacer {
	width: 125px;
	height: 162px;
}

.white_content {
	display: none;
	position: absolute;
	top: 50px;
	left: auto;
	right: auto;
	width: 100%;
	text-align: center;
	z-index:1002;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

a.rollover {
	display:block;
	margin: 0 auto;
	width: 439px;
	height: 475px;
	background: url("../images/pop.jpg") 0 0 no-repeat;
}

a:hover.rollover {
	background-position: -439px 0;
}

#rollimage {
	width: 439px;
	height: 475px;
}