html, body {
	margin: 0;
	padding: 0;
	background-color:#79AA1B;
	font-family:Arial, Helvetica, sans-serif;
	    }
		
		
#header{background-color:#34495e;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  color:#FFFFFF;

}		

#col1{width:62%;float:left;}
#col2{width:37%; float:right;}

.footer {margin:auto;text-align:center;width:800px;margin-top:10px;}
#sm1 {  width:50%;float:right;margin-top:9px;}
#sm2 {  width:50%;float:left;}

#timerbox{top:160px;width:100px;height:100px; position:absolute;right:60px;overflow:hidden;}
#timerbox2{position:absolute; }
		
.coversheet{width:800px;height:400px;background-color:#FFFFFF;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0px;}
.coversheet2{width:800px;height:340px;background-color:#FFFFFF;position:absolute;top:0px;}
.text1{font-size:34px; color:#c0392b; width:80%;padding:7px;margin-top:20px;margin-left:40px;margin-bottom:50px;}
.text2{font-size:17px; }

.option{margin-left:40px;font-size:19px;background-color:#FFD8B0;border:solid 2px #FF6600;padding:2px;padding-left:15px;width:300px;margin-bottom:15px;cursor:pointer;border-radius:4px;

-moz-user-select     : none;
-khtml-user-select   : none;
-webkit-user-select  : none;
-o-user-select       : none;
 ser-select          : none;}
 
#fpspacer{height:290px;} 
#teaser{color:#333;font-family:Arial, Helvetica, sans-serif;text-align:center;width:80%;margin:auto;} 
 
.option:hover{background-color:#FF7700;}

#inner{ font-family:Arial, Helvetica, sans-serif;position:absolute;width:100%;margin:auto;top:30px;}
#inner2{font-family:Arial, Helvetica, sans-serif;position:absolute;width:800px;top:-450px;left:0px;}


#topstrip{height:10px;width:100%;background-color:#999999;}


#banner{height:100px;width:100%;background-color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:40px;text-align:center;}


#mainStage{background-color:#FFFFFF;position:relative; border-radius:5px;
height:450px;width:800px;margin:auto;margin-top:50px;overflow-x:hidden;}

#nextButton{position:relative;text-align:center;width:150px;margin:auto;background-color:#FF6600;padding:2px;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFFFFF;border-radius:5px;}
 

#nextButton:hover{cursor:pointer;background-color:#FF3300;}

#hintButton{border-radius:5px;text-align:center;width:80px;background-color:#FF6600;padding:5px;font-family:Arial, Helvetica, sans-serif;font-size:19px;color:#FFFFFF;}

 

#buttonHolder{position:absolute;bottom:70px;width:100%;margin:auto;}
#buttonHolder2{margin:auto;width:180px;}
#buttonHolder3{position:absolute;bottom:100px;width:100%;left:50px;}
#picHolder{width:167px; height height:auto;margin-right:70px;margin-top:20px;float:right;}
#picHolder1{width:330px;margin-left:70px;margin-top:20px; height:auto; float:left;}
#picHolder1 img{margin-top:15px;}
#songname2{position:absolute;width:150px;right:200px;top:200px;}
 
#picHolder3{width:200px; height:200px;margin:auto;margin-top:20px;}

.arrow{margin-left:10px;width:120px;float:left;font-size:14px; }

.feedback1{text-align:center;background-color:#009900;color:#FFFFFF;font-size:20px;padding:7px;width:200px;margin-left:40px;float:left;}
.feedback2{text-align:center;background-color:#FF3300;color:#FFFFFF;font-size:20px;padding:7px;width:200px;margin-left:40px;float:left;}

.feedback1b{text-align:center;background-color:#009900;color:#FFFFFF;font-size:18px;padding:2px;width:250px;}
.feedback2b{text-align:center;background-color:#FF3300;color:#FFFFFF;font-size:18px;padding:2px;width:250px;}

.feedback1c{margin-top:40px;text-align:center;color:#34495e;font-size:60px;padding:2px;width:100%;font-family:Arial, Helvetica, sans-serif;
border 2px #34495e solid;border-radius:3px;}

.feedback1d{text-align:center;background-color:#FFCC66;color:#FFFFFF;font-size:16px;padding:4px;width:192px;height:20px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;border-radius:5px;margin-top:50px;}

.feedback1d:hover{background-color:#FF9900;}

.commentbox{text-align:center;color:#333333;font-size:16px;padding:4px;width:192px;height:60px;font-family:Arial, Helvetica, sans-serif;margin-top:5px; }

.disclaimer{position:absolute;bottom:10px;font-size:9px;width:500px;}



.feedback1e{text-align:center;color:#3399FF;font-size:26px;padding:4px;width:240px;font-family:Arial, Helvetica, sans-serif;padding-top:20px;padding-bottom:20px;}


#intro{padding:50px; }

#hiScoreTab{position:absolute;text-align:center;width:100%;bottom:0px;}

.picholder{margin-left:40px;width:100%;height:150px;}
.picholder2{margin-left:40px;}
.pix3{float:left;margin-right:10px;border:2px solid #CCCCCC;}
.pix3 img{width:130px;height:130px;}
.ch1{margin-left:200px;}

#lm{position:absolute;top:110px;width:100%;text-align:center;}

@media screen and (max-width:800px) {
#mainStage{width:100%;padding:0px;margin:auto;margin-top:10px;border-radius:0px;}
.footer {width:100%;}
#sm1 {  width:100%;float:none;}
#sm2 {  width:100%;float:none;}
#inner2{width:100%;}
#banner img{width:100%;}
#banner{height:auto;}
#intro{padding:20px;font-size:12px;padding-top:10px;}
#buttonHolder3{left:20px;}
.text1{font-size:22px; width:90%;margin-left:4%;}
#scoreHolder2{margin-left:4%;left:0px;}
.option{margin-left:4%;}
 #scoreHolder{right:10px;}
 .ch1{margin-left:200px;}
 #timerbox{top:120px;}
}

@media screen and (max-width:650px) {
#picHolder{display:none;}
#picHolder1{width:100%;margin:auto;margin-top:20px; height:auto; text-align:center;float:none;}	
#fpspacer{height:0px;} 
}

@media screen and (max-width:600px) {
 
 .ch1{width:110px;}
.text1{font-size:18px; }
}

@media screen and (max-width:575px) {
#col1{width:100%;float:none;}
#col2{width:100%; float:none;}
.feedback1c{margin-top:10px;font-size:30px;}
.feedback1e{ font-size:20px;padding:4px;width:240px;padding-top:10px;padding-bottom:10px;}
.disclaimer{display:none;}
.feedback1d{text-align:center;background-color:#FFCC66;color:#FFFFFF;font-size:10px;padding:4px;width:192px;height:16px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;border-radius:5px;margin-top:0px;}

.feedback1d:hover{background-color:#FF9900;}
.commentbox{font-size:13px;height:40px;width:80%;}


@media screen and (max-width:550px) {
 .text1{margin-top:120px;margin-bottom:10px;}
 #timerbox{width:100px;height:100px; position:absolute;top:0px;overflow:hidden;left:4%;}
#timerbox2{position:absolute; }
}


@media screen and (max-width:500px) {
 
 .pix3 {width:95px; height:95px;margin-right:1%;}
 .pix3 img{width:100%;height:100%; }
}


@media screen and (max-width:450px) {
 .picholder{margin-left:3%;}
h1{font-size:25px;}
#livesHolder {width:50px;padding-top:6px;}
#livesHolder img{width:33%;}
#scoreHolder{font-size:12px;}
#scoreHolder2{font-size:12px;}
#picHolder1 {width:70%;margin:auto;text-align:center;}
#picHolder1 img{width:100%;margin:auto;text-align:center;margin-top:15px;}
.option{width:85%;font-size:18px;}
.arrow{margin-left:4%;width:200px;float:none;font-size:14px;text-align:center; }
.feedback1{margin-left:4%;}
.feedback2{margin-left:4%;}
.ch1{width:110px;margin-left:160px;}
}

@media screen and (max-width:400px) {
.mainlogo img{width:100%;}
#header{  font-size:18px;}
}