@import url("Format.css"); 
@import url("jScrollPane.css"); 
@import url("Lightbox.css"); 
@import url("coda-slider-2.0.css"); 

/* Genel Yapı Oluşturuldu...
====================================================== */
.GeneralFrame {width: 950px; height:auto; text-align:left;}
.Header {width:950px; height: 122px; text-align:left; display:inline-block;}
.Middle {width:950px; height:471px; padding-top:10px; text-align:left; display:inline-block;}
.Footer {width:950px; height:auto; padding:5px 0px; text-align:left; text-align:left; display:inline-block;}


/* Header */
.Header .Logo { width:230px; float:left; padding:20px 20px 0 10px;}
.Header .Menu { width:425px; float:left; padding:85px 10px 0 10px;}
.Header .Menu .MenuLine { width:100%; height:3px; background-image:url('../Img/menu-nav-line.gif'); background-repeat:repeat-x;}
.Header .Menu .MenuOval { width:98px; height:18px; color:black; float:left; text-align:center; margin:0 4px 0 4px; background-image:url('../Img/menu-back-ground.png');}
.Header .GrafikAtolye { width:61px; height:84px; float:left; margin-top:15px;}
.Header .Language { width:110px; float:right; text-align:right; margin-top:5px; padding:5px 20px; font-size:13px;}
.Header .SosialButton {float:right; margin-top:25px;}
.Header .SosialButton .Button {width:36px; height:51px; float:left; margin:7px;}

/* Middle */
.Middle .ContentFrame 	{padding:5px 10px;}
.Middle .LeftFrame 		{width:597px; height:465px;  float:left; border-bottom:solid 4px #848484;}
.Middle .RightFrame		{width:353px; height:479px; float:right;}

.Middle .HomePage 		{height:385px; margin-left:13px;}
.Middle .News 			{ width:625px; height:80px; color:white;}

/* Footer */
.Footer .ContentFrame 	{padding:5px 10px;}
.Footer .ContentFrame .Contact { float:left;}
.Footer .ContentFrame .Contact .Icon {float:left; width:20px; height:20px; margin-right:5px;}
.Footer .ContentFrame .Contact .Text {float:left; padding-top:2px; margin-right:20px;}
.Footer .ContentFrame .CopyRight { float:right;}


/* Home Page Flash Animation */
.FlashAnimation {width:645px; height:350px; padding:10px; position:relative; background-image:url('../Img/flash-back-ground.jpg'); background-repeat:no-repeat; background-color:#C91A82;}
.FlashAnimation ul{ width:645px; height:349px;  display:inline-block; background-color:white;}

/* Page Module Style */
.Pages { margin-left:40px; margin-bottom:10px;}
.Pages ul.LeftColon {width:74px; height:460px; border-right:solid 1px gray;  text-align:right; float:left; padding:0 10px 0 10px;}
.Pages ul.RightColon {width:425px; height:460px; padding-right:10px; float:left; margin-left:10px; overflow:auto;}
.Pages ul.RightColon #Pane2 {height:460px;}

.PagesCategory { margin-left:40px; margin-bottom:10px;}
.PagesCategory div.RightColon {width:545px; height:360px; float:left; margin-top:20px; padding:0 10px 0 10px; overflow:auto;}
.PagesCategory ul.RightColon #Pane2 {height:410px;}

/* Referance Module Style */
.Referance { margin-left:0px; margin-bottom:0px;}
.Referance ul.TopColon {border-bottom:solid 2px gray; padding-bottom:5px; text-align:left; float:left;}
.Referance ul.TopColon li.IconFrame { width:60px; float:left; margin-right:6px; margin-left:6px; text-align:center;}

.BoardDetail img { margin-right:10px;}