body {font-family: Helvetica, Arial, sans-serif; font-size:12px; background: url(../images/TransLogo.png) no-repeat center left; color:#333}
#Wrapper {width:100%; position:relative;}
/*Header Begin*/
#HeaderTop {position:relative; z-index:1; background:url(../images/HeaderUstBg.png) no-repeat center top; margin:0 auto;}
#HeaderTop .HeaderTopInner{position:relative; width:940px; height:164px; margin:0 auto;}
#HeaderTop .HeaderTopInner a.Logo {position:absolute; left:0; top:10px; float:left; }
#HeaderTop .HeaderTopInner div.Flag {position:absolute; right:-80px; top:160px; background:url(../images/Flag.png) no-repeat; width:43px; height:161px; }
#HeaderTop .HeaderTopInner div.Ataturk {position:absolute; right:0; top:10px; background:url(../images/Ataturk.png) no-repeat; width:99px; height:117px; }
#HeaderTop .HeaderTopInner ul.HeaderTopLink {list-style:none; position:absolute; right:100px; top:110px; float:right;}
#HeaderTop .HeaderTopInner ul.HeaderTopLink li {float:left; margin-left:5px;}
#HeaderTop .HeaderTopInner ul.Language {list-style:none; position:absolute; right:0; top:124px;}
#HeaderTop .HeaderTopInner ul.Language li {float:left; margin-left:5px; }
#HeaderTop .HeaderTopInner ul.Language li a { color:#666; font-weight:bold; font-size:15px;}
#HeaderTop .HeaderTopInner ul.Language li a:hover {color:#3753bf;}

#HeaderMiddle {position:relative;z-index:3; width:940px; margin:0 auto;  }
.MenuBottomBorder {width:100%; height:20px; background: url(../images/MenuBottomBorder.png) repeat-x;}

/*Menu Begin*/
#coolMenu, #coolMenu ul { position: relative; list-style: none; float: right; }
#coolMenu > li { float: left; }
#coolMenu li a { display: block; }
#coolMenu ul { position: absolute; display: none; }
#coolMenu li:hover ul.noJS { display: block; }

/*Main menu*/
#coolMenu > li { margin-left: 20px;}
#coolMenu > li > .MenuArrow { background: url(../images/MenuArrow.png) no-repeat center 40px; }
#coolMenu > li > a { color: #333; font-size: 13px;  text-transform:uppercase; padding:20px 0; text-shadow:0px 0px 1px #333;}
#coolMenu > li:hover > a { }

/*Submenu*/
#coolMenu ul { background: url(../images/MenuAccordionBg.png) repeat; padding-bottom:10px; }
#coolMenu ul li { margin: 2px 0; }
#coolMenu ul li a { color: #f7f6f6; text-shadow: 1px 1px 1px #333; font-size: 12px; padding:4px 10px; }
#coolMenu ul li:hover a { background: #dd3135; }

/*Menu End*/

#HeaderBottom {position:relative; width:940px; margin:0 auto;}


#HeaderBottom .FastAccess { float:left;}
#container { width:99px; height: 29px; background:url(../images/FastAccessBg.png) no-repeat; position: relative; top:-7px; left:22px; z-index:7; cursor: pointer; }
#container h1 {text-transform:uppercase; color:#f5f5f5; font-size:12px; text-align:center; line-height:29px;}
.popUpText { display: none; position: absolute; z-index:6; right: -67px; top:0; background:#f1f1f1; width:190px; padding:30px 0 15px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:solid 1px #cecece; border-top:none; box-shadow:0px 5px 10px #999}
.popUpText a {display:block; background:#d3d3d3; border-radius:2px; width:153px; padding:8px 5px; margin:8px auto 8px auto; font-size:12px; box-shadow:0px 3px 6px #999}
.popUpText a:hover {background:#e2e2e2}
.popUpText span.TooltipClose {cursor:pointer; display:block; background:url(../images/TooltipClose.png) no-repeat; width:19px; height:19px; margin:15px auto 0 auto}
#popUp { display: none; right: 20px; position: absolute; bottom: -32px; right: -2px; width: 0; height: 0; }

#HeaderBottom .Search {float:right; margin:15px 0;}
#HeaderBottom #btnAra {background:url(../images/AraButon.png) no-repeat; width:25px; height:25px; border:none; cursor:pointer; vertical-align:middle; margin-left:-20px;}
#HeaderBottom #txtAra {border-radius:4px; font-size:12px; background:#f5f5f5; border:solid 1px #e2e2e2; width:180px; height:24px; padding:0 5px; outline:none;}

/*Header End*/


/*Section Begin*/
#Section {width:100%;}
#SliderMain { position:relative; width:931px; height:420px; margin:0 auto; padding-top:29px; background:url(../images/SliderBg.png) no-repeat center top;}
.slider-wrapper {position:relative;  margin:0 auto 0 auto; width:883px; height:345px;}
ul.Social {position:absolute; right:0; top:-56px; list-style:none;}
ul.Social li { float:left; margin-left:5px;}
.Box {background:url(../images/BgRepeat.png) repeat; padding:20px 0;}
.BoxInner{position:relative; width:940px; margin:0 auto;}
.BoxShadow{ background:url(../images/BoxShadow.png) no-repeat; width:465px; height:159px;}
.Shadow1{position:absolute; z-index:1; top:182px; left:-35px;}
.Shadow2{position:absolute; z-index:1; top:182px; right:-35px;}

.MainNews {position:relative; z-index:2; width:386px; height:310px; background:#f7f7f7 url(../images/BoxBg1.png) repeat; border-radius:5px; border:solid 1px #cecece;}
.MainNews h1.Title {position:relative; top:-10px;  width:184px; height:52px; text-align:center;  color:#f5f5f5; font-weight:bold; font-size:14px; line-height:50px; margin:0 auto; text-transform:uppercase;}
.MainNews h1.HaberTitleBg {background:url(../images/HaberBaslikBg.png) no-repeat; }
.MainNews h1.DuyuruTitleBg {background:url(../images/DuyuruBaslikBg.png) no-repeat; }
.MainNews ul {width:330px; border-top:solid 1px #c4c4c4; margin:0 auto; padding:10px 0}
.MainNews ul li {list-style-image:url(../images/HaberIco.Png); margin-bottom:5px; font-size:13px; text-shadow:0 0px 1px #5a5a5a;}
.MainNews ul li a:hover {color:#970000; }
.MainNews a.AllNewsBlue {color:#3753bf; font-size:14px;  display:block; margin-left:28px; text-shadow:0 0px 1px #5a5a5a;}
.MainNews a.AllNewsBlue:hover {color:#970000;}
.MainNews a.AllNewsRed {color:#970000; font-size:14px;  display:block; margin-left:28px; text-shadow:0 0px 1px #5a5a5a;}
.MainNews a.AllNewsRed:hover {color:#3753bf;}

.SectionBottom {width:940px; height:200px; margin:0 auto; margin-top:30px; font-size:13px;}
.SectionBottom h1 {font-size:15px; color:#5a5a5a; font-weight:bold; margin-bottom:10px;}
.SectionBottom .Projects{/*width:460px;*/ float:left; }
.SectionBottom .Projects ul {float:left;margin-right:20px; list-style:none;
    width: 145px;
}
.SectionBottom .Projects ul li { margin-bottom:3px; }
.SectionBottom .Projects ul li a .ProjectIco{background-image:url(../images/StarIco.png); display:inline-block; width:20px; height:21px; vertical-align:middle;}
.SectionBottom .Projects ul li a .ProjectIco2{background-image:url(../images/mesale.png); display:inline-block; width:20px; height:21px; vertical-align:middle;}
.SectionBottom .Projects ul li a {display:inline-block; font-size:12px; vertical-align:super; color:#666; text-shadow:0 0px 1px #5a5a5a;}
.SectionBottom .Projects ul li a:hover {color:#970000;}

.SectionBottom .Projects  a.AllNewsBlue {color:#3753bf; font-size:12px;  display:block; margin-left:28px; text-shadow:0 0px 1px #5a5a5a;}
.SectionBottom .Projects  a.AllNewsBlue:hover {color:#970000;}


.SectionBottom .Magazine{/*width:150px;*/ float:left; margin-right:30px;
    width: 135px;
    height: 270px;
}
.SectionBottom .Video{width:270px; float:right; }
.SectionBottom .Video p {font-size:12px; text-align:right; color:#5a5a5a; margin-top:5px;
    width: 270px;
}

.SectionBottom .FooterLinks {margin:30px 0;}
.SectionBottom .FooterLinks ul{float:left; margin-top:22px; list-style:none;}
.SectionBottom .FooterLinks ul li{float:left; border:solid 1px #cecece; margin-right:1px; background:#fff;}
.SectionBottom .FooterLinks ul li a{position:relative; display:block; width:76px; height:60px; padding:5px;}
.SectionBottom .FooterLinks a.MezunlarDernegi {float:right; font-size:13px; text-align:center;}
/*Section End*/

/*Footer Begin*/
#Footer { background:url(../images/BgRepeat.png) repeat; height:104px; margin-top:30px;}
#Footer .FooterInner {width:940px; margin:0 auto;  color:#979797; font-size:13px; padding-top:40px}
#Footer .FooterInner span.FooterAdres {display:block; float:left;}
#Footer .FooterInner ul.SocialFooter {float:right; list-style:none;}
#Footer .FooterInner ul.SocialFooter li { float:left; margin-left:5px;}
/*Footer End*/

/*İc Sayfalar*/
#ContentBox {width:940px;height:auto; margin:0 auto;}
#ContentBox .LeftBox{ float:left; width:26%; margin-top:17px;}
#ContentBox .LeftBox .Sidebar { background:#f7f7f7 url(../images/BoxBg1.png) repeat; border-radius: 5px; border: solid 1px #cecece; position:relative; z-index:2;}
#ContentBox .LeftBox .SidebarTitle {background:url(../images/SidebarTitleBg.png) no-repeat center top; width:166px; height:42px; text-align:center; color:#f5f5f5; font-size:14px; line-height:42px; margin:-10px auto 12px auto; text-transform:uppercase;}
#ContentBox .LeftBox .SidebarShadow {background:url(../images/SidebarShadow.png) no-repeat; width:301px; height:279px; position:relative; left:-28px; bottom:221px; z-index:1;}
#ContentBox .LeftBox .Sidebar ul{padding:0 10px 0 22px;  }
#ContentBox .LeftBox .Sidebar ul li{list-style-image:url(../images/SidebarIco.png); border-bottom:solid 1px #cecece; padding:2px 0;}
#ContentBox .LeftBox .Sidebar ul li a {display:block; font-size:14px; color:#40679c; padding:3px 5px; border-radius:2px;}
#ContentBox .LeftBox .Sidebar ul li a:hover {background: #dd3135; color:#f5f5f5}
#ContentBox .LeftBox .Sidebar ul li a.current {background: #dd3135; color:#f5f5f5 }

#ContentBox .LeftBox .Sidebar ul > li > ul {margin:0; padding:0; padding-left:10px}
#ContentBox .LeftBox .Sidebar ul > li > ul > li {border:none; padding:0;}

#ContentBox .LeftBox .Sidebar ul > li > ul > li > ul { margin:0; padding:0; padding-left:10px}
#ContentBox .LeftBox .Sidebar ul > li > ul > li > ul > li { border:none; padding:0; }

#ContentBox .LeftBox .Sidebar a.HomeBtn {display:block; text-align:center; margin:20px 0;}
#ContentBox .LeftBox .Sidebar a.HomeBtn strong {display:block; font-size:11px; font-weight:bold; color:#333; }
#ContentBox .RightBox{ float:right; width:70%;}
#ContentBox .RightBox h1.Title { text-transform:uppercase; color:#40679c; font-size:15px; font-weight:bold; margin:18px 0 25px 0;}
#ContentBox .RightBox h2.Title { text-transform:uppercase; color:#666; font-size:13px; margin-bottom:24px;}

/*Simple Slider*/

#banner-fade,
#banner-slide {margin-bottom:30px; }
ul.bjqs-controls.v-centered li a { display: block;}
ul.bjqs-controls.v-centered li a:hover { background: #000; color: #fff; }

/*Simple Slider Son*/

/*Haber Arsiv*/
#ContentBox .RightBox .HaberArsiv .NewsBox{width:33.3%; height:264px;  float:left; margin-bottom:30px;}
#ContentBox .RightBox .HaberArsiv .NewsBox h1 { font-size:13px; color:#333; font-weight:bold; text-transform:uppercase; padding: 5px 0px;}
#ContentBox .RightBox .HaberArsiv .NewsBox div.Text {width:200px; height:70px; }
#ContentBox .RightBox .HaberArsiv .NewsBox div.Text  a.More{display:inline-block; color:#559cff;  margin-top:5px; text-shadow:1px 0 0 #3753bf;}
#ContentBox .RightBox .HaberArsiv .NewsBox div.Text  a.More:hover{color:#40679c;}
/*Haber Arsiv Son*/

/*Haber Arsiv*/
#ContentBox .HaberArsiv .NewsBox{width:25%; height:250px;  float:left; margin-bottom:30px; }
#ContentBox .HaberArsiv .NewsBox h1 { font-size:13px; color:#333; font-weight:bold; text-transform:uppercase; padding: 5px 0px;}
#ContentBox .HaberArsiv .NewsBox div.Text {width:200px; height:70px; }
#ContentBox .HaberArsiv .NewsBox div.Text  a.More{display:inline-block; color:#559cff;  margin-top:5px; text-shadow:1px 0 0 #3753bf;}
#ContentBox .HaberArsiv .NewsBox div.Text  a.More:hover{color:#40679c;}
/*Haber Arsiv Son*/


/*Iletisim*/
#Contact { width:940px; margin:0 auto; }
#Contact .ContactLeft{float:left; width:40%; }
#Contact .ContactLeft ul{list-style:none;}
#Contact .ContactLeft ul li.Caption {text-decoration:underline; font-weight:bold; font-weight:bold; font-size:14px;}
#Contact .ContactLeft ul li {margin:10px 0; font-size:13px;}
#Contact .ContactRight{float:right; width:60%; }

#ContactForm {float:right; width:300px; background:#f9f9f9; padding-bottom:15px; padding-top:2px; border-radius:4px; box-shadow: 0px 2px 4px #cecece}
#ContactForm ul { list-style:none;}
#ContactForm h1{font-size:15px; color:#717171;  padding:10px 18px; background:#f4f4f4; border-bottom:solid 1px #cecece; text-shadow:0 2px 2px #cecece}
#ContactForm input, textarea {box-shadow: 0px 2px 4px #f1f1f1; resize:none; outline-color:#40679c; display:block; margin:10px auto; border:solid 1px #f5f5f5; padding:0 5px; border-radius:3px;}
#ContactForm input[type=text] {width:260px; height:26px; }
#ContactForm input[type=button] {background:#efefef; cursor:pointer; width:200px; height:34px; font-size:15px;}
#ContactForm input[type=button]:hover {color:#5a5a5a}
#ContactForm textarea {width:260px; height:76px;}

/*Iletisim Son*/

/*Ara*/
.SearchInner {width:940px; margin:0 auto;}
.SearchInner h1.Title {text-transform:uppercase; color:#40679c; font-size:15px; font-weight:bold; margin:18px 0 18px 0; }
.SearchInner ul li {font-size:15px; margin-bottom:5px; list-style-image:url(../images/SidebarIco.png); list-style-position:inside; }
.SearchInner strong {display:block; color:#40679c;  font-size:13px; margin-top:20px;}
/*Ara Son*/

/*Sayfalama*/
.Sayfalama a{ margin-right:5px; display:inline-block; color:#40679c; font-size:14px; font-weight:bold; background-color:#cecece; padding:2px 6px;}
/*Sayfalama Son*/


/*İc Sayfalar Son*/