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

/* CSS Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Global */

body,td,th {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #000000;
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	background-color: #000000;
	background-image:url(images/bg.png);
	background-repeat:no-repeat;
	background-position: top center;
}
a {
	font-size: 12px;
	color: #0099FF;
}

h1 {
    color: #0076a3;
	font-size:16px;
	font-weight:bold;
}

/* Menu */

#menu {
    float:left;
	width: 150px;
	height: 400px;
	font-size:14px;
	font-weight:bold;
	background-image:url(images/menu_bg.png);
	background-repeat:no-repeat;
	padding-top: 30px;
	margin-top: 0px;
	float:left;
	clear:both;
}

#menu div {
    cursor:pointer;
	height: 50px;
	clear:both;
}

#menu div:hover {
    background-image:url(images/btn.png);
	background-repeat:no-repeat;
	color: #5b5600;
	clear:both;
}

/* Body */

#header {
    height: 100px;
	width: 400px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	margin-top: 75px;
	margin-left: 150px;
	float:left;
}

#wrap {
    margin: 0 auto;
    width: 900px;
}

#zero {
    display:none;
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#first {
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#second {
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#third {
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#fourth {
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#fifth {
    width: 550px;
	height: 350px;
	overflow: scroll;
	padding: 10px;
	padding-left: 50px;
	text-align:left;
}

#guides {
    width: 250px;
	margin: 5px;
	float: left;
}

/* Footer */

#mic {
    height: 350px;
	width: 229px;
	background-image:url(images/mic.png);
	background-repeat: no-repeat;
	position: fixed;
	left: 80%;
	bottom: 0px;
	clear:both;
}

#crowd {
    height: 118px;
	width: 100%;
	background-image:url(images/crowd.png);
	background-repeat:repeat-x;
	bottom:0px;
	left:0px;
	position:fixed;
	clear:both;
}

#light_r {
    height: 127px;
	width: 105px;
	background-image:url(images/light_r.png);
	background-repeat: no-repeat;
	position:fixed;
	left: 88%;
	top: 0px;
	clear:both;
}

#light_l {
    height: 127px;
	width: 105px;
	background-image:url(images/light_l.png);
	background-repeat: no-repeat;
	position:fixed;
	left: 8%;
	top: 0px;
	clear:both;
}