body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 150%; }

a { outline: 0 none; }
ul { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; }
.box { border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #36519b; }
.box2 { border: 1px solid #e3e3e3; }
.box3 { border: 1px solid #36519b; }

#main { width: 923px; margin: 0 auto; }

#top { clear: both; margin: 30px 0 10px 0; }
#top #protectedLogo { width: 313px; height: 76px; float: left; }
#top #protectedLogo a { background: url(../images/protectedLogo.jpg) no-repeat; width: 313px; height: 76px; display: block; text-indent: -9999px; }

#top #skyboxLogo { width: 122px; height: 60px; float: right; margin-top: 3px; }
#top #skyboxLogo a { background: url(../images/skyboxLogo.jpg) no-repeat; width: 122px; height: 60px; display: block; text-indent: -9999px; }

#top #menu { margin-top: 30px; }

#top #menu ul li { display: block; float: left; }
#top #menu ul li.ayrac { border-left: 1px solid #e3e3e3; width: 1px; height: 38px; }
#top #menu ul li a { display: block; float: left; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; padding: 10px 57px 10px 57px; }
#top #menu ul li a:hover { color: #304a97; }

#middle { padding-bottom: 50px; border-bottom: 1px dashed #999; }
#middle #left { float: left; width: 623px; }
#middle #left #banner { width: 621px; height: 289px; }
#middle #left #banner .banner { height: 248px; position: relative; }
.banner1, .banner2, .banner3 { width: 621px; height: 248px; position: absolute; top: 0; left: 0; }
.banner2, .banner3 { display: none; }
#middle #left #banner .banner .banner1 { background: url(../images/banner1.jpg) no-repeat; }
#middle #left #banner .banner .banner2 { background: url(../images/banner2.jpg) no-repeat; }
#middle #left #banner .banner .banner3 { background: url(../images/banner3.jpg) no-repeat; }

.bilgi { float: left; padding-top: 12px; font-size: 11px; margin-left: 390px; color: #636363; }
.boxs { float: right; padding: 11px 20px 0  0; }
.boxs a { text-decoration: none; color: #636363; padding: 2px 6px 2px 6px; margin-right: 5px; }
.boxs a.ac, .boxs a:hover { background: #36519b; color: #fff; }

#middle #left #content { width: 621px; margin-top: 10px; }
#middle #left #content #hakkimizda { width: 352px; float: left; padding: 20px; }
#middle #left #content #hakkimizda h1 { font-size: 21px; border-bottom: 1px dashed #999; padding: 0 0 10px 0; font-weight: normal; }
#middle #left #content #hakkimizda p { color: #a5a2a2; margin: 0; padding-top: 10px; }

#middle #left #content #iletisim { width: 172px; float: right; padding: 20px; }
#middle #left #content #iletisim h1 { font-size: 21px; border-bottom: 1px dashed #999; padding: 0 0 10px 0; font-weight: normal; }
#middle #left #content #iletisim p { color: #a5a2a2; margin: 0; padding-top: 10px; }

#middle #right { float: right; width: 288px; }
#middle #right #eniyihizmetBanner { width: 288px; height: 111px; }
#middle #right #eniyihizmetBanner a { background: url(../images/eniyihizmetBanner.jpg) no-repeat; width: 288px; height: 111px; display: block; text-indent: -9999px; }

#middle #right #haberler { background: url(../images/border.jpg) no-repeat right 10px; width: 288px; margin-top: 10px; }
#middle #right #haberler h1 { color: #304a97; font-size: 22px; font-weight: normal; padding-top: 3px; }
#middle #right #haberler p { font-size: 11px; line-height: 125%; }
#middle #right #haberler p a { color: #000; text-decoration: none; }
#middle #right #haberler p a:hover { text-decoration: underline; }

.trh { color: #d1d1d1; }
.btn { font-size: 11px; color: #000; text-decoration: none; padding: 3px 10px 3px 10px; }
.btn:hover { color: #304a97; text-decoration: none; }

#footer { margin-top: 30px; font-size: 11px; }
#footer #adres { float: left; margin-left: 50px; }
#footer #adres #foLogo { width: 182px; height: 40px; }
#footer #adres #foLogo a { background: url(../images/logoFooter.jpg) no-repeat; width: 182px; height: 40px; display: block; text-indent: -9999px; }

#footer #botMenu { float: right; margin-right: 50px; }
#footer #botMenu a { color: #000; text-decoration: none; padding: 0 5px 0 5px; }
#footer #botMenu a:hover { text-decoration: underline; }