@charset "utf-8";
body {
    margin: 0;
    padding: 0;
}

*{
-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-o-user-select: none; 
}

#MainContainer {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    width: 500px;
    height: 280px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

#bg{
    width: 500px;
    height: 280px;
    position: absolute;
	background: url("../media/background.png") no-repeat;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#MainTitle{
    width: 110px;
    height: 35px;
    position: absolute;
	background: url("../media/gocturleri.png") no-repeat;
    top: 13px;
    left: 200px;
    z-index: 1;
}

.Titles {
    position: absolute;
    overflow: hidden;
	z-index: 2;
}

#title_1 {width: 150px;  height: 44px;  background: url("../media/olusum1.png") no-repeat;       top: 57px;    left: -14px;}
#title_2 {width: 119px;  height: 42px;   background: url("../media/suresinegor1.png") no-repeat;  top: 57px;   left: 126px;}
#title_3 {width: 145px;  height: 40px;   background: url("../media/mesafe1.png") no-repeat;       top: 55px;   left: 219px;}
#title_4 {width: 152px;  height: 48px;  background: url("../media/gocun1.png") no-repeat;        top: 53px;   left: 353px;}

.ClickDivs {
    background: red;
    opacity: 0;
    position: absolute;
    overflow: hidden;
	z-index: 2;
}

#clickDiv_1 {width: 127px;  height: 36px;   top: 61px;    left: 5px;}
#clickDiv_2 {width: 103px;  height: 29px;   top: 65px;   left: 137px;}
#clickDiv_3 {width: 110px;  height: 29px;   top: 65px;   left: 246px;}
#clickDiv_4 {width: 127px;  height: 36px;   top: 61px;   left: 360px;}

.Images {
    position: absolute;
    overflow: hidden;
	z-index: 0;
	width: 313px;
	height: 313px;
	top: 70px;
	left: 80px;
}

#image_1 { width: 115px;  height: 110px;   top: 86px;    left: 4px; background: url("../media/olusum2.png") no-repeat;}
#image_2 { width: 105px;  height: 120px;   top: 84px;    left: 134px; background: url("../media/suresinegor2.png") no-repeat;}
#image_3 { width: 110px;  height: 120px;   top: 74px;   left: 241px; background: url("../media/mesafe2.png") no-repeat;}
#image_4 { width: 120px;  height: 180px;   top: 87px;   left: 358px; background: url("../media/gocun2.png") no-repeat;}