body
{
		background-color: black;
		color: white;
		font-family: Courier, monospace, sans-serif;
		font-size: 100%;
		width: 100%;
		margin: auto;
		margin: 0px;
}

div#header1
{
		color: white;
		width: 100%;
		margin: auto;
}


div#header1_content
{
		width: 75%;
		margin: auto;
}




#header1 ul
{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		text-align: center;
}

#header1 ul li
{
		font-size: 100%;
		display: inline;
}

#header1 a
{
		color: grey;
		text-decoration: none;
		padding: 10px 20px;
		display: inline-block;

}

#header1 a:hover
{
		background-color: white;
		color: black;
		text-decoration: none;
		padding: 10px 20px;
}

#header1 a.selected
{
		background-color: black;
		color: white;
		text-decoration: none;
}




div#band1
{
		width: 100%;
		height: 500px;
		font-size: 150%;
}

#band1 h1
{

		width: 75%;
		margin: auto;
		color: white;
		position: relative;
    		top: 60%;

}

#band1 p
{
		width: 75%;
		margin: auto;
		color: lightgray;
		position: relative;
    		top: 60%;
}





div#header2
{
		background-color: rgb(255,210,0);
		color: #000000;
		width: 100%;
		margin: auto;


	-webkit-animation: mymove2 25s infinite; /* Chrome, Safari, Opera */
	animation: mymove2 25s infinite;

	-webkit-animation-delay: 5s; /* Chrome, Safari, Opera */		animation-delay: 5s;

	-webkit-animation-duration: 25s; /* Chrome, Safari, Opera */
	animation-duration: 25s;

	-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
	animation-direction: alternate;


}

/* Chrome, Safari, Opera */

@-webkit-keyframes mymove2 {

    0%   {background: rgb(255,210,0);}
    25%  {background: rgb(255,255,255);}
    50%  {background: rgb(255,190,00);}
    75%  {background: rgb(0,0,0);}
    100% {background: rgb(240,0,0);}
}

/* Standard syntax */
@keyframes mymove2 {

    0%   {background: rgb(255,210,0);}
    25%  {background: rgb(255,255,255);}
    50%  {background: rgb(255,190,00);}
    75%  {background: rgb(0,0,0);}
    100% {background: rgb(240,0,0);}
}



#header2 h2
{
		width: 75%;
		margin: auto;
		font-size: 200%;
		padding: 20px ;
}


div#band2
{
		color: white;
		width: 100%;
		margin: auto;
		text-align: center;
}


div#band2_content
{
		width: 90%;
		margin: 5%;
}
/*
div#latest_releases
{
		display: inline-block;
		padding: 40px 40px;
}

#latest_releases p
{
		width:200px;
		font-size: 120%;
		text-align: center;
}
*/

#band2 a
{
		text-decoration: none;
		color: white;
}


#band2 a:hover
{
		text-decoration: none;
		color: grey;
}




div#header3
{
		background-color: rgb(0,0,0);
		color: white;
		width: 100%;
		margin: auto;

}


#header3 h2
{
		width: 75%;
		margin: auto;
		font-size: 200%;
		padding: 20px;

}


div#band3
{
		color: white;
		width: 100%;
		margin: auto;
		text-align: center;
/*
		background: url(images/red_road.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
*/
}

/*
div#band3_content
{
		width: 100%;
		margin: auto;
		padding: 40px;
}

*/

div#header4
{
		color: white;
		width: 100%;
		margin: auto;

}


#header4 h2
{
		width: 75%;
		margin: auto;
}


div#band4
{
		color: white;
		width: 100%;
		margin: auto;

}



div#header5
{
		background-color: rgb(255,210,0);
		color: #000000;
		width: 100%;
		margin: auto;


	-webkit-animation: mymove2 25s infinite; /* Chrome, Safari, Opera */
	animation: mymove2 25s infinite;

	-webkit-animation-delay: 5s; /* Chrome, Safari, Opera */		animation-delay: 5s;

	-webkit-animation-duration: 25s; /* Chrome, Safari, Opera */
	animation-duration: 25s;

	-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
	animation-direction: alternate;


}

/* Chrome, Safari, Opera */

@-webkit-keyframes mymove2 {

    0%   {background: rgb(255,210,0);}
    25%  {background: rgb(255,255,255);}
    50%  {background: rgb(255,190,00);}
    75%  {background: rgb(0,0,0);}
    100% {background: rgb(240,0,0);}
}

/* Standard syntax */
@keyframes mymove2 {

    0%   {background: rgb(255,210,0);}
    25%  {background: rgb(255,255,255);}
    50%  {background: rgb(255,190,00);}
    75%  {background: rgb(0,0,0);}
    100% {background: rgb(240,0,0);}
}



#header5 h2
{
		width: 75%;
		margin: auto;
		font-size: 200%;
		padding: 20px;
}


div#band5
{
		color: white;
		width: 100%;
		margin: auto;
		min-height: 0px;
		padding: 0px 0px;
		text-align: center;
}

div#band5_content
{
		width: 100%;
		margin: auto;
}

div#latest_releases
{
		display: inline-block;
		padding: 40px 40px;
}

#latest_releases p
{
		width:200px;
		font-size: 120%;
		text-align: center;
}


#band5 a
{
		text-decoration: none;
		color: white;
}


#band5 a:hover
{
		text-decoration: none;
		color: grey;
}






/*

div#header5
{
		color: white;
		width: 100%;
		margin: auto;

}


#header5 h2
{
		width: 75%;
		margin: auto;
		padding: 20px;
		text-align: center;
}


div#band5
{
		color: white;
		width: 100%;
		margin: auto;
		text-align: center;
		font-size: 200%;
}


#band5 a
{
		font-size: 100%;
		color: white;
		text-decoration: none;

}


#band5 a:hover
{
		color: grey;
		text-decoration: none;

}


div#band5_content
{
		width: 100%;
}


#band5_content p
{
		width: 75%;
		margin: auto;
		padding-top: 40px;
		padding-bottom: 180px;
}


*/


#comingsoon p {
		color: gray;
		font-size: 2.00em;
		position: absolute;
		right: 10%;
		bottom: 10%;
}


div#footer
{
		color: white;
		width: 100%;
		margin: auto;
		padding-top: 40px;
		padding-bottom: 60px;
}


div#footer_content
{
		width: 75%;
		margin: auto;
		text-align: center;
}


#footer a
{

		font-size: 100%;
    		padding: 0px 10px;
		color: white;
		text-decoration: none;

}


#footer a:hover
{
		color: grey;
		text-decoration: none;

}


#footer img
{
		vertical-align: middle;

}


#footerX img:hover
{
		background-color: grey;
}


#footerX a.txt
{
    		padding-right: 40px;
}