@charset "utf-8";


* html body {
	height: 100%;
	width: 100%;
	padding-bottom: 96px;
	
}
html {
	overflow: hidden;
}
body {
	margin: 0;
	background-color: #000000;
}

#content {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000000;
	}
	#player_center_v {
		position: absolute;
		top: 50%;
		width: 100%;
		}
		#player_container {
			position: relative;
			top: -170px;
			width: 327px;
			height: 341px;
			margin: 0 auto;
			background: url(../img/player.png);
			background-repeat: no-repeat;
			background-position: bottom center;
			}
			#player_content {
				position: absolute;
				top: 57px;
				left: 30px;
				height: 165px;
				width: 264px;
				overflow: auto;
				color: #ffffff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				cursor: default;
				line-height: 17px;
			}
			.menucontents {
				position: absolute;
				display: none;
				text-align: justify;
				padding: 20px;
				height: 125px;
				width: 224px;
			}
			.menucontents a {
				color: #dddddd;
				text-decoration: none;
				cursor: pointer;
			}
			.menucontents a:hover {
				text-decoration: underline;
				color: #ffffff;
			}
			.menucontents img {
				border: 0;
			}
	
		#menu_container {
			position: absolute;
			top: 50%;
		}
			#menu {
				position: relative;
				margin-top: -90px;
				margin-left: 40px;
				height: 200px;
				width: 200px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				}
				#menu ul, #menu li {
					list-style: none;
					padding: 0;
					margin: 0;
				}
				#menu a {
					display: block;
					padding: 6px;
					padding-top: 5px;
					margin-bottom: 6px;
					color: #ffffff;
					font-weight: bold;
					text-decoration: none;
					background: url(../img/highlight.gif);
					background-repeat: no-repeat;
				}
				#menu a:hover {
					background: url(../img/highlight-h.gif);
					background-repeat: no-repeat;
					color: #000000;
				}
				#menu img {
					position: relative;
					border: 0;
					margin-bottom: -3px;
				}
			
			
			
	#gap_logo {
		position: absolute;
		left: 40px;
		top: 40px;
		background: url(../img/gap_logo.png);
		width: 102px;
		height: 30px;
	}
	
	#viewer_container {
		position: absolute;
		width: 90%;
		left: 5%;
		height: 70%;
		top: 10%;
		background-color: #ffffff;
		display: none;
		}
		#viewer_close {
			position: absolute;
			top: 0px;
			right: 0px;
		}
		#viewer_close * {
			border: 0;
			text-decoration: none;
			color: #000000;
			font-size: 21px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -2px;
		}
		#viewer {
			position: relative;
			margin-top: 3%;
			left: 2%;
			height: 86%;
			width: 96%;
		}
		.viewer {
			position: relative;
			margin-top: 3%;
			left: 2%;
			height: 86%;
			width: 96%;
		}

#footer {
	position: absolute;
	bottom: 0;
	height: 96px;
	background: #000000;
	width: 100%;
	}
	#footer_logo {
		position: absolute;
		top: 0px;
		float: left;
		left: 40px;
		background: url(../img/footer_logogap.png);
		width: 163px;
		height: 76px;
	}
	#footer_center {
		position: relative;
		width: 327px;
		margin: 0 auto;
	}
	#footer_text {
		position: absolute;
		left: 12px;
		background: url(../img/footer_textgap.png);
		width: 388px;
		height: 76px;
		margin: 0 auto;
	}