body {
	margin: 0;
	padding: 0;
 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 800px;
	 height: 800px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #layer_1
{ 
	 left: 96px; 
	 top: 590px;
	 position: absolute; 
	 width: 243px;
	 height: 111px;
	 z-index:1;
}

 #layer_11
 {
	 left: 96px;
	 top: 610px;
	 position: absolute;
	 width: 243px;
	 height: 111px;
	 z-index:1;
 }
 #SOTO 
{ 
	 left: 13px; 
	 top: 205px;
	 position: absolute; 
	 width: 204px;
	 height: 252px;
	 z-index:2;
} 

 #layer_3 
{ 
	 left: 496px; 
	 top: 50px;
	 position: absolute; 
	 width: 232px;
	 height: 101px;
	 z-index:3;
} 

 #VectorSmartObject 
{ 
	 left: 484px; 
	 top: 74px; 
	 position: absolute; 
	 width: 4px;
	 height: 100px;
	 z-index:4;
} 

 #VectorSmartObjectcop 
{ 
	 left: 607px; 
	 top: 318px; 
	 position: absolute; 
	 width: 4px;
	 height: 243px;
	 z-index:5;
} 

 #VectorSmartObjectcop_0 
{ 
	 left: 452px; 
	 top: 604px; 
	 position: absolute; 
	 width: 4px;
	 height: 97px;
	 z-index:6;
} 

 #VectorSmartObjectcop_1 
{ 
	 left: 346px; 
	 top: 604px; 
	 position: absolute; 
	 width: 4px;
	 height: 106px;
	 z-index:7;
} 

 #VectorSmartObjectcop_2 
{ 
	 left: 228px; 
	 top: 221px; 
	 position: absolute; 
	 width: 3px;
	 height: 247px;
	 z-index:8;
} 

 #layer_9 
{ 
	 left: 617px; 
	 top: 288px;
	 position: absolute; 
	 width: 200px;
	 height: 244px;
	 z-index:9;
}

 #layer_91
 {
	 left: 617px;
	 top: 333px;
	 position: absolute;
	 width: 180px;
	 height: 244px;
	 z-index:9;
 }

 #layer_92
 {
	 left: 617px;
	 top: 333px;
	 position: absolute;
	 width: 200px;
	 height: 244px;
	 z-index:9;
 }

 #layer_10 
{ 
	 left: 461px; 
	 top: 600px;
	 position: absolute; 
	 width: 252px;
	 height: 101px;
	 z-index:10;
} 

 #VectorSmartObject_0 
{ 
	 left: 244px; 
	 top: 103px; 
	 position: absolute; 
	 width: 425px;
	 height: 486px;
	 z-index:11;
} 

 #VectorSmartObject_1 
{ 
	 left: 345px; 
	 top: 298px; 
	 position: absolute; 
	 width: 145px;
	 height: 144px;
	 z-index:12;
} 

 #Layer2 
{ 
	 left: 380px; 
	 top: 350px; 
	 position: absolute; 
	 width: 77px;
	 height: 47px;
	 z-index:13;
}

 #eDetails{
	 background-image: url('../img/ergatika/ergatika_img_1.jpg');

 }

 #eMisthodosia{
	 background-image: url('../img/misthodosia/misthodosia_img_1.jpg');
 }

 #eKlepsidra{
	 background-image: url('../img/orometrisi/misthodosia_img_1.jpg');
 }