@charset "utf-8";
html,body { margin: 0px auto; padding: 0px; background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1a1a1a; }

body { height: 100%; background-image: url(/resim/arka.jpg); background-position: 50% 500px; background-repeat: no-repeat;}

div { margin: 0px auto; padding: 0px;}

a { margin: 0px auto; padding: 0px; color: #084294; text-decoration: none;}
a:hover,a:visited,a:active { color: #084294; text-decoration: none;}
:focus { outline: 0px;}

/*
* { text-shadow: #414141 0 0 1px;} 
*/

html div#genel { margin: 0px auto; padding: 0px; width: 980px; min-width: 980px; text-align: center;}
html div#ust { margin: 0px auto; padding: 0px; width: 100%; height: 450px; clear: both; text-align: center;}
html div#icerik { margin: 0px auto; padding: 0px 0px 0px; width: 100%; text-align: left;}
html div#alt { margin: 0px auto; padding: 0px; width: 980px; clear: both; text-align: left; color: #ddd;}

html body #menukisa { height: 30px; padding: 0px; width: 100%; background-color: transparent; letter-spacing: 0px; border-bottom: 2px solid #444;}
html body #menukisa ul { list-style: none; margin: 0px auto; padding: 0px;}
html body #menukisa ul li { height: 30px; line-height: 30px; background: url(/resim/ayrac.png) no-repeat right;}
html body #menukisa ul li.ayracsiz { background: none;}
html body #menukisa ul li a { margin-left: -1px; padding: 0px 10px 0px 11px;}
html body #menukisa ul.sol { float: left; text-align: center;}
html body #menukisa ul.sag { float: right; text-align: center;}
html body #menukisa ul.sol li,
html body #menukisa ul.sag li { margin: 0px auto; padding: 0px; float: left; border-bottom: 2px solid #444;}
html body #menukisa ul.sol a,
html body #menukisa ul.sag a { height: 30px; font-size: 11px; line-height: 30px; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: normal;}
html body #menukisa ul.sol li a,
html body #menukisa ul.sag li a,
html body #menukisa ul.sol li a:active,
html body #menukisa ul.sag li a:active { color: #888; text-decoration: none;}
html body #menukisa ul.sol a:hover,
html body #menukisa ul.sag a:hover { color: #ddd; text-decoration: underline;}
html body #menukisa ul.sol li.sec,
html body #menukisa ul.sag li.sec { background: none; background-color: #111; border-bottom: 2px solid #333366;}
html body #menukisa ul.sol li.sec a,
html body #menukisa ul.sag li.sec a,
html body #menukisa ul.sol li.sec a:visited,
html body #menukisa ul.sag li.sec a:visited,
html body #menukisa ul.sol li.sec a:active,
html body #menukisa ul.sag li.sec a:active { color: #ddd; text-decoration: none;}
html body #menukisa ul.sol li.sec a:hover,
html body #menukisa ul.sag li.sec a:hover { color: #ddd; text-decoration: underline;}
html body #menukisa ul.sag li.teklif { border-bottom: 2px solid #333366; background-color: #333366;}
html body #menukisa ul.sag li.teklif a,
html body #menukisa ul.sag li.teklif a:hover,
html body #menukisa ul.sag li.teklif a:visited,
html body #menukisa ul.sag li.teklif a:active { color: #fff; text-decoration: none;}

html body .menu div { margin: 0px 0px 5px 0px; width: 100%; text-shadow: none;}
html body .menu ul { margin: 0px auto; padding: 0px 0px 0px 0px; width: 100%; list-style: none; font-family: "Trebuchet MS";}
html body .menu li { margin: 0px auto; padding: 0px 10px; line-height: 25px; display: inline; text-align: left;}
html body .menu a { margin: 0px auto; padding: 0px 0px 0px 0px;}
html body .menu a span { margin: 0px auto; padding: 0px 0px 0px 0px; color: #e6e6e6; cursor: pointer;}
html body .menu a:hover { background-color: transparent;}
html body .menu a:hover span { color: #333366;}
html body .menu a.secili { background-color: transparent;}

html body div.altmenu { margin: 0px auto; padding: 10px 0px 15px; width: 200px; height: 220px; background-color: transparent; float: left; text-shadow: #1a1a1a 0 0 1px;}
html body .altmenu ul { margin: 0px auto; padding: 0px 0px 0px 0px; width: 100%; list-style: none;}
html body .altmenu li { margin: 0px auto; padding: 0px 0px; line-height: 20px; display: block; text-align: left; border-bottom: 1px solid #bbb;}
html body .altmenu a { margin: 0px auto; padding: 0px 0px 0px 0px; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: normal;}
html body .altmenu a span { margin: 0px auto; padding: 0px 0px 0px 0px; color: #bbb; cursor: pointer;}
html body .altmenu a:hover { background-color: transparent;}
html body .altmenu a:hover span { color: #eee;}
html body .altmenu a.secili { background-color: transparent;}

#iletisim-ust { width: 250px; height: 90px; overflow: hidden; background-image: url(/resim/arka-iletisim.gif); background-position: 0 0; background-repeat: no-repeat;}
#iletisim-ust img { width: 250px; height: 90px; top: 0; left: 0;}

html div#alt b { font-size: 18px; line-height: 28px;}
#iletisim-alt { margin: 0px auto; padding: 10px 20px 15px; width: 400px; height: 220px; float: left; font-size: 11px; font-family: Arial; line-height: 16px; text-shadow: #1a1a1a 0 0 1px;}
#iletisim-alt input, textarea { margin: 0px auto; padding: 2px; padding: 2px 5px; border: 1px solid #414141; background-color: #f5f5f5;}
#iletisim-alt input { width: 142px;}
#iletisim-alt textarea { width: 220px; height: 95px;}
#iletisim-alt input.buton { margin: 0px auto; padding: 2px 4px; width: 80px; height: 28px; background-image: url(/resim/buton.gif); background-position: 0 0; background-repeat: no-repeat; border: none; color: #f5f5f5; font-weight: normal; cursor: pointer;}
#iletisim-alt u { text-decoration: none; font-size: 16px; font-weight: bold; color: #990000;}

#bulten-alt { margin: 0px auto; padding: 10px 0px 15px 10px; width: 330px; height: 220px; float: left; background-position: 0 0; background-repeat: no-repeat; color: #fff; line-height: 16px; text-shadow: #1a1a1a 0 0 1px;}
#bulten-alt input { margin: 0px auto; padding: 2px; padding: 2px 5px; border: 1px solid #414141; background-color: #f5f5f5;}
#bulten-alt input { width: 165px;}
#bulten-alt input.buton { margin: 0px auto; padding: 4px 0px; width: 60px; background-color: transparent; border: none; color: #fff; font-family: "Trebuchet MS"; font-weight: bold; font-size: 14px; text-decoration: underline; text-align: left; cursor: pointer; text-shadow: #1a1a1a 0 0 1px;}

.web span { text-decoration: underline; cursor: pointer;}
.web a,
.web a:hover,
.web a:active,
.web a:visited { color: #333399; text-decoration: none; cursor: pointer;}

#kisakisa { float: right; width: 250px; padding: 20px 0px; overflow: hidden; line-height: 18px; font-weight: bold;}
.kisakisa { width: 250px; height: 185px; overflow: hidden;}
#kisakisa i { font-weight: bold;}
#kisakisa a { color: #f5f5f5; font-weight: bold; text-decoration: underline;}
#kisakisa a:hover,
#kisakisa a:active,
#kisakisa a:visited { color: #f5f5f5;}

#insan-form { margin: 0px auto; padding: 10px 20px 15px; width: 510px; float: left; font-size: 11px; font-family: Arial; font-weight: normal; line-height: 25px; text-shadow: #1a1a1a 0 0 1px;}
#insan-form input, textarea { margin: 0px auto; padding: 2px; padding: 2px 5px; border: 1px solid #414141; background-color: #f5f5f5;}
#insan-form input { width: 142px;}
#insan-form textarea { width: 300px; height: 95px;}
#insan-form input.buton { margin: 0px auto; padding: 2px 2px; width: 80px; height: 28px; background-image: url(/resim/buton.gif); background-position: 0 0; background-repeat: no-repeat; border: none; color: #f5f5f5; font-weight: normal; cursor: pointer;}
#insan-form u { text-decoration: none; font-size: 16px; font-weight: bold; color: #990000;}

.portfolyo { margin: 20px 9px; width: 210px; height: 200px; background-color: #060606; border: 1px solid #212121; text-align: center; float: left;}
.portfolyo img { clear: both; width: 210px; height: 140px; border-bottom: 1px solid #212121;}

#solust { margin: 20px 9px; width: 210px; height: 400px; float: left;}
#solust .portfolyo { margin: 0px 0px 40px;}
.portfolyo-buyuk { margin: 20px 10px; width: 442px; height: 440px; background-color: #060606; border: 1px solid #212121; text-align: center; float: left;}
#sagust { margin: 20px 9px; width: 210px; height: 400px; float: left;}
#sagust .portfolyo { margin: 0px 0px 40px;}

#portfolyo-ust { float: left; margin-top: 0px; position: relative; width: 442px; padding: 0px; overflow: hidden;}
.portfolyo-ust { width: 442px; height: 440px; margin: 0px 0px 0px; overflow: hidden;}
#portfolyo-ust i { font-weight: bold;}
#portfolyo-ust a { color: #f5f5f5; font-weight: bold; text-decoration: underline;}
#portfolyo-ust a:hover,
#portfolyo-ust a:active,
#portfolyo-ust a:visited { color: #f5f5f5;}

#portfolyo-detay { margin: 20px 0 0 0; padding: 15px; width: 300px; border-top: 1px solid #313131; border-bottom: 1px solid #313131; font-family: Arial; color: #e6e6e6;  }
#portfolyo-detay ul,
#portfolyo-detay li { margin: 0 auto; padding: 0px; list-style: none; line-height: normal; display: inline; float: left; min-height: 16px;}
#portfolyo-detay li.baslik { font-size: 14px; width: 100px;}
#portfolyo-detay li { padding-bottom: 10px; font-size: 12px; width: 200px; }
#portfolyo-detay a { text-decoration: none;  color: #e6e6e6; }
img.anasayfa { clear: both; padding-bottom: 8px;}
html div#icerik h1 { margin: 0px auto; padding: 4px 0px;}
ul li.garanti { padding-top: 5px;}

.arkaSagnokta { background-image: url(/resim/vnokta.gif); background-repeat: repeat-y; background-position: 100% 50%;}
.arkaUstnokta { background-image: url(/resim/hnokta.gif); background-repeat: repeat-x; background-position: 0% 50%;}
.arkaAltnokta { background-image: url(/resim/hnokta.gif); background-repeat: repeat-x; background-position: 0% 100%;}


#menu-neler { float: left; width: 200px; margin: 30px 10px 10px 0; border-top: 1px solid #313131; border-bottom: 1px solid #313131;}
#menu-neler ul { list-style: none; margin: 0; padding: 0;}
#menu-neler img { border: none;}
#menu-neler li a { voice-family: "\"}\"";  voice-family: inherit; height: 24px; text-decoration: none; border-top: 1px solid #313131; border-bottom: 1px solid #313131;}
#menu-neler li a:link,
#menu-neler li a:visited { color: #e6e6e6; display: block; padding: 8px 0 0 20px;}
#menu-neler li a:hover { color: #fff;}

#srv { float: left; width: 650px; padding: 30px 20px; display: block; font-family: "Trebuchet MS"; font-size: 13px; font-weight: normal;}
#srv b { font-size: 14px; }
#srv h3 { padding: 0px; margin: 0px 0px 10px 0px; } 
#srv .portfolyo img { float: left; display: block;}
#srv .margin0 { margin: 10px 2px;}

#reklam { position: relative; height: 400px; overflow: hidden; border: 1px solid #ddd; width: 948px; padding: 0px 15px 30px 15px; /*-moz-border-radius:5px; -webkit-border-radius:5px;*/ background: transparent url(/reklam/reklam.gif) 0 0 no-repeat;}
#reklamicerik { width: 9999em; position: absolute; height: 340px;}
.rgenel { float: left; width: 1000px; height: 340px; background-repeat: no-repeat; background-position: 0 -40px;}
.rmetin { background-color: transparent; color: #666; float: left; font-size: 20px; margin: 240px 0 0 0; padding: 10px 60px; width: 525px;}
.rdetay { background-color: transparent; border-left: 1px solid #ddd; float: right; min-height: 305px; padding: 0 25px; width: 270px; text-align:left;}
.rdetay h2 { color: #065598; font-size: 22px; display: block; padding: 10px 0;}
.rdetay a { color: #666; font-size: 12px; text-decoration: none; }
.rdetay p { margin: 0 0 4px; background: transparent url(/resim/bullet.png) no-repeat scroll 0 2px; padding: 2px 0 1px 22px; }
#thumbs { background: url(/resim/navi.jpg) repeat; height: 90px; position: absolute; top: 350px; width: 990px; left: -8px; }
.t a { background: transparent url(/resim/navi.jpg) repeat scroll -21px -90px; margin-left: 11px; display: block; width: 99px; float: left; height: 90px; cursor: pointer; }
.t a.active { cursor: default !important; }

.navi { margin-left: 530px; _margin-left: 520px; }
 
#t0 { margin-left: 20px; _margin-left: 10px;}
#t0.active { background-position: -21px 0 !important; }
#t0:hover  { background-position: -21px -180px; }
#t0:active { background-position: -21px -270px; }
 
#t1			{ background-position: -540px -90px;}
#t1:hover 	{ background-position: -540px -180px; }
#t1:active	{ background-position: -540px -270px; }
#t1.active	{ background-position: -540px 0 !important; }
 
#t2			{ background-position: -650px -90px;}
#t2:hover 	{ background-position: -650px -180px; }
#t2:active	{ background-position: -650px -270px; }
#t2.active	{ background-position: -650px 0 !important; }
 
#t3			{ background-position: -761px -90px;}
#t3:hover 	{ background-position: -761px -180px; }
#t3:active	{ background-position: -761px -270px; }
#t3.active	{ background-position: -761px 0 !important; }
 
#t4			{ background-position: -870px -90px;}
#t4:hover 	{ background-position: -870px -180px; }
#t4:active	{ background-position: -870px -270px; }
#t4.active	{ background-position: -870px 0 !important; }
 
.scrollable { position: relative; overflow: hidden; width: 520px; height: 600px;}
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable img { float: left; margin: 0px 0px 0px 0px; padding: 2px; cursor: pointer; width: 516px; height: 596px; } 
.scrollable .active { z-index:9999; position: relative; }
/* ----------------------------------*/

.scrollable { float:left; }
a.browse { background: url(/resim/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 10px 10px; cursor: pointer; font-size: 1px; }
a.right { background-position: 0 -30px; clear: right; margin-right: 0px;}
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; } 
a.left { margin-left: 0px; } 
a.left:hover { background-position: -30px 0; }
a.left:active { background-position: -60px 0; }
a.disabled { visibility: hidden !important; } 	

/* ----------------------------------*/
.navi2 { width: 100px; height: 20px; margin-left: 300px; text-align: center;}
.navi2 a { width: 8px; height: 8px; float: left; margin: 3px; background: url(/resim/navigator.png) 0 0 no-repeat; display: block; font-size: 1px; text-align: center;} 
.navi2 a:hover { background-position: 0 -8px; } 
.navi2 a.active { background-position: 0 -16px; }

#tweet { margin: 0px auto; padding: 0px 0px 0px 2px; color: #e6e6e6; text-align: left; float: right; width: 250px; font-size: 12px;}
#tweet a,
#tweet a:hover,
#tweet a:active,
#tweet a:visited { color: #0e7e8c; text-decoration: none;}
#tweet ul,#tweet li { margin: 0px auto; padding: 0px; list-style: none;}
#tweet li { min-height: 45px; border-bottom: 1px solid #171717;}
p.twitterStatus { margin: 0px auto; padding: 0px color: #0e7e8c;}