body { 
    background-color: #000000;
    font-family: 'Raleway', sans-serif;
    font-weight: lighter;
	font-size: 18pt;
    color: white;
	margin: 0px auto;
    z-index: 0;
}

header {
    position: fixed;
    background-color: #000000;
    font-size: 10pt;
    top: 0px;
    width: 100%;
    margin: 0px auto;
    padding-left: 10px;
    z-index: 10;
}

#head a:link{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}
#head a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#head  {
    opacity: .4;
    transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out;
}

#head:hover {
    opacity: .8;
}

#overlay {
    background: url("stripe1.gif"); 
    background-color: #000000;
    position:absolute;
    display:block;
    left:0px;
    top:0px;
    width:100%;
    bottom:0;
    right:0;
    z-index:2;
    opacity:.4;
}

#bgimg {
    margin: 0px auto;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    width:1280px;
    height: 720px;
    top: 20px;
    z-index:1;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

#home {
    margin: 0px auto;
    position: absolute;
    overflow: hidden;
    width:1280px;
    height: 720px;
    top: 0px;
    z-index:1;
}

#homebody {
    margin: 0px auto;
    position: relative; 
    width:1280px;
    height: 660px;
    top: 0px;
    z-index:3;
}

#track1, #track2, #track3, #track4, #track5, #track6, #extra {
    margin: 0px auto;
    position: absolute;
    overflow: hidden;
    width:1280px;
    height: 720px;
    top: 0px;
    z-index:1;
    display: none;
}

#track1body, #track2body, #track3body, #track4body, #track5body, #track6body, #extrabody {
    margin: 0px auto;
    position: relative; 
    width:1280px;
    height: 660px;
    top: 0px;
    z-index:3;
    display:none;
}

.title {
    background-color: #000000;
    opacity: .5;
    width:50%;
    margin: 0px auto;
    text-align: center;
    font-size: 48px;
    transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out;
}

.title:hover {
    opacity: .8;
}

.poem {
    font-style: italic;
    width:50%;
    margin: 0px auto;
    background-color: #000000;
    opacity: .5;
    transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out;
}

.poem:hover {
    opacity: .8;
}

.navigation {
    margin: 0px auto;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width:1280px;
    height: 40px;
    top: 0px;
    z-index:3; 
}

.navigation a:link{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}
.navigation a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#center {
    margin: 0px auto;
    overflow: hidden;
    position: relative; 
    width:1280px;
    height: 720px;
    top: 20px;
}

td.nav {
    cursor: pointer;
	width: 12.5%;
}

.nav  {
    opacity: .55;
    background-color: #000000;
    transition: opacity .75s ease-out;
    -moz-transition: opacity .75s ease-out;
    -webkit-transition: opacity .75s ease-out;
    -o-transition: opacity .75s ease-out;
}

.nav:hover {
    opacity: .8;
}

td.bonusimage {
    text-align: center; 
    width:25%;
}

td.bonusimage > a > img {
    width:100%;
}

td.extra > section {
    text-align: center; 
    font-size:24px;
}

td.extra > table {
    text-align: center; 
    font-size:16px; 
    width:100%;
}

iframe {
    border: 0; 
    width: 100%; 
    height: 42px;
}

iframe#mainplayer {
    border: 0; 
    width: 100%; 
    height: 120px;
}

#bgimg > img {
    width: 100%;
}