@charset "iso-8859-9";
@import url('/fonts.css');

*{ outline:none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ul{ }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


body{
	background-color: #eef6fd;
	background-image: url(/images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	margin:0px;
	color:#333;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:22px;
	font-weight:normal
}
#ana {
	width: 950px;
	margin:0px auto;
}
#logo {
	float: left;
	height: 60px;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#menualani {
	float: left;
	height:38px;
	width: 650px;
	margin-top:15px;
}
	
	.nav {
	
	font-family:"Century Gothic";
	font-size:16px;
	float:right;
	}	

	
	.nav li{
		margin:0 15px 0 0;
	}
	.nav .navstyle{
		font-size:12px;
		line-height:38px;
	}
	.nav li a{
		color:#FFF;
		padding:6px;
		font-size:11px;
	}
	.nav li a:hover{
	color:#92d0fe;
	}
	
	
	.submenu_arrow{background:url(/images/arrow_submenu.png) no-repeat 170px 50%;}
	.nav ul {
		padding-left: 10px;
		float: left;
		position: relative;
		text-transform:none;
		z-index:3;
 list-style:none;
	}
		
		.nav ul li {
			float: left;
			position: relative;
			margin:0;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 13px;
				line-height: 30px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 36px;
				left: -15px;
				display: none;
			}
			
				.nav ul li ul li {
					background:#1f3a54;
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #001d38;
					}
					
					
					.nav ul li ul li ul {
						top: 0px;
						left: 170px;
					}

	
#border {
	float: left;
	height: 30px;
	width: 650px;
}
#orta {
	float: left;
	width: 950px;
}
#banner {
	float: left;
	height: 285px;
	width: 950px;
	margin-top:15px;
}
#alt {
	background-image: url(/images/altbg.png);
	background-repeat: no-repeat;
	float: left;
	height: 115px;
	width: 950px;
}
#altyazi {
	float: left;
	height: 24px;
	width: 950px;
	font-size: 11px;
	color:#1f3a54;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
.kutu {
	float: left;
	height: 160px;
	width: 225px;
	padding-top:5px;
}
.kutudetay{ width:225px;
float:left;
margin-top:5px;}
.kutuyazi {
	float: left;
	height: 100px;
	width: 210px;
	font-family:Tahoma;
	font-size: 12px;
	color: #243f58;
	line-height: 15px;
	padding: 10px;
	
}
.kutubaslik{
padding-left:10px;
font-family:Tahoma;
font-size:14px;
font-weight:bold;
color:#000000;}
.kutuara {
	background-image: url(/images/kutuara.png);
	background-repeat: no-repeat;
	float: left;
	height: 165px;
	width: 7px;
}
.altkutu {
	float: left;
	height: 85px;
	width: 230px;
	padding-top:5px;
}
.altkuturesim {
	float: left;
	height: 85px;
	width: 85px;
	margin-right: 10px;
	margin-left:5px;
}
.altkutuyazi {
	float: left;
	height: 65px;
	width: 130px;
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: bold;
	color: #243f58;
	line-height: 18px;
	padding-top: 20px;
	
}
#ortaust {
	background-image: url(/images/orta_01.png);
	background-repeat: no-repeat;
	float: left;
	height: 9px;
	width: 950px;
	margin-top:7px;
}
#ortaalt {
	background-image: url(/images/orta_05.png);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 950px;
}
#orta_orta {
	background-color: #e4e3e3;
	background-repeat: repeat;
	float: left;
	width: 930px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	line-height: 18px;
}
#sayfaborder {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/sayfaborder.png);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 920px;
	padding-left: 10px;
	line-height: 30px;
	margin-bottom: 10px;
}


.altkutuara {
	background-image: url(/images/altkutuara.png);
	background-repeat: no-repeat;
	float: left;
	height: 85px;
	width: 7px;
}
#ftHolder { width: 950px; float: left; text-align: center; height: 260px;  font-family:"Century Gothic"; font-size:14px; }
.ft-title { padding: 10px 10px; width: 930px; text-align: left; margin-bottom: 17px; }
.ft-prev, .ft-next { display:none; }
.ft-button-ft-active { color: black; }

.form-textarea	{
	background: url(/images/form_textarea.gif) no-repeat;
	border: none;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 97px;
	overflow: auto;
	padding: 6px 0px 0 6px;
	width: 300px;
	background-color:#e4e3e3;
	}
	.inputilan{
background-image:url(/images/inputilan.png);
background-color:#e4e3e3;
width:184px;
height:25px;
border:none;
padding:2px;
font-family:Tahoma;
font-size:12px;
color:#666666;
}


.sayfalar{color:#6d6d6d; font-family:"Trebuchet MS"; line-height:18px; font-size:14px;}
.sayfalar h3{ font-family:"Trebuchet MS"; font-weight:bold; font-size:16px; padding-bottom:0px;color:#002655;}


.ekatalog{
float:left;
width:100%;
height:40px;
margin-top:5px;
float:left;
margin-bottom:5px;
background-color:#c9e4f2;
font-weight:bold;
color:#ffffff;}

.ekatalog:hover{
float:left;
width:100%;
height:40px;
float:left;
margin-top:5px;
margin-bottom:5px;
background-color:#9ebbd0;
color:#FFFFFF;
font-weight:bold;
}
a.kutulink{ color:#22374c; text-decoration:none;}
 a.kutulink:link{ color:#22374c; text-decoration:none;}
 a.kutulink:hover{ color:#002655; font-weight:bold; text-decoration:underline;}
a.katlink{ color:#002655; text-decoration:none;}
 a.katlink:link{ color:#002655; text-decoration:none;}
 a.katlink:hover{ color:#002655; font-weight:bold; text-decoration:none;}

.sayfalamaalani{width:100%; margin-top:10px;float:left; }
#Tum_Haberler{width:100%;height:130px; float:left; margin-top:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cad2d8;}
#Tum_Haberler .YTSOL{height:115px;width:150px;float:left;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);padding-top:5px;padding-left:5px;}
#Tum_Haberler .YTSAG{float:left;margin-left:10px;width:765px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori{float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori{text-decoration:none;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik{text-decoration:none;color:#555;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik{text-decoration:none;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_tarih{float:left;height:20px;background-image:url(/images/yaztektarih.png);background-repeat:no-repeat;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;width:700px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_yorum{float:left;height:20px;background-image:url(/images/yaztekyorum.png);background-repeat:no-repeat;padding-left:20px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori:hover{text-decoration:underline;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;line-height:25px;}
#Tum_Haberler .YTSAG .YT_Sag_icerik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;height:40px;}

#paylas{ float:left; width:100%; margin-top:10px; height:24px; font-family:"Century Gothic"; font-size:14px; color:#000033;}
#paylas .picon{ float:left; height:24px; width:24px; padding-right:5px;}

.magic{ clear:both;}


.iletisim_kutu{ float:left; width:455px; margin-right:10px; min-height:150px;}
.iletisim_kutu2{ float:left; width:465px; margin-bottom:10px; }
.iletisim_kutu4{ float:left; width:180px; margin-bottom:10px; }
.iletisim_kutu3{ float:left; width:320px; margin-bottom:10px; }
.iletisim_baslik{ float:left; width:100px;}
.aciklamaalan{ float:left; width:250px; margin-left:10px;}
.etiketalani{float:left; width:920px; height:28px; padding-left:10px; padding-top:15px; background:url(/images/etiketlerbg.png);background-repeat:no-repeat; margin-top:20px;}

a.etiket:link{text-decoration:none;color:#c41017; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.etiket:visited{text-decoration:none;color:#c41017;}
a.etiket:hover{text-decoration:underline;color:#033e9f;}
.cizgi {
	float: left;
	width:100%;
	margin-top: 10px;
	border-bottom:1px dotted #999999;
}

a.haberlink:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d7161e;
	text-decoration:none;
}
a.haberlink:visited {
	color: #d7161e;
	text-decoration:none;
}

a.haberlink:hover{color:#000033; text-decoration:underline;}

.proje_kutu {
	background-image: url(/images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	 
}
.proje_kutu1 {
	background-image: url(/images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	 
}
.proje_alani{
float: left;
	height: 130px;
	width: 130px;
	padding:10px;}
.proje_resim {
	float: left;
	height: 80px;
	width: 128px;
	overflow:hidden;
	border:1px solid #c8e4f2;
}
.proje_border {
	background-color: #002655;
	float: left;
	height: 5px;
	width: 130px;
	
	margin-bottom:5px;
}
.proje_baslik {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	float: left;
	width: 130px;
	font-weight:bold;
}

a.projelink:link{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:hover{font-family: "Trebuchet MS";
	font-size: 14px;
	color:#990000;
	text-decoration:underline;
	}
	
	#detayresimalani {
	background-color:#c7e3f2;
	float: left;
	width: 365px;
	border:1px solid #73b1fd;
}
.detayresim {
	margin: 5px;
	float: left;
	height: 200px;
	width: 355px;
}


.detaykucukkutu {
	margin: 5px;
	float: left;
	height: 63px;
	width: 63px;

}

.aciklamaalan{ float:left; width:550px; margin-left:10px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1002; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);  display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }