/***************************** mavi tasarim *****************************/
body {
	background: url(../resim/bk.gif) repeat-x center top;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
a {
	color: #000000;
	text-decoration: none;
}
h1 {
	color: #0098ca;
	font-size: 48px;
	line-height: 52px;
	padding: 5px 0;
	border-bottom: 5px solid #b3b3b3;
	margin-bottom: 34px;
}
h2 {
	color: #ff9900;
	font-weight: bold;
	font-size: 18px;
}
h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	color: #A0A0A0;
	font-size: 14px;
	font-weight: normal;
}
h2, h3, h4, p, ul, ol, fieldset {
	margin-bottom: 17px;
}
small {
	font-size: 10px;
	text-transform: uppercase;
	color: #3c5f6b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
small i {
	color: #999999;
	font-weight: normal;
	padding-right: 2px;
}
textarea, input {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
hr {
	margin: 16px 0 26px 0;
	border: 0;
	border-top: 1px solid #bfbfbf;
	height: 8px;
	line-height: 8px;
	background: url(../resim/corner_tl_black.png) no-repeat -2px 0;
}
.ie7 hr {
	height: 0;
	line-height: 0;
	background: none;
}

/**************************** ölçüler ****************************/
.wrapper {
	width: 984px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	.nolines .wrapper {
		width: 994px;
	}
	.full-width .wrapper {
		width: 984px;
	}
.smallCol {
	float: left;
	width: 204px;
	position: relative;
	}
	.reversed .smallCol {
		float: right;
	}
.largeCol {
	float: right;
	width: 780px;
	position: relative;
	}
	.reversed .largeCol {
		float: left;
	}

/********************************** harita **********************************/
#map {
	background: url(../resim/bk.gif) no-repeat center top;
}

/******************************** baslik *********************************/
#top-line {
	height: 23px;
	background: url(../resim/header_top_line.png) repeat-x center bottom;
	}
	.nolines #top-line {
		background: none;
	}
	#top-line .wrapper {
		height: 22px;
		background: url(../resim/header_lines.png) repeat-y top right;
	}
	.full-width #top-line .wrapper {
		background-image: url(../resim/header_lines_large.png);
	}
	.reversed #top-line .wrapper {
		background-position: top left;
	}
	.nolines #top-line .wrapper {
		background: none;
	}
#header {
	height: 159px;
	background: url(../resim/header_lines.png) repeat-y top right;
	z-index: 150;
	}
	.full-width #header {
		background-image: url(../resim/header_lines_large.png);
		}
		.full-width #header .smallCol {
			display: none;
		}
		.full-width #header .largeCol {
			width: 100%;
		}
	.reversed #header {
		background-position: top left;
	}
	.nolines #header {
		background: none;
	}
	.overhang #header .largeCol {
		height: 129px;
	}
	
	#keywords {
		display: none;
	}
	
	#header-links {
		background: url(../resim/header_menu_bg.png);
		height: 38px;
		float: right;
		margin-right: 1px;
		margin-bottom: 0;
		z-index: 1;
		}
		.ie6 #header-links {
			display: inline;
		}
		#header-links li {
			display: block;
			float: left;
			height: 38px;
			position: relative;
			z-index: 100;
			}
			#header-links li a {
	display: block;
	padding: 4px 11px 6px 11px;
	color: white;
	font-size: 12px;
	line-height: 28px;
	text-transform: lowercase;
	text-decoration: none;
	border: 0 solid #0098ca;
	outline:0;
				}
				#header-links li a:hover {
					border-bottom-width: 6px;
					padding-bottom: 0;
				}
				#header-links li a img.nav-icon {
					vertical-align: -15%;
					}
					.ie6 #header-links li a img.nav-icon {
						margin-top: 6px;
						margin-bottom: 6px;
					}
			#header-links li ul {
				position: absolute;
				float: none;
				left: 0;
				top: 38px;
				background-color: #333333;
				display: none;
				z-index: 200;
				-moz-box-shadow: 0 2px 5px #333333;
				-webkit-box-shadow: 0 2px 5px #333333;
				box-shadow: 0 2px 5px #333333;
				}
				#header-links li:hover ul,
				#header-links li.hover ul {
					display: block;
					}
					.ie6 #header-links li.hover ul {
						width: 200px;
					}
				#header-links li ul li {
					white-space: nowrap;
					height: 28px;
					float: none;
					width: 100%;
					}
					#header-links li ul li a {
						padding: 0 9px 0 9px;
						line-height: 26px;
						height: 28px;
						text-transform: none;
						}
						#header-links li ul li a:hover {
							border: 0;
							background-color: #0098ca;
							}
					#header-links li ul li ul,
					#header-links li:hover ul li ul,
					#header-links li.hover ul li ul {
						right: 100%;
						left: auto;
						top: 0;
						display: none;
						}
						#header-links li ul li:hover ul,
						#header-links li ul li.hover ul {
							display: block;
						}
						#header-links li ul li ul li ul,
						#header-links li:hover ul li ul li ul,
						#header-links li.hover ul li ul li ul {
							right: 100%;
							left: auto;
							top: 0;
							display: none;
							}
							#header-links li ul li ul li:hover ul,
							#header-links li ul li ul li.hover ul {
								display: block;
							}
	
	#header h1 {
		padding: 66px 18px 0 18px;
		margin: 0 0 12px 0;
		border-bottom: none;
		}
		#header h1 a {
	display: block;
	height: 43px;
	width: 744px;
	border-bottom: 2px solid #ff9900;
	text-indent: -3000px;
	text-decoration: none;
	color: white;
	line-height: 34px;
	background-image: url(../resim/);
	background-repeat: no-repeat;
			}
			.full-width #header h1 a {
				width: 948px;
			}
			.ie #header h1 a {
				line-height: 44px;
			}
			#header h1 a.no-replacement {
				background: none;
				text-indent: -2px;
			}
	#header p {
		display: none;
	}
	
	#highlights {
		display: none;
	}

/***************************** genis baslik ******************************/
.large-header {
	background: #333333;
	}
	.large-header #map {
		background-image: url(../resim/baslik.png);
	}
	.large-header #header {
	height: 280px;
		}
		.large-header #header .largeCol {
	height: 265px;
		}
		.large-header #keywords {
			display: block;
			padding: 12px 20px 0 0;
			}
			.reversed #keywords {
				padding: 12px  0 0 20px;
			}
			.nolines #keywords {
				padding-top: 0;
				margin-top: -4px;
			}
			.large-header #keywords li,
			.large-header #keywords li a {
				font-size: 16px;
				line-height: 25px;
				color: white;
				text-align: right;
				text-transform: uppercase;
				text-decoration: none;
			}
			.reversed #keywords li,
			.reversed #keywords li a {
				text-align: left;
			}
			.large-header #keywords li a:hover {
				padding-right: 8px;
				color: #b2e0ef;
				background: url(../resim/keyword_anim.gif) no-repeat right 5px;
				}
				.ie7 .large-header #keywords li a:hover {
					background-position: right 2px;
				}
				.reversed #keywords li a:hover {
					padding-right: 0;
					padding-left: 8px;
					background-position: left 5px;
				}
				.ie7 .reversed #keywords li a:hover {
					background-position: left 2px;
				}
		
		.large-header #header p {
	display: block;
	margin: 0 19px 0 19px;
	color: white;
	font-size: 10px;
		}
		
		.large-header #highlights {
			display: block;
			position: absolute;
			height: 100px;
			left: 10px;
			bottom: 0;
			margin-bottom: 7px;
			}
			.large-header #highlights li {
				background: url(../resim/highlight_bg.png) repeat-x;
				float: left;
				width: 240px;
				height: 100px;
				margin-left: 20px;
				}
				.full-width #highlights li {
					width: 225px;
				}
				.large-header #highlights li a {
					display: block;
					margin: 1px;
					height: 95px;
					border-bottom: 3px solid white;
					color: white;
					text-decoration: none;
					font-size: 14px;
					padding: 0 19px;
					overflow: hidden;
					}
					.large-header #highlights li a strong {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	padding: 14px 0 6px 0;
					}
					.large-header #highlights li a.orange { border-bottom-color: #ff9900; }
					.large-header #highlights li a.green { border-bottom-color: #a3d655; }
					.large-header #highlights li a.blue { border-bottom-color: #0098ca; }
					.large-header #highlights li a.pink { border-bottom-color: #ca0068; }
					.large-header #highlights li a.purple { border-bottom-color: #8000ca; }
					.large-header #highlights li a.red { border-bottom-color: #cc0000; }
					.large-header #highlights li a.grey { border-bottom-color: #B0B5B9; }
				.large-header #highlights li:hover,
				.large-header #highlights li.hover {
					background-position: 0 bottom;
				}
			.large-header #highlights li.first {
				margin-left: 0;
			}

/******************************** kutu ********************************/


.large-header #header p {
	display: block;
	margin: 0 19px 0 19px;
	color: white;
	font-size: 10px;
		}
		
		.large-header #kutu {
	display: block;
	position: inherit;
	height: 100px;
	left: 10px;
	bottom: 0;
	margin-bottom: 7px;
			}
			.large-header #kutu li {
				background: url(../resim/highlight_bg.png) repeat-x;
				float: left;
				width: 240px;
				height: 100px;
				margin-left: 20px;
				}
				.full-width #kutu li {
					width: 225px;
				}
				.large-header #kutu li a {
					display: block;
					margin: 1px;
					height: 95px;
					border-bottom: 3px solid white;
					color: white;
					text-decoration: none;
					font-size: 14px;
					padding: 0 19px;
					overflow: hidden;
					}
					.large-header #kutu li a strong {
						display: block;
						color: #ffffff;
						font-weight: bold;
						font-size: 18px;
						line-height: 22px;
						padding: 14px 0 6px 0;
					}
					.large-header #kutu li a.orange { border-bottom-color: #ff9900; }
					.large-header #kutu li a.green { border-bottom-color: #a3d655; }
					.large-header #kutu li a.blue { border-bottom-color: #0098ca; }
					.large-header #kutu li a.pink { border-bottom-color: #ca0068; }
					.large-header #kutu li a.purple { border-bottom-color: #8000ca; }
					.large-header #kutu li a.red { border-bottom-color: #cc0000; }
					.large-header #kutu li a.grey { border-bottom-color: #B0B5B9; }
				.large-header #kutu li:hover,
				.large-header #kutu li.hover {
					background-position: 0 bottom;
				}
			.large-header #kutu li.first {
				margin-left: 0;
			}
/******************************** icerik ********************************/
#content {
	background: url(../resim/content_lines.gif) repeat-y top right;
	z-index: 1;
	}
	.full-width #content {
		background-image: url(../resim/content_lines_large.gif);
	}
	.reversed #content {
		background-position: top left;
	}
	.nolines #content {
		background: none;
	}
	
	#logo {
		display: block;
		margin: -121px 0 38px 0;
		text-align: center;
		color: #849fb8;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		z-index: 300;
		}
		#logo img {
			margin-bottom: 5px;
		}
		#logo strong {
			color: #003366;
			font-size: 18px;
			line-height: 18px;
		}
	
	
			


/******************************* haber gecisleri *******************************/
#ticker
 { 
 width:186px; 
 height:92px; 
 border:0px solid #aaaaaa; 
 overflow:auto; 
 }
 
#ticker dt 
{
	font:normal 11px Verdana;
	padding:0 10px 5px 10px;
	background-color:#ffffff;
	padding-top:10px;
	border:0px solid #ffffff;
	border-bottom:none;
	border-right:none;
	position:static;
 }
 
#ticker dd
 {
	margin-left:0;
	font:normal 11px Verdana;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #aaaaaa;
	background-color:#124A6D;
	border-left:1px solid #ffffff;
	position:static;
   }
   
#ticker dd.last
 {
  border-bottom:0px solid #ffffff; 
  }
#ticker div
 {
  margin-top:0; 
  }




/******************************** haber ********************************/




/******************************** sutunlar ********************************/
.columns {
	margin-bottom: 17px;
	}
	.colx2-left {
		float: left;
		width: 48%;
	}
	.colx2-right {
		margin-left: 52%;
	}
	.colx3-left {
		float: left;
		width: 31%;
	}
	.colx3-left-double {
		float: left;
		width: 66%;
	}
	.colx3-center {
		float: left;
		width: 32%;
		margin-left: 3%;
	}
	.colx3-right {
		margin-left: 69%;
	}
	.colx3-right-double {
		margin-left: 34%;
	}
	.ie6 .colx3-right {
		margin-left: 68%;
	}
	.colx4-col {
		float: left;
		width: 22.75%;
		margin-left: 3%;
	}
	.ie6 .colx4-col {
		width: 22%;
	}
	.colx4-col:first-child {
		margin-left: 0;
	}
	.colx4-col-double {
		float: left;
		width: 48.5%;
		margin-left: 3%;
	}
	.colx4-col-triple {
		float: left;
		width: 74.25%;
		margin-left: 3%;
	}

.left-border {
	border-left: 1px solid #bfbfbf;
	background: url(../resim/corner_tl_black.png) no-repeat 0 -2px;
	padding-left: 21px;
}
.right-border {
	border-right: 1px solid #bfbfbf;
	background: url(../resim/corner_tr_black.png) no-repeat right -2px;
	padding-right: 21px;
}

/********************************* tablolar ********************************/
.table {
	background: #cceaf4;
	border: 10px solid #cceaf4;
	border-collapse: separate;
	border-bottom-width: 5px;
	margin-bottom: 34px;
	}
	.table caption {
		background: #cceaf4;
		border: 10px solid #cceaf4;
		border-top-width: 8px;
		border-bottom-width: 2px;
		text-align: left;
		color: #3c5f6b;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		width: 100%;
		}
		.ie .table caption {
			width: auto;
		}
	.table thead th {
		color: #0098ca;
		text-transform: uppercase;
		padding: 0 0 2px 5px;
		font-weight: bold;
		text-align: left;
		}
		.table thead th.grey {
			color: #989898;
			text-transform: none;
			font-style: italic;
			font-weight: normal;
			padding-left: 0;
		}
	.table tbody tr th,
	.table tbody tr td {
		border-top: 1px solid #99afb7;
		padding: 3px 0 5px 5px;
	}
	.table tbody tr th {
		color: #0098ca;
		font-weight: bold;
		text-align: left;
	}
	.table tbody tr td {
		color: #333333;
	}
	.table tbody tr:first-child th,
	.table tbody tr:first-child td {
		border-top-color: #114764;
	}
	.table tbody tr:nth-child(odd) th,
	.table tbody tr:nth-child(odd) td {
		background: #dbf0f7;
	}
	.table tfoot th,
	.table tfoot td {
		border-top: 1px solid #ff9900;
		padding: 3px 0 5px 5px;
	}
	.table tfoot th {
		color: #989898;
		font-style: italic;
		padding-left: 0;
		font-weight: normal;
		text-align: left;
	}
	.table tfoot td {
		color: #ff9900;
	}


/**** Masonry CSS ****/

.wrap {
	background: #999999;
	border: 0px solid #456;
	padding: 10px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 400px;
}

.wrap:after {    
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;
}

.box {
	margin: 7px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 11px;
	float: left;
	background-color: #ffffff;
}

.col1 {
	width: 187px;
}
.col2 {
	width: 493px;
}
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img {
	max-width: 180px;
}
.col2 img {
	max-width: 498px;
}
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/**** Primer comparison ****/
#comparison {    
	overflow: auto;
}
#comparison 
.example 
{
	width: 960px;
	float: right;
	margin-right: 13px;
}
#comparison 
.box h5 
{    
float: left;    
margin-bottom: 0;    
font-size: 30px;    
margin-right: 4px;    
line-height: 28px;    
font-weight: bold;    
color: #FFF;
}

/****************************** saat ****************************/

#fancyClock{
	margin:40px auto;
	height:200px;
	border:1px solid #ff9900;
	width:600px;
}



/****************************** ozel tasarim ****************************/
h2.pink { color: #ca0068; }
h2.purple { color: #8000ca; }
h2.blue { color: #0098ca; }
h2.green { color: #a3d655; }
h2.orange { color: #ff9900; }
h2.grey { color: #B0B5B9; }
h2.red { color: #cc0000; }

ul.bullet li {
	background: url(../resim/arrow_blue.gif) no-repeat 0 7px;
	padding-left: 11px;
	color: #999999;
	margin-bottom: 7px;
}

.news-element {
	color: #808080;
}

.grey-block {
	background: #e6e6e6;
	padding: 20px;
	margin-bottom: 34px;
	overflow: hidden;
	}
	.ie6 .grey-block {
		padding: 10px 20px;
	}
	.grey-block > :last-child {
		margin-bottom: 0;
	}
.grey-text {
	color: #808080;
}

.img-frame,
.post-thumbnail img {
	border: 1px solid #b4b4b4;
	background: white;
	padding: 4px;
}

.button-link,
.button-link b {
	display: block;
	float: left;
	color: white;
	background: url(../resim/link_bg.gif) no-repeat;
	font: normal 8px/16px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-transform: uppercase;
}
.button-link {
	padding: 0 0 0 5px;
}
.button-link b {
	background-position: top right;
	padding: 0 25px 0 0;
	height: 16px;
}
.button-link:hover {
	background-position: bottom left;
}
.button-link:hover b {
	background-position: bottom right;
}

.footer-notes {
	font-size: 10px;
	color: #808080;
	line-height: normal;
	}
	.footer-notes strong {
		font-weight: bold;
		color: #0098ca;
	}


/******************************** taban ********************************/

.footer{color:#979797; font-size:10px; line-height:13px} 
.footer b{color:#B4B4B4;} 
.footer a{color:#3492BE; text-decoration:underline} 
.footer a:hover{text-decoration:none} 

input,textarea{
   font-family:Tahoma;
   color:#464646; 
   font-size:11px;
} 
/******************************** Generic ********************************/
.clearer {
	clear: both;
}
.left,
alignleft {
	float: left;
}
img.left,
img.alignleft {
	margin-right: 20px;
}
.right,
alignright {
	float: right;
}
img.right,
img.alignright {
	margin-left: 20px;
}

/******************************  ****************************/

.clearfix,
.search-form:after,
#content:after,
.blog-tags:after,
.comment-bubble:after,
.blog-nav:after,
.columns:after,
.grid-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix,
* html .search-form,
* html #content,
* html .blog-tags,
* html .comment-bubble,
* html .blog-nav,
* html .columns,
* html .grid-list
	{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .search-form,
*:first-child+html #content,
*:first-child+html .blog-tags,
*:first-child+html .comment-bubble,
*:first-child+html .blog-nav,
*:first-child+html .columns,
*:first-child+html .grid-list
	{ zoom: 1; } /* IE7 */