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

body{
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 65px;
	font-style: italic;	
	color: #ffffff;
}
.style1 {color: #99FFFF}
.style2 {color: #FF99FF}
.style3 {color: #66FF99}
.style4 {color: #FFFF99}
.style5 {color: #CC3300}
.style6 {color: #339933}
.style7 {color: #CCFF66}


#desc{
	color: #FFFFFF;
	background-color:#FFFF00;
	height: 500px;
	width: 800px;
	position: absolute;
	left: 20px;
	top: 10px;
	visibility: hidden;
	padding-top: 5px;
	background-repeat: repeat;
	background-image: url(dot.png);
	cursor:pointer;

}

#title{
    height: auto;
	width: 600px;
	position: fixed;
	left: 20px;
	top: 10px;
	padding-top: 5px;
	cursor:pointer;
}

#video1title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 1600px;
	top: 10px;
	padding-top: 5px;	
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #99FFFF;
	border-left-color: #99FFFF;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
}

#topthing1{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 2460px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #99FFFF;
	background-image: url(stripe.png);
	background-repeat: repeat;
}


#video1{
	position: absolute;
	z-index: 3;
	left: 1600px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 470px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-right-style: dashed;
	border-top-style: dashed;
	border-right-color: #99FFFF;
	border-top-color: #99FFFF;
}

#info_btn{
	position:absolute;
	left:2441px;
	top:641px;
	width:29px;
	height:29px;
	z-index:20;
}

#info_video1{
	position:absolute;
	left:2322px;
	top:500px;
	width:120px;
	height:auto;
	z-index:20;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}

#video2title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 2580px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #FF99FF;
	border-left-color: #FF99FF;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;	
}

#topthing2{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 3440px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FF99FF;
	background-image: url(stripe.png);
	background-repeat: repeat;
}

#video2{
	position: absolute;
	z-index: 3;
	left: 2580px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 470px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-right-style: dashed;
	border-top-style: dashed;
	border-right-color: #FF99FF;
	border-top-color: #FF99FF;
}

#info_btn2{
	position:absolute;
	left:3421px;
	top:641px;
	width:29px;
	height:29px;
	z-index:20;
}

#info_video2{
	position:absolute;
	left:3302px;
	top:500px;
	width:120px;
	height:auto;
	z-index:20;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}

#video3title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 3560px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #66FF99;
	border-left-color: #66FF99;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;	
}

#topthing3{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 4420px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #66FF99;
	background-image: url(stripe.png);
	background-repeat: repeat;
}


#video3{
	position: absolute;
	z-index: 3;
	left: 3560px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 470px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #66FF99;
	border-right-color: #66FF99;
}

#info_btn3{
	position:absolute;
	left:4401px;
	top:641px;
	width:29px;
	height:29px;
	z-index:20;
}

#info_video3{
	position:absolute;
	left:4282px;
	top:500px;
	width:120px;
	height:auto;
	z-index:20;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}

#video4title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 4540px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #FFFF99;
	border-left-color: #FFFF99;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;	
}

#topthing4{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 5400px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFFF99;
	background-image: url(stripe.png);
	background-repeat: repeat;
}

#video4{
	position: absolute;
	z-index: 3;
	left: 4540px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 470px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #FFFF99;
	border-right-color: #FFFF99;
}

#info_btn4{
	position:absolute;
	left:5381px;
	top:641px;
	width:29px;
	height:29px;
	z-index:20;
}

#info_video4{
	position:absolute;
	left:5262px;
	top:500px;
	width:120px;
	height:auto;
	z-index:20;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}


#video5title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 5520px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #CC3300;
	border-left-color: #CC3300;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;	
}

#topthing5{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 6380px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CC3300;
	background-image: url(stripe.png);
	background-repeat: repeat;
}

#video5{
	position: absolute;
	z-index: 3;
	left: 5520px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 470px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
}

#info_btn5{
	position:absolute;
	left:6361px;
	top:641px;
	width:29px;
	height:29px;
	z-index:20;
}

#info_video5{
	position:absolute;
	left:6242px;
	top:500px;
	width:120px;
	height:auto;
	z-index:20;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}


#song1title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 6500px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #339933;
	border-left-color: #339933;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;	
}
#topthing6{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 7360px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #339933;
	background-image: url(stripe.png);
	background-repeat: repeat;
}

#song_1{
	position: absolute;
	z-index: 3;
	left: 6500px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 168px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #339933;
	border-right-color: #339933;
}

#songinfo_btn {
	position:absolute;
	left:6500px;
	top:200px;
	width:29px;
	height:29px;
	z-index:21;
}

#info_song1{
	position:absolute;
	left:6575px;
	top:238px;
	width:120px;
	height:auto;
	z-index:30;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}

#song2title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 7480px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCFF66;
	border-left-color: #CCFF66;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;
}
#topthing7{
	height: 10px;
	width: 10px;
	position: absolute;
	left: 8340px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCFF66;
	background-image: url(stripe.png);
	background-repeat: repeat;
}


#song_2{
	position: absolute;
	z-index: 3;
	left: 7480px;
	top: 199px;
	width: 870px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	height: 168px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-top-color: #CCFF66;
	border-right-color: #CCFF66;
}

#songinfo_btn2 {
	position:absolute;
	left:7480px;
	top:200px;
	width:29px;
	height:29px;
	z-index:21;
}

#info_song2{
	position:absolute;
	left:7555px;
	top:238px;
	width:120px;
	height:auto;
	z-index:30;
	font-family: Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #CCCCCC;
	font-style: normal;
	visibility: hidden;
}


#song3title{
	height: 180px;
	width: 850px;
	position: absolute;
	left: 8460px;
	top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCFF66;
	border-left-color: #CCFF66;
	padding-left:20px;
	background-image: url(stripe.png);
	background-repeat: repeat;
	padding-top: 5px;
}