* {margin: 0;padding: 0;}
body {background:#fff url("../images/bg.jpg") repeat-x top center;font-family:"Arial"; font-size:13px;}
#wrapper {width:980px;margin:0 auto;}
.left {float:left;}
.right {float:right;}
.clr {clear:both;height:20px;}
.clr_ {clear:both;}
.clr__ {clear:both;height:10px;}

a:active, a:focus {outline:none;outline-style:none;}
*:active, *:focus {outline:none;outline-style:none;}
*:focus { -moz-outline-style: none; }

div#header {background:url("../images/ust_menu_bg.png");height:33px;overflow:hidden;}

/* MENU */

a.anasayfa {display:block;width:55px;height:33px;background:url("../images/menu.png") no-repeat -10px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.anasayfa {background-position:-10px -33px;}
#anasayfa #nav-anasayfa {background-position:-10px -67px;}

a.kurumsal {display:block;width:56px;height:33px;background:url("../images/menu.png") no-repeat -101px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.kurumsal {background-position:-101px -33px;}
#kurumsal #nav-kurumsal {background-position:-101px -67px;}

a.hizmetler {display:block;width:60px;height:33px;background:url("../images/menu.png") no-repeat -190px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.hizmetler {background-position:-190px -33px;}
#hizmetler #nav-hizmetler {background-position:-190px -67px;}

a.sorucevap {display:block;width:71px;height:33px;background:url("../images/menu.png") no-repeat -400px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.sorucevap {background-position:-400px -33px;}
#sorucevap #nav-sorucevap {background-position:-400px -67px;}

a.anlasmalikurumlar {display:block;width:120px;height:33px;background:url("../images/menu.png") no-repeat -280px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.anlasmalikurumlar {background-position:-280px -33px;}
#anlasmalikurumlar #nav-anlasmalikurumlar {background-position:-280px -67px;}

a.iletisim {display:block;width:45px;height:33px;background:url("../images/menu.png") no-repeat -520px 0;text-decoration:none;text-indent:-9999px;float:left;}
a:hover.iletisim {background-position:-520px -33px;}
#iletisim #nav-iletisim {background-position:-520px -67px;}

a.w1 {display:block;width:172px;height:33px;background:url("../images/w1.gif") no-repeat 0 0;text-decoration:none;text-indent:-9999px;float:right;margin-right:110px;}
a:hover.w1 {background-position:0 -33px;}

div#menu {}
div#menu ul {margin:0 0 0 10px;list-style:none;}
div#menu ul li{float:left;margin:0 20px 0 0;}
div#menu ul li span {display:block;width:3px;height:20px;background:url("../images/menu_span.png") no-repeat 0 0;text-decoration:none;text-indent:-9999px;margin:7px 0 0 0;}

/* İÇERİK */
div#banner {height:367px;padding:0;margin:0;width:980px;}
div#content {}
div#content div#data {margin:5px 0;background:url("../images/data.png") no-repeat 0 0;width:960px;line-height:18px;padding:4px 10px;color:#ddd;text-align:center;}
div#content .icerik {width:610px;padding:20px;margin-top:20px;background:url("../images/icerik_bg.png") no-repeat 0 0;}
div#content .icerik h2 {font-size:200%;margin-bottom:10px;color:#231f20;font-weight:normal;}
div#content .icerik  p{color:#231f20;}
div#content .icerik  a{color:#231f20;}
div#content .icerik  a:hover{color:#ec2127;}
div#content .menu {width:320px;margin:20px 10px 0 0;}
div#content .logo {width:320px;margin:0 10px 0 0;}
div#content .logo h1 a {display:block;width:320px;height:255px;background:url("../images/logo.png") no-repeat center;text-decoration:none;text-indent:-9999px;float:left;}
div#content .basin {width:320px;height:185px;background:url("../images/basinda.png") no-repeat 0 0;padding:35px 0 0 0;margin:20px 0 0 0;}

div#anlasmalikurumlar {width:980px;height:50px;background:url("../images/anlasmali_kurumlar_bg.png") no-repeat 0 0;padding:30px 0 0 0;}

/* SIDEBAR */

#main-nav {width: 320px;padding:0;margin:0;font-family:"Arial"; font-size:13px;}
#main-nav li {list-style: none;padding-bottom: 25px; text-align: left;font-weight: bold;}

#main-nav li a.nav-top-item {background: transparent url('../images/menu_bg.png') 0 0 no-repeat;padding:10px 0 0 10px;height:25px;color: #231f20;cursor: pointer;display: block;text-decoration: none;}
#main-nav li a.nav-top-item em {font-size:12px;font-weight:normal;}
#main-nav li a.top {padding: 8px 15px;display: block;color: #231f20;text-decoration:none;cursor:default;margin:0;}

#main-nav li a.nav-top-item:hover {background-position: 0 -35px;color:#ec2127;}
#main-nav li a.nav-top-item:active {background-position: 0 -70px;color:#ec2127;}

#main-nav li a.current {background: transparent url('../images/menu_bg.png') 0 -35px no-repeat !important;color:#ec2127;}
#main-nav li a.current:hover {color:#ec2127;}
#main-nav ul {padding: 0;margin: 0;}
#main-nav ul li {list-style: none;margin: 0;text-align: left;padding: 0;}
#main-nav ul li a {padding: 8px 35px;display: block;color: #555;line-height: 1.2em;}
#main-nav ul li a.top {text-transform:uppercase;padding: 8px 15px;display: block;color: #231f20;line-height: 1.2em;text-decoration:none;cursor:default;}
#main-nav ul li a.top2 {text-transform:uppercase;padding: 8px 25px;display: block;color: #231f20;line-height: 1.2em;text-decoration:none;cursor:default;}
#main-nav ul li a em {color: #555;text-decoration:none;font-weight:normal;}
#main-nav ul li a em:hover {color: #555;}
#main-nav ul li a:hover,
#main-nav ul li a.current,
#main-nav ul li a.current:hover {color: #ec2127;}
#main-nav ul li a.current {background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;}


#main-nav2 {padding:0;margin:0;font-family:"Arial"; font-size:13px;}
#main-nav2 li {width: 300px;list-style: none;text-align: left;font-weight: normal;float:left;margin-right:0;margin-bottom:25px;}
#main-nav2 li strong {text-transform:uppercase;}
#main-nav2 li h3 {font-size:150%;margin-bottom:10px;color:#231f20;font-weight:normal;}
#main-nav2 ul {padding: 0;margin: 0;}
#main-nav2 ul li {color:#555;list-style: none;margin: 0;text-align: left;padding: 0;}
#main-nav2 ul li em {font-size:11px;color:#888;}
#main-nav2 ul li strong {text-transform:uppercase;}

ul#main-nav3 {font-family:"Arial"; font-size:13px;overflow:hidden;}
ul#main-nav3 li {width: 250px;list-style-type:square;list-style-position:inside;text-align: left;font-weight: normal;float:left;margin-right:50px;margin-bottom:10px;color: #555;}
ul#main-nav3 li.uzun {color:#555;width: 580px;}
ul#main-nav3 li.baslik {color:#231f20;list-style-type:none;list-style-position:inside;width: 573px;font-weight:bold;padding-left:7px;display:block;}



/* BASINDA FIZYOREM */

div#content .basin ul {width:320px;font-family:"Arial"; font-size:13px;}
div#content .basin ul li {margin:0;margin-left:9px;margin-right:9px;margin-bottom:10px;color: #555;list-style: none;padding:0;width:137px;float:left;border-left:5px solid #555;}
div#content .basin ul li:hover {border-left:5px solid #ec2127;}
div#content .basin ul li a {padding: 0 5px;color: #555;line-height: 1.2em;font-weight:bold;display: block;margin:0;}
div#content .basin ul li a:hover {color: #ec2127;}


div#footer {font-family:"Arial"; font-size:11px;color:#999999;}
div#footer a{color:#999999;}
div#footer a:hover{color:#ec2127;}


#viewer {height:40px; width:980px; clear:both; overflow:hidden; border:0;margin:auto;}
#viewerFrame {width:980px; clear:both; padding:0; margin:auto;}
#viewer img {margin:0 10px 0 10px; display:inline; border:0;}

form ul {list-style:none;list-style-position:inside;margin:0;padding:0;}
form ul li {display:block;clear:both;}
form ul li label {width:30%;padding:1% 0 1% 0;margin:1% 0 1% 0;}
form ul li input[type="text"], form ul li textarea {width:67%;padding:1% 1% 1% 1%;margin:1% 0 1% 0;}

form ul li label {float:left;}

form ul li input[type="text"] {background:#fefefe;color:#231f20;border:1px solid #aaa;float:right;}
form ul li input[type="text"]:focus {border:1px solid #231f20;}
form ul li textarea {background:#fefefe;color:#231f20;height:160px;border:1px solid #aaa;overflow:auto;float:right;}
form ul li textarea:focus {border:1px solid #231f20;}

form ul li button {float:right;padding:1% 2%;margin:1% 0 1% 0;background:#fefefe;border:1px solid #aaa;color:#333;font-weight:bold;cursor:pointer;}
form ul li button:hover {border:1px solid #231f20;color:#231f20;}


.notification {margin: 0 0 15px 0;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;}
.success {background: #d5ffce url('../images/tick_circle.png');border-color: #9adf8f;color: #556652;}
.notification div {display:block;font-style:normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}