/* CSS Document */
body{ background:url(images/background_fade.gif) repeat-x top; background-color:#cdcccc; margin:0 0 0 0; padding:0 0 0 0; height:300px; }

div#header_container { border-top:none; margin:0 auto 0 auto; width:866px; }
.top_image{ background:url(images/top_image.jpg) no-repeat; margin:0 0 0 0;  height:221px; text-align:right; font-weight:bold;}
.top_image_en{ background:url(images/top_image_en.jpg) no-repeat; margin:0 0 0 0;  height:221px; text-align:right; font-weight:bold; }
div#header_container a{text-decoration:none; color:#000000; font-family:Geneva, Arial, Helvetica, sans-serif;  font-size:12px;}
div#header_container a:hover{border-bottom:#000000 solid 1px;}


div#main_container { border-top:none; margin:0 auto; padding:0 0 12px 0;  width:866px; background:url(images/background_center.gif) repeat-y; overflow:hidden; }
div#left_container{width:172px; overflow:hidden; margin:0 12px 0 11px; padding:0 0 0 0; float:left; display:inline; overflow:auto;}
div#right_container{width:660px; float:left; margin:0 0 10px 0; overflow:hidden; }
.image{	margin: 12px 0 0 0 ; float:left; }
div#main_sub_border{ 	border-top:none; margin:0 auto; width:866px; background:url(images/background_bottom.gif) no-repeat; text-indent:-9999px;}

div#footer_container { border-top:none; margin:0 auto; width:866px; }
.footer_sol { color:#000000; float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; width:254px;}
.footer_sag{ color:#000000; float:right; font-size:10px; font-family:Arial, Helvetica, sans-serif; width:500px; text-align:right; }


ul#menu { font-family:Verdana; float:left; font-size:12px; font-weight:bold; list-style-type:none; margin:4px 0 10px 0; padding:0 0 0 0; }
ul#menu li { line-height:25px; border-bottom:#9e9da0 solid 2px; width:150px; margin: 0 0 0 4px; }
ul#menu li a{color:#233d7b; text-decoration:none;}
ul#menu li a:hover{color:#5585f9; }

div#flash_menu{ margin:0 0 0 0; padding:0 0 0 0; float:left; width:172px; }
.flash_menu_1_top{ background: url(images/window_flash_top.gif) no-repeat ; height:6px; overflow:hidden;}
.flash_menu_1_content{ background-color:#d9d9d9; padding: 5px 5px; color:#5d5c60; font-family:Verdana; font-size:11px; text-align:justify; height:130px}
.flash_menu_1_bottom{ background: url(images/window_flash_bottom.gif) no-repeat ; height:6px; overflow:hidden;}


div#pencere_1 { width:389px; float:left; margin: 12px 12px 0 0;  }
.pencere_1_top{ background: url(images/window_1_top.gif) no-repeat ; height:6px;overflow:hidden;}
.pencere_1_content{ background-color:#d9d9d9; padding: 5px 5px; color:#5d5c60; font-family:Verdana; font-size:11px; text-align:justify; height:130px ;line-height:14px}
.pencere_1_bottom{ background: url(images/window_1_bottom.gif) no-repeat ; height:6px; overflow:hidden;}

div#pencere_2 { width:650px; margin: 12px 12px 0 0; float:left; }
.pencere_2_top{ background: url(images/window_2_top.gif) no-repeat ; height:6px;overflow:hidden;}
.pencere_2_content{ background-color:#d9d9d9; padding: 5px 5px; color:#5d5c60; font-family:Verdana; font-size:11px; text-align:justify; height:265px; overflow:hidden;}
.pencere_2_bottom{ background: url(images/window_2_bottom.gif) no-repeat ; height:6px; }
.left_to_align{ float:left; margin: 0px 5px;}

.pencere_3_content{ background-color:#d9d9d9; padding: 5px 5px; color:#5d5c60; font-family:Verdana; font-size:11px; text-align:justify; overflow:;}


div#adres{ width:310px; float:left; border-right:solid 1px;} 
div#adres p{margin: 15px 5px; text-align:center;}
div#adres a{ text-decoration:none; color:#000000;}
div#adres a:hover{color:#333333;}

h2{ color:#09aded; font-size:12px;  font-family:Verdana; font-weight:bold; margin: 0 0 3px 0; }
span{ color:#000000; display:block; }
a#footer_links { color:#000000; text-decoration:none;}

form{margin:15px 0 0 0; float:left; border:#d9d9d9 solid 1px;}

#iletisim_form 
#iletisim_form  input{ float:left; width:200px;}
#iletisim_form input#temizle { margin:0 0 0 0; float:left; width: 100px; }
#iletisim_form input#gonder { margin:0 5px 0 5px; width:100px; }
#iletisim_form textarea{float:left; width:200px;}
#iletisim_form label, label span { display:block; padding-bottom:.25em;}
#iletisim_form label { float:left; width:320px; }
#iletisim_form label span {float:left; text-align:right; width:100px; margin: 0 5px 0 0;}
#iletisim_form .email_mesaj{margin: 0 0 0 0; text-indent: 10px;}


h1{ font-size:24px; margin: 30px 0 0 60px;}
a{ text-decoration:none; color:#333333;}
img{ border:none;}

.tablo{ width: 100% ; font-size:10px;  }
.kolon1{ width: 270px; background-color:#E8E8E8; text-align:left; border-bottom:#999999 solid 1px; text-align:left;}
.kolon2{ width: 70px; background-color:#E8E8E8; border-bottom:#999999 solid 1px; text-align:left;}
.kolon3{ width: 180px; background-color:#E8E8E8;border-bottom:#999999 solid 1px; text-align:left;}
.kolon4{ width: 70px; background-color:#E8E8E8; border-bottom:#999999 solid 1px; text-align:left;}

.referans_icerik{ width:400px; float:left }
.referans_b_resim{ float:left; margin: 0 20px 0 0;  }
.referans_k_resim{ margin:0 3px 0 0}
.referans_p{margin: 40px 0;}


.mavi{ color:#09aded;}
.siyah{ color:#000000;}
.siyah_10p{ color:#000000; font-size:10px;}

.img_sol{float:left; margin:0 10px 0 0;}
p{ line-height:16px; }

p#ortala{
clear:both;
color:#3a260d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:1px 1px;
padding:0 0 0 0;
text-align:center;
}

form#form1 table{font-size:10px; border-collapse:collapse; border:none; text-align:left;}
form#form1{ border:none; margin:0;}
form#form1 input,textarea,select{ font-size:10px; }
form#form1 strong{ color:#FFFFFF;}
form#form1 em{ color:#FF0000;}

/*
		<ul id="menu">
			<li><a href="#" target="_self">HAKKIMIZDA</a></li>
			<li><a href="#" target="_self">HIZMETLERIMIZ</a></li>			
			<li><a href="#" target="_self">REFERANSLAR</a></li>			
			<li><a href="#" target="_self">INSAN KAYNAKLARI</a></li>			
			<li><a href="#" target="_self">ILETISIM</a></li>			
			<li><a href="#" target="_self">ANASAYFA</a></li>			
		</ul>
		<div id="flash_menu">
			<div class="flash_menu_1_top"></div>
			<div class="flash_menu_1_content">Content for  class "flash_menu_1_bottom" Goes Here</div>
		    <div class="flash_menu_1_bottom"></div>
		</div>
		<div id="pencere_1">
			<div class="pencere_1_top"></div>
			<div class="pencere_1_content"><h2>What is Lorem Ipsum?</h2>
		    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing  Lorem Ipsum...</div>
			<div class="pencere_1_bottom"></div>
		</div>
		<img class="image" src="css/images/image_1.jpg" />
		<div id="pencere_2">asdasdasd</div>


*/