@font-face  { font-family: Jacoby; src: url('../fonts/Jacoby_ICG_Black.eot'), url('../fonts/Jacoby_ICG_Black.ttf'),  url('../fonts/jacoby_icg_black.otf') }
@font-face  { font-family: Sans-mt; src: url('../fonts/33535gillsansmt.eot'), url('../fonts/33535gillsansmt.ttf'),  url('../fonts/33535gillsansmt.otf') }
@font-face  { font-family: Trebuchet MS; src: url('../fonts/TREBUC.eot'), url('../fonts/TREBUC.ttf'),  url('../fonts/TREBUC.otf') }

@font-face {
    font-family: "PRESEN01";
    src: url("../fonts/PRESEN01.eot"), url("../fonts/PRESEN01.ttf"), url("../fonts/PRESEN01.otf");
}

@font-face {
    font-family: "PrestigeEliteStd";
    src: url("../fonts/PrestigeEliteStd-Bd.eot"), url("../fonts/PrestigeEliteStd-Bd.ttf"), url("../fonts/PrestigeEliteStd-Bd.otf");
}

body, html{
    overflow: none !important;
}

#inst{
position: absolute;
left:10px;
top:30px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;
}
#all{
	overflow:hidden;	
}
#inst_1{
		position: absolute;
		top: 5px;
		left: 20px;
		font-family: Trebuchet MS;
		width: 800px;
		font-size: 20px;
		text-align: left;

}
#restart_msg{
		position: absolute;
		top:45px;
		left: 10px;
		display:none;
}
#close_msg{
		position: absolute;
		top:45px;
		left: 35px;
		display:none;
}
#page1{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		
			
}
#page2{
		height: 505px;
		left: 0px;
		position: absolute;
		text-align: center;
		top: 0px;
		width: 910px;
		display:none;
		
}
#img01{
		position: absolute;
		top: 90px;
		left: 10px;
		height: 180px;
		width: 235px;
}
#img02{
		position: absolute;
		top: 315px;
		left: 580px;
		height: 180px;
		width: 235px;
}
#img03{
		position: absolute;
		top: 90px;
		left: 580px;
		height: 180px;
		width: 235px;
}
#img04{
		position: absolute;
		top: 310px;
		left: 10px;
		height: 180px;
		width: 235px;
}

#drag_div{
		height: 260px;
		width: 180px;
		position: absolute;
		top: 75px;
		left: 305px;
}
#drag_div1{
		position: absolute;
		top: 0px;
		left: 20px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		cursor:pointer;
}
#drag_div2{
		position: absolute;
		top: 75px;
		left: 20px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		cursor:pointer;
}
#drag_div3{
		position: absolute;
		top: 150px;
		left: 20px;
		height: 30px;
		width: 140px;;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		cursor:pointer;
}
#drag_div4{
		position: absolute;
		top: 225px;
		left: 20px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		cursor:pointer;
}
#drop_div1{
		position: absolute;
		top: 270px;
		left: 55px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		text-align:center;
}
#drop_div2{
		position: absolute;
		top: 490px;
		left: 55px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		text-align:center;		
}
#drop_div3{
		position: absolute;
		top: 270px;
		left: 625px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		text-align:center;		
}
#drop_div4{
		position: absolute;
		top: 490px;
		left: 625px;
		height: 30px;
		width: 140px;
		border-radius: 5px;
		background-image:url(../ob/drag_div_bg.png);
		background-repeat:no-repeat;
		background-size: 140px 30px;
		color: #666666;
		font-family:PRESEN01;
		font-size: 23px;
		text-align:center;		
}
#check{
	height: 71px;
    left: 367px;
    opacity: 1;
    position: absolute;
    top: 437px;
    width: 146px;
	z-index: 100;
}
#check1{
		display:none;
}
#check2{
		display:none;
}
#check3{
		display:none;
}
#check4{
		display:none;
}
#check5{
		display:none;
}
#final_anim{
		position: absolute;
		top: -170px;
		left: 285px;
		width: 255px;
		height: 174px;
		display:none;
}
#correct_1{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 255px;
		height: 174px;
}
#correct_2{
		cursor: pointer;
    
    left: 68px;
    position: absolute;
    top: 95px;
    width: 114px;
	height: 45px;
}
#page2_activity{
		height: 360px;
		width: 810px;
		position: absolute;
		top: 70px;
		left: 50px;
}
#act_img_2{
		cursor:pointer;
}
#page2_final{
position:absolute;
left:250px;
top:-260px;
z-index:200;
}
#final_act_anim{
position:absolute;
left:250px;
top:-260px;
z-index:200;
}
#page2_wrong_final1{
	position:absolute;
	left:0px;
	top:0px;
}
#page2_wrong_final2{
position: absolute;
left: 125px;
top: 130px;
cursor:pointer;
}

#close1 {
    background-image: url("../ob/close1.jpg");
    height: 29px;
    width: 29px;
}




#sify_doll{
position: absolute;
top: 410px;
left: 10px;
height:142px;
width: 178px;
}

#line1
{
	 font-size: 23px;
    height: 32px;
    left: 58px;
    position: absolute;
    top: 128px;
    width: 515px;
	
}

#line2
{
	font-size: 23px;
    height: auto;
    left: 673px;
    position: absolute;
    top: 128px;
    width: 200px;
	
}
#line3
{
	 font-size: 23px;
    left: 59px;
    position: absolute;
    top: 180px;
    width: 27px;
}
#line4
{
	  font-size: 23px;
    height: auto;
    left: 200px;
    position: absolute;
    top: 180px;
    width: 222px;
	
}

#line5
{
	 font-size: 23px;
    height: auto;
    left: 532px;
    position: absolute;
    top: 180px;
    width: 150px;
}

#line6
{
	 font-size: 23px;
    height: auto;
    left: 773px;
    position: absolute;
    top: 180px;
    width: 100px;
}
#line7
{
	 font-size: 23px;
    height: auto;
    left: 59px;
    position: absolute;
    top: 235px;
    width: 33px;
	
}
#line8
{
	 font-size: 23px;
    height: auto;
    left: 219px;
    position: absolute;
    top: 235px;
    width: 235px;
	
}
#line9
{
	 font-size: 23px;
    height: auto;
    left: 572px;
    position: absolute;
    top: 235px;
    width: 184px;
	
}


#b1
{
cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 42px;
    position: absolute;
    top: 80px;
   cursor:pointer;
}

#b2
{
cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 112px;
    position: absolute;
    top: 80px;
    cursor:pointer;
}

#b3
{
cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 180px;
    position: absolute;
    top: 80px;
	cursor:pointer;
   }

#b4
{
cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 50px;
    position: absolute;
    top: 160px;
   cursor:pointer;
    }

#b5
{
 
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 112px;
    position: absolute;
    top: 160px;
   }

#b6
{
 
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 180px;
    position: absolute;
    top: 160px;
   }

#b7
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 44px;
    position: absolute;
    top: 240px;
    }

#b8
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 112px;
    position: absolute;
    top: 240px;
   }

#b9
{
	cursor:pointer;
    background-repeat: no-repeat;
   cursor: none;
    left: 180px;
    position: absolute;
    top: 240px;
   }


#b10
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 46px;
    position: absolute;
    top: 320px;
    }


#b11
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 112px;
    position: absolute;
    top: 320px;
   }


#b12
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 180px;
    position: absolute;
    top: 320px;
    }

#b13
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: pointer;
    left: 48px;
    position: absolute;
    top: 400px;
   }

#b14
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 112px;
    position: absolute;
    top: 400px;
   }


#b15
{
	cursor:pointer;
    background-repeat: no-repeat;
    cursor: none;
    left: 180px;
    position: absolute;
    top: 400px;
  
}

#brush
{
  left: 353px;
    position: absolute;
    top: 0px;
	background-image: url("../ob/brush.png");
	background-repeat: no-repeat;
	width:140px;
	height:115px;
	cursor:none;
	z-index:1000;
}

#bodyCont{
	  background-color: white;
    height: 340px;
    left: 329px;
    position: absolute;
    top: 90px;
    width: 530px;
 }
 #svgCont{
	 background-color: white;
    height: 371px;
    left: 1px;
    position: absolute;
    top: 0px;
    width: 570px;
	cursor:none;
   }
   
 #check_over
{
	 height: 50px;
    left: 758px;
    position: absolute;
    top: 485px;
    width: 146px;
}