.body{ background-image:  url(../images/site_back.jpg); background-repeat: repeat-y;  background-color: #163138;  background-position: top; margin: auto; padding: 0px; }

#container{ height: 100%; width: 100%; background-image:  url(../images/back2.jpg); background-repeat: no-repeat;  background-position: top; margin: auto; padding: 0px; }
#site{ width:853px; height: auto; margin: 0 auto;  }
#menu{ width: 800px; }
#menu ul{ margin-top: 13px;  }
#menu ul li{ float: left; margin-right: 24px; margin-left: 30px;  }
#menu ul li a{ font-family: Segoe UI; font-size: 15px; color: #51c2ce; text-decoration: none;   }
#menu ul li a:hover{  color: #FFF;   }
#orta{  height: auto; width: 853px; margin-top: 380px; margin-bottom: 30px; }
#orta h1{  font-family: Segoe UI; font-size: 17px; line-height: 19px; font-weight: bold;  color:  #33D9EB; margin-top: 20px; margin-left: 33px; width: 780px;   }
#orta p{  font-family: Segoe UI; font-size: 13px; line-height: 19px;  font-weight: normal; color: #e4e4e4; margin-top: 20px; margin-left: 33px; width: 780px;   }
#ortaleft{ float: left; margin-left: 110px; width: 290px;  }
#ortaleft #box{ float: left;  padding: 8px; margin-bottom: 20px; }
#ortaleft #box h1{ font-family: Segoe UI; font-size: 20px; font-weight: bold; color: #e4e4e4;  }
#ortaleft #box p{ font-family: Segoe UI; font-size: 11px;  color: #e4e4e4; margin-top: 10px; line-height: 16px; width: 200px;  }
#ortaright{  float: left; }
#ortaright h1{ font-family: Segoe UI; font-size: 18px;  font-weight: normal; color: #e4e4e4; margin-top: 10px;  }
#ortaright #left { float: left; margin-top: 18px; margin-left: 26px; }
#ortaright #right { float: left; margin-top: 18px; margin-left: 124px;}
#ortaright #left a{ font-family: Segoe UI; font-size: 12px; line-height: 17px;  font-weight: normal; color: #e4e4e4;  text-decoration: none;  display: block; }
#ortaright #left a:hover{ color: #51c2ce; }
#ortaright #right a{ font-family: Segoe UI; font-size: 12px; line-height: 17px;  font-weight: normal; color: #e4e4e4;  text-decoration: none; display: block;  }
#ortaright #right a:hover{ color: #51c2ce; }
#ortaright a{  font-family: Segoe UI; font-size: 16px; line-height: 17px;   color: #33d9eb;  text-decoration: none;  display: block; }
#ortaright p{  font-family: Segoe UI; font-size: 12px; line-height: 15px; padding-top: 11px;   color: #fff;  text-decoration: none;   width: 400px; }
#ortaright #tumhaberler{  float: right; }
#ortaright #tumhaberler a{ float: right;   font-family: Segoe UI; font-size: 12px; line-height: 15px; padding-top: 11px;   color:   #FF6600;  text-decoration: none;   width: 400px; }
#footer #link{  float: left; }
#footer p{ float: right; }
#footer p{   color: #FFF; font-size: 12px; }

#download{background: url(../images/dw2.png) no-repeat; width: 671px; height: 294px; margin-left: 90px; }
#download a{ font-family: Segoe UI; font-size: 13px; color: #00e7ff; text-decoration: none; }
#download a:hover{  text-decoration: underline; }
#download #bir{ float: left; margin-top: 100px; margin-left: 50px; }
#download #iki{ float: left; margin-top: 100px; margin-left: 62px;}
#download #uc{ float: left; margin-top: 97px; margin-left: 143px; }
#download #dort{ float: left; margin-top: 97px; margin-left: 70px; }
#download #bes{ float: left; margin-top: 150px;  margin-left: 45px; }
#download #alti{ float: left; margin-top: 150px; margin-left: 68px;}
#download #yedi{ float: left; margin-top: 151px; margin-left: 143px; }
#download #sekiz{ float: left; margin-top: 151px; margin-left: 70px; }


#orta:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#orta {display: inline-block;}
/*IE-mac de bu bolumu sakla \ */
* html #orta {height: 1%;}
#orta {display: block;}
/* IE-mac bu bolumu saklam artik */