/* CSS Document */
body{
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	background-color:#7696ad;
	overflow-y:scroll;
	width:100%;
	height:100%;
	 
}
#sayfa {
	width:960px; margin:35px auto; height:autopx;
}
#logo {
	width:166px; height:62px; margin:0; float:left;
}
#menuler {
	width:750px; height:39px; margin:25px 0 0 210px;
}
#menuler ul {
	list-style:none;
}
#menuler ul li {
	float:left;
	width:115px;
	height:31px;
	margin:36px 0 0 0;
}
#menu_cizgi {
	width:4px; height:40px; margin:25px 0 0 0; float:left; background-image:url(image/cizgi.png);
}
#banner {
	width:960px; height:414px; margin:-20px auto;
}
#sayfa_alt {
	width:960px; margin:30px auto; height:185px;
}
#projeler {
	width:300px; margin:0; height:181px; float:left; background:url(image/projeler.png) no-repeat;
}
#haberler {
	width:300px; margin:0 0 0 30px; float:left; height:181px; background:url(image/haberler.png) no-repeat;
}
#haberler marquee {
	margin:15px 0 0 10px;
}
#katalog {
	width:300px; margin:0 0 0 30px; height:181px; float:
	left;
}
#alt {
	width:966px; height:30px; margin:0 auto;
}
#copy {
	width:966px; height:25px; margin:0; float:left; background-color:#274764;
}
#ada {
	width:90px; height:25px; margin:-16px 0 0 870px; background-color:#7e2726;
}
.a {
	text-decoration:none; color:#000;
}
.a:hover {
	text-decoration:none; color:#7e2726;
}

---------------- Kurumsal ------------------
#kurumsal {
	width:960px; heigth:50px; margin:0 auto;
}
#kurumsal_yazi {
	width:960px; margin:0 auto;
}

--------------- Projeler -----------------
#projel {
	width:960px; margin:0 auto;
}
#proje {
	width:960px; height:150px; margin:0 auto;
}
#proje_ler {
	width:250px; height:800px; margin:0 0 0 15px; float:left; font-size:15px; 
}
#proje_kisa {
	width:685px; height:350px; margin:15px 0 0 275px; font-size:15px; 
}
#resim {
	width:600px; height:300px; margin:0 auto;
}
#resim a {
	text-decoration:none;
}
#resim a:over {
	text-decoration:underline; color:#CCC;
}
#resim .img {
	border:#FFF 5px solid;
}
#resim_yazi {
	text-align:right; margin:30px 30px auto;
}
--------------- Nostalji -----------------
#nostalji {
	width:800px; heigth:50px; margin:0 auto;
}
#referans {
	float:left; margin: 10px 0 0 10px;
}
--------------- Medya --------------------
#medya {
	width:960px; heigth:50px; margin:0 auto;
}
#reklam {
	width:960px; margin:50px auto;
}
-------------- İletişim -----------------
#iletisim {
	width:960px; heigth:50px; margin:0 auto;
}
#iletisim_sol {
	width:350px; height:150px; margin:20px; float:left;
}

#iletisim_sag {
	width:400px; margin:20px 0 0 400px;
}

-------------- Accordion Menu -----------
p {
  line-height: 1.5em;
}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  font: bold;
  background: #7e2726;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  font: bold;
  background:#FFF;
  margin:0 auto;
  color: #000;
  width:195px;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #EEE;
  border-left: 5px #7e2726 solid;
  padding-left: 15px;
}

.code { border: 1px solid #EEE; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


---------------------- ALT --------------------
#alt {
	width:960px; margin:0 auto; height:35px;
}
#alt .copy {
	width:800px; margin:0; height:25px; float:left;
}
#alt .ada {
		width:160px; height:25px; margin:0;
}