@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') }

body, html{
    overflow: none !important;
}

#inst{
position: absolute;
left:75px;
top:50px;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #333333;
font-weight: normal;
font-style: normal;

}
#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;
		
}

#bg2{
	position: absolute;
	background-image: url('../ob/bg2.png');
	background-repeat: no-repeat;
	height: 377px;
	width: 427px;
	top: 120px;
	left: 60px;
}
#img01{
		position: absolute;
		top: 50px;
		left: 10px;
		height: 180px;
		width: 235px;
}
#img02{
		position: absolute;
		top: 275px;
		left: 580px;
		height: 180px;
		width: 235px;
}
#img03{
		position: absolute;
		top: 50px;
		left: 580px;
		height: 180px;
		width: 235px;
}
#img04{
		position: absolute;
		top: 275px;
		left: 10px;
		height: 180px;
		width: 235px;
}

#drop_1
{
	position: absolute;
	height: 346px;
	width: 192px;
	top: 135px;
	left: 76px;
}

#drop_2
{
	position: absolute;
	height: 346px;
	width: 192px;
	top: 135px;
	left: 278px;
}

.draggable{
	position: absolute;
	background-repeat:no-repeat;
	cursor: pointer;
}

#drg1{
	background-image:url('../ob/drg1.png');
	width: 90px;
	height: 90px;
	left: 630px;
	top: 130px;
}
#drg2{
	background-image:url('../ob/drg2.png');
	width: 82px;
	height: 85px;
	left: 630px;
	top: 270px;
}
#drg3{
	background-image:url('../ob/drg3.png');
	width: 85px;
	height: 85px;
	left: 760px;
	top: 190px;
}
#drg4{
	background-image:url('../ob/drg4.png');
	width: 70px;
	height: 70px;
	left: 630px;
	top: 410px;
}
#drg5{
	background-image:url('../ob/drg5.png');
	width: 73px;
	height: 73px;
	left: 760px;
	top: 340px;
}
#drg6{
	background-image:url('../ob/drg6.png');
	width: 62px;
	height: 19px;
	left: 821px;
	top: 335px;
}
#drg7{
	background-image:url('../ob/drg7.png');
	width: 99px;
	height: 74px;
	left: 715px;
	top: 395px;
}
#drg8{
	background-image:url('../ob/drg8.png');
	width: 66px;
	height: 45px;
	left: 825px;
	top: 395px;
}

.txt{
	position: absolute;
	font-family: jacoby;
	font-size: 25px;
	color: #333;
}
#txt1{
	top: 90px;
	left: 135px;
}
#txt2{
	top: 90px;
	left: 340px;
}

.drop_div{
	position: absolute;
	width: 266px;
	height: 352px;
	background-color: #F00; 
}
#drop_div1{
	top: 118px;
	left: 33px;
}
#drop_div2{
	top: 118px;
	left: 434px;
}

/*#drop_div1{
	top: 203px;
	left: 63px;
}
#drop_div2{
	top: 203px;
	left: 228px;		
}
#drop_div3{
	top: 203px;
	left: 405px;		
}
#drop_div4{
	top: 203px;
	left: 582px;	
}
#drop_div5{
	top: 203px;
	left: 754px;	
}*/
#check{
	position: absolute;
	top: 440px;
	left: 765px;
	height: 60px;
	width: 145px;
}
#check1{
		display:none;
}
#check2{
		display:none;
}
#check3{
		display:none;
}
#check4{
		display:none;
}
#check5{
		display:none;
}
#final_anim{
		position: absolute;
		top: -170px;
		left: 585px;
		width: 255px;
		height: 174px;
		display:none;
}
#correct_1{
	background-image: url('../img/sigui.png');
	left: 55px;
    position: absolute;
    top: -11px;
	width: 250px;
	height: 170px;
	background-size: 250px 170px;
}
#correct_2{
	cursor: pointer;
    left: 120px;
    position: absolute;
    top: 90px;
	width: 110px;
	height: 30px;
}
#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
{

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

#b2
{

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

#b3
{

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

#b4
{

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

#b5
{

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

#b6
{

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

#b7
{

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

#b8
{

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

#b9
{

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


#b10
{

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


#b11
{

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


#b12
{

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

#b13
{

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

#b14
{

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


#b15
{

    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{
 	position: absolute;
 	width: 570px;
    height: 371px;
    left: 0px;
    top: -55px;
	cursor:none;
}
   
#check_over
{
	 height: 50px;
    left: 758px;
    position: absolute;
    top: 485px;
    width: 146px;
}