@charset "utf-8";
/* CSS Document */

body {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-width: 1000px;


width:100%;
height:100%;
overflow-x:hidden;

}

#sol { position:fixed; left:10px; top:40%;  width:100px; height:100px; background:url(../images/sol.png); cursor:pointer; outline:0; z-index:99; }
#sag { position:fixed; right:10px; top:40%;  width:100px; height:100px; background:url(../images/sag.png); cursor:pointer; outline:0; z-index:99; }

#menu { position:relative; width:1000px; margin:auto; color:#FFF; }

#menu #logo { position:relative; float:left; margin-top:-70px; width:588px; height:300px; background:url(../images/logo.png); cursor:pointer; outline:0; z-index:10; }

#menu .mn1 { position:relative; float:right;  width:40px; height:140px; background:url(../images/iletisim.png) no-repeat #263143; cursor:pointer; outline:0; outline:0; z-index:10; }
#menu .mn2 { position:relative; float:right;  width:40px; min-height:180px; background:url(../images/ikinciel.png) no-repeat #d45451; cursor:pointer; outline:0; z-index:20; list-style:none; }
#menu .mn3 { position:relative; float:right;  width:40px; min-height:120px; background:url(../images/araclarimiz.png) no-repeat #da694b; cursor:pointer; outline:0; z-index:20; }
#menu .mn4 { position:relative; float:right;  width:40px; height:220px; background:url(../images/referanslarimiz.png) no-repeat #da7e4b; cursor:pointer; outline:0; z-index:10; }
#menu .mn5 { position:relative; float:right;  width:40px; height:150px; background:url(../images/hakkimizda.png) no-repeat #da8c4c; cursor:pointer; outline:0; z-index:10; }
#menu .mn6 { position:relative; float:right;  width:40px; height:100px; background:url(../images/anasayfa.png) no-repeat #da9d4c; cursor:pointer; outline:0; z-index:10; }
#menu .mn1:Hover { background:url(../images/iletisim.png) no-repeat #000; }
#menu .mn2:Hover { background:url(../images/ikinciel.png) no-repeat #000; }
#menu .mn3:Hover { background:url(../images/araclarimiz.png) no-repeat #000; }
#menu .mn4:Hover { background:url(../images/referanslarimiz.png) no-repeat #000; }
#menu .mn5:Hover { background:url(../images/hakkimizda.png) no-repeat #000; }
#menu .mn6:Hover { background:url(../images/anasayfa.png) no-repeat #000; }

#bg_ico { position:relative; clear:both; width:1000px; margin:auto; }
#bg_ico .ico { float:left; width:63px; height:63px; margin-right:5px; margin-bottom:10px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; cursor:pointer; outline:0; }

#alt { position:relative;  width:100%; background:url(../images/siyah_bg.png); color:#FFF; font-weight:bold; }
#alt #sinir { position:relative;  width:1000px; height:55px; margin:auto; }
#alt #sinir .sol2 { float:left; width:900px; padding:20px 0px; }
#alt #sinir .sag2 { float:left; width:100px; padding:20px 0px; text-align:right; color:#FFF; }

#sound { position:relative; width:100px; height:100px; margin:auto; background:url(../images/audio2.png); bottom:-50px; z-index:11; cursor:pointer; outline:0; }

#ana { position:relative; width:500px; height:500px;  margin:auto;  z-index:11; }
#hakkimizda { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#iletisim { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#ikinciel { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#araclarimiz { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#referanslarimiz { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#FormKabul { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }
#icerik { position:relative; width:1000px; height:500px; background:url(../images/orta.png); margin:auto; z-index:11;  }

#maps { float:left; width:400px; height:320px; margin-right:30px; z-index:11; }

#yukleniyor {
background:#000 url(../images/generated-image.gif) no-repeat center center;
height: 100%;
width: 100%;
position: fixed;
left:0;
top:0;
z-index: 1000;
}

#menu .mn2 ul { position:absolute;  display:none; margin-top:180px; left:-140px; padding:10px; width:200px; height:auto; background:#FFF; list-style:none;  color:#000; }
#menu .mn2 ul li { padding:5px; color:#000;   }
#menu .mn2 ul li:Hover{ background:#F7F7F7; }
#menu .mn2:Hover>ul { display:inline-block;  color:#000;    }

#menu .mn2 li a {
    text-decoration: none;
    display:block;
	z-index:20;
	color:#000;
}

#menu .mn3 ul { position:absolute;  display:none; margin-top:120px; left:-140px; padding:10px; width:200px; height:auto; background:#FFF; list-style:none;  color:#000; }
#menu .mn3 ul li { padding:5px; color:#000;   }
#menu .mn3 ul li:Hover{ background:#F7F7F7; }
#menu .mn3:Hover>ul { display:inline-block;  color:#000;    }

#menu .mn3 li a {
    text-decoration: none;
    display:block;
	z-index:20;
	color:#000;
}