* {
	padding: 0;
	margin: 0;
}

a {
	color: #b37e58;
	text-decoration: none;
}

a:hover {
	color: #745239;
}

body {
	font-family: Arial;
	font-size: 12pt;
	background-color: #080808;
	background-image: url(images/gameTitleBackground.png), url(images/backgroundImage.png);
	background-repeat: no-repeat, repeat;
	background-position: center 5px;
	line-height: 1.75em;
}

p {
	margin-bottom: 1.5em;
}

#content {
	padding: 0;
	width: 600px;
	margin: 0 0 0 255px;
	font-size: 12pt;
}

#footer {
	font-family: Arial;
	font-size: 10pt;
	margin: 0 0 0 0;
	padding: 0px 0 0px 0;
	text-align: center;
	color: #6e6e6e;
}

#footer a {
	color: #0066ff;
}

#footer a:hover {
	color: #003482;
}

#header {
	position: relative;
	height: 25px;
	padding: 35px;
}

#menu a {
	letter-spacing: -1px;
	color: #F8F8F7;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.25em;
	font-family: Arial;
}

#sidebar {
	float: left;
	padding: 0;
	width: 225px;
}

#page {
	position: relative;
	width: 910px;
	height: 500px;
	margin: 0 0 0 0;
	color: #ffffff;
	padding: 55px 35px 0 35px;
	background: rgb(8, 8, 8);	/* Old browsers. */
	background: rgba(8, 8, 8, .5);
}

#sidebar ul li {
	padding: 10px 0 10px 0;
	border-top: solid 1px #604322;
	list-style-type: none;
}

#bodytext {
	color: #6e6e6e;
}

#bodytext ul li {
	margin-left: 1.75em;
}

#bodyvideo {
	margin: 0 0 30px 0;
	overflow: hidden;
	text-align: left;
}

#wrapper {
	width: 980px;
	height: 1600px;
	position: relative;
	margin: 85px auto 0 auto;
}

#page strong {
	color: #FDEFDD;
}

#progressbar {
	background-color: black;
	border-radius: 13px; /* (height of inner div) / 2 + padding */
	padding: 6px;
}

#progressbar div {
	background-color: orange;
	width: 40%; /* Adjust with JavaScript */
	height: 20px;
	border-radius: 10px;
}

/* Blue loading blocks. */
#squaresWaveG_Coding{
position:relative;
width:240px;
height:29px}

.squaresWaveG_Coding{
position:absolute;
top:0;
background-color:#FFFFFF;
width:29px;
height:29px;
-moz-animation-name:bounce_squaresWaveG_coding;
-moz-animation-duration:0.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG_coding;
-webkit-animation-duration:0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG_coding;
-ms-animation-duration:0.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG_coding;
-o-animation-duration:0.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG_coding;
animation-duration:0.6s;
animation-iteration-count:infinite;
animation-direction:linear;
}

.squaresWaveG_Coding_Complete{
position:absolute;
top:0;
background-color:#006893;
width:29px;
height:29px;
}

#squaresWaveG_1{
left:0;
-moz-animation-delay:0.24s;
-webkit-animation-delay:0.24s;
-ms-animation-delay:0.24s;
-o-animation-delay:0.24s;
animation-delay:0.24s;
}

#squaresWaveG_2{
left:30px;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;
animation-delay:0.3s;
}

#squaresWaveG_3{
left:60px;
-moz-animation-delay:0.36s;
-webkit-animation-delay:0.36s;
-ms-animation-delay:0.36s;
-o-animation-delay:0.36s;
animation-delay:0.36s;
}

#squaresWaveG_4{
left:90px;
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#squaresWaveG_5{
left:120px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#squaresWaveG_6{
left:150px;
-moz-animation-delay:0.54s;
-webkit-animation-delay:0.54s;
-ms-animation-delay:0.54s;
-o-animation-delay:0.54s;
animation-delay:0.54s;
}

#squaresWaveG_7{
left:180px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#squaresWaveG_8{
left:210px;
-moz-animation-delay:0.66s;
-webkit-animation-delay:0.66s;
-ms-animation-delay:0.66s;
-o-animation-delay:0.66s;
animation-delay:0.66s;
}

@-moz-keyframes bounce_squaresWaveG_coding{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05B9FA;
}

}

@-webkit-keyframes bounce_squaresWaveG_coding{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05B9FA;
}

}

@-ms-keyframes bounce_squaresWaveG_coding{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05B9FA;
}

}

@-o-keyframes bounce_squaresWaveG_coding{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05B9FA;
}

}

@keyframes bounce_squaresWaveG_coding{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05B9FA;
}

}

/* Green loading blocks. */
#squaresWaveG_Art{
position:relative;
width:240px;
height:29px}

.squaresWaveG_Art{
position:absolute;
top:0;
background-color:#FFFFFF;
width:29px;
height:29px;
-moz-animation-name:bounce_squaresWaveG_Art;
-moz-animation-duration:0.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG_Art;
-webkit-animation-duration:0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG_Art;
-ms-animation-duration:0.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG_Art;
-o-animation-duration:0.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG_Art;
animation-duration:0.6s;
animation-iteration-count:infinite;
animation-direction:linear;
}

.squaresWaveG_Art_Complete{
position:absolute;
top:0;
background-color:#009361;
width:29px;
height:29px;
}

@-moz-keyframes bounce_squaresWaveG_Art{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05faa6;
}
}

@-webkit-keyframes bounce_squaresWaveG_Art{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05faa6;
}
}

@-ms-keyframes bounce_squaresWaveG_Art{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05faa6;
}
}

@-o-keyframes bounce_squaresWaveG_Art{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05faa6;
}
}

@keyframes bounce_squaresWaveG_Art{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#05faa6;
}
}

/* Purple loading blocks. */
#squaresWaveG_Music{
position:relative;
width:240px;
height:29px}

.squaresWaveG_Music{
position:absolute;
top:0;
background-color:#FFFFFF;
width:29px;
height:29px;
-moz-animation-name:bounce_squaresWaveG_Music;
-moz-animation-duration:0.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG_Music;
-webkit-animation-duration:0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG_Music;
-ms-animation-duration:0.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG_Music;
-o-animation-duration:0.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG_Music;
animation-duration:0.6s;
animation-iteration-count:infinite;
animation-direction:linear;
}

.squaresWaveG_Music_Complete{
position:absolute;
top:0;
background-color:#910093;
width:29px;
height:29px;
}

@-moz-keyframes bounce_squaresWaveG_Music{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#e702ea;
}
}

@-webkit-keyframes bounce_squaresWaveG_Music{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#e702ea;
}
}

@-ms-keyframes bounce_squaresWaveG_Music{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#e702ea;
}
}

@-o-keyframes bounce_squaresWaveG_Music{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#e702ea;
}
}

@keyframes bounce_squaresWaveG_Music{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#e702ea;
}
}

/* Yellow loading blocks. */
#squaresWaveG_Sound{
position:relative;
width:240px;
height:29px}

.squaresWaveG_Sound{
position:absolute;
top:0;
background-color:#FFFFFF;
width:29px;
height:29px;
-moz-animation-name:bounce_squaresWaveG_Sound;
-moz-animation-duration:0.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-animation-name:bounce_squaresWaveG_Sound;
-webkit-animation-duration:0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-animation-name:bounce_squaresWaveG_Sound;
-ms-animation-duration:0.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-animation-name:bounce_squaresWaveG_Sound;
-o-animation-duration:0.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
animation-name:bounce_squaresWaveG_Sound;
animation-duration:0.6s;
animation-iteration-count:infinite;
animation-direction:linear;
}

.squaresWaveG_Sound_Complete{
position:absolute;
top:0;
background-color:#ada701;
width:29px;
height:29px;
}

@-moz-keyframes bounce_squaresWaveG_Sound{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#eae202;
}
}

@-webkit-keyframes bounce_squaresWaveG_Sound{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#eae202;
}
}

@-ms-keyframes bounce_squaresWaveG_Sound{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#eae202;
}
}

@-o-keyframes bounce_squaresWaveG_Sound{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#eae202;
}
}

@keyframes bounce_squaresWaveG_Sound{
0%{
background-color:#FFFFFF;
}

100%{
background-color:#eae202;
}
}