/* Navigation CSS ********************************/

#navigation 		{height:42px; font-size:14px; position:relative;}
#navigation > li 		{background: url(../images/line.png) top right no-repeat; font-family: 'GothamNarrow-Bold';}
#navigation li a 	{ display: block; height: 100%; width: 100%; padding: 13px 0 0 0; color:#000000;}
#navigation li a:hover 	{color:#fff;}
#navigation li a.on 	{color:#fff;}

#navigation li ul 			{left: 0px;	top: 0px; display: none; padding: 0; margin: 0; z-index: 999;}
#navigation li.over a 		{color: #fff;}
#navigation li.over ul 		{position: relative; top: -13px; width: 200px; padding: 5px 0; display: block; background: url(../images/over-bg.jpg) left bottom repeat-x #0085B2; z-index: 9999;}
					
#navigation li.over ul  li 			{ margin: 0px!important; top: 0px; padding: 5px 10px; border-bottom: 1px dotted #fff; }
#navigation li.over ul  li:last-child {border:none;}
#navigation li.over ul  li:hover {background: #00A3D9;}
#navigation li.over ul  li a 		{ color: #fff; font-size: 13px !important; white-space: nowrap; padding: 3px 0; }
#navigation li.over ul  li a:hover 	{ color: #fff; }

#navigation > li { position:absolute; top:0px; text-align: center; left:20px; }


#navigation li.anasayfa {width: 120px; height: 42px;  }
#navigation li.anasayfa:hover{background: url(../images/anasayfa-hover.png) left top no-repeat; color: #000;}
#navigation li.anasayfa#on {background: url(../images/anasayfa-hover.png) left top no-repeat; color: #000;}

#navigation li.hakkimizda {width: 140px; height: 42px; left:111px;   }
#navigation li.hakkimizda:hover {background: url(../images/hakkimizda-hover.png) left top no-repeat;}
#navigation li.hakkimizda#on {background: url(../images/hakkimizda-hover.png) left top no-repeat;}

#navigation li.hizmetler {width: 160px; height: 42px; left:222px;   }
#navigation li.hizmetler:hover {background: url(../images/hizmet-hover.png) left top no-repeat;}
#navigation li.hizmetler#on {background: url(../images/hizmet-hover.png) left top no-repeat;}

#navigation li.haberler {width: 190px; height: 42px; left:353px;  }
#navigation li.haberler:hover {background: url(../images/haber-hover.png) left top no-repeat;}
#navigation li.haberler#on {background: url(../images/haber-hover.png) left top no-repeat;}

#navigation li.iletisim {width: 110px; height: 42px; left:514px;  }
#navigation li.iletisim:hover {background: url(../images/iletisim-hover.png) left top no-repeat;}
#navigation li.iletisim#on {background: url(../images/iletisim-hover.png) left top no-repeat;}

#navigation li.ik 		{width: 70px; height: 42px;  left:596px;  background: none;}
#navigation li.ik:hover {background: url(../images/ik-hover.png) left top no-repeat;}
#navigation li.ik#on {background: url(../images/ik-hover.png) left top no-repeat;}