body {
  background-color :  #EEEEEE ;
  background-image:url(../assets/images/background.png);
  background-repeat: no-repeat;
  background-position:top center;

 }
#vocabTitle{
	position: absolute;
	left:400px;
	top:5px;
	font: 30px Geneva, Helvetica, Verdana, Arial, sans-serif; 
	color: #FF9900;
	font-weight:bold;
}
 
#gameArea{
	float:left;
	height: 450px;	padding : 10px;  margin-left: 100px;  margin-top: 12px;

}

.vocabularyImg{
	padding: 2px;
	margin: 0.5em;
	margin:50px 0px 10px 75px;
}

.imgNext{
	position:absolute;
	left: 950px;
	top: 490px;
	width: 40px;
	height: 36px;
	
}
.imgPrev{
	position:absolute;
	left: 950px;
	top: 10px;
	width: 40px;
	height: 36px;
	padding:1px;
	margin: 0.1em;	
	
}
#vocabulary{
	margin: 5px 50px;	
}

#imageArea{
	position:relative;
	width: 185px;
	height:  185px;
	padding: 15px;
	margin: 0.6em;
	float: left;
}

.imgObject{
	position: relative;
	width: 150px;	
	height: 150px;	
	margin: 0.25em; 	
	padding: 5px;
}


.dropBox{

	background-image:url(../assets/images/drop_box.png) ;
	width: 119px;	
	height: 33px;	
	margin: 0.25em;
	padding: 2px;
}



#optionArea{
	position: absolute;
	width: 980px;	height: 40px;	padding : 2px;  left: 70px; top: 520px;
	border: 2px solid green;
}
.dragImg{
	width: 110px;	height: 33px;	padding: 2px;	margin: 0.1em;   cursor: move;
}
#imgGameOver{
	display:none;
	width: 200px;
	height: 36px;
	padding: 2px;	
	margin-left : 350px;
}