/* 
** Site Tasarımı / Web Design : Uğur Aydoğdu
** CSS & XHTML: Uğur Aydoğdu
** Programlama / Infrastructure: Uğur Aydoğdu
** 
** http:// www.uguraydogdu.com
*/
@import url("reset.css");

html{height:100%;}
body{
	font:67% Arial, Helvetica, sans-serif;
	background:url(../resimler/arka.jpg) top left repeat;
	height:100%; 
}
a{text-decoration:none;}

h1{}
h2, h3 {font-weight:normal; letter-spacing:-1px;  font-size:22px;}
h2,h2 a{color:#54b4ff}
h3,h3 a{color:#9b9a9b}

.sol{float:left;}
.sag{float:right;}
img.sol{margin-right:10px;}
img.sag{margin-left:10px;}
img.frel{position:relative; left:-10px;}
img.frel.top{margin-top:-10px;}
.notupper{ text-transform:none;}

.yok{display:none;}

#tasiyici{height:100%; overflow:hidden;}
.ok{ background:url(../resimler/ok.png) no-repeat scroll right center; height:100%;}
#ok-1{width:960px;}
#content{height:650px;margin-top:-360px;position:absolute;top:50%;}

#content,#tasiyici{width:27500px;}
#jnbn,#projeler{float:left;}

#diller{position:absolute; margin:115px 0 0 600px; }
#diller a{display:block; text-indent:-9999px; background-position:right; background-repeat:no-repeat; height:11px; width:16px; float:left; margin-right:3px;}
#diller a:hover,#diller a.aktif{background-position:left;}

#diller #tr{ background-image:url(../resimler/bayrak/tr.png);}
#diller #en{ background-image:url(../resimler/bayrak/en.png);}
#diller #es{ background-image:url(../resimler/bayrak/es.png);}

/*
** Jnbn Div
*/
#jnbn{margin:150px 330px 0 100px;width:760px;}
#logo{background:url(../resimler/logo.png); width:267px; height:63px; display:block; text-indent:-9999px;}
#merhaba{width:760px; margin:20px 0;}
#merhaba div{margin-top:10px; color:#737373; font-size:24px; /* letter-spacing:1px; word-spacing:-2px; */ text-align:justify; line-height:1.2em;}

#selam{color:#333; font-size:30px !important; font-weight:100;}
#selam span{font-weight:400;}

#merhaba .linkler{font-weight:100;}
#merhaba .linkler a,#merhaba strong{font-weight:400;}
#merhaba .linkler a:hover{color:#000;}
.c-0,#merhaba strong{color:#353535}

.c-1{color:#e6bf00}
.c-2{color:#e1a500}
.c-3{color:#58a5de}
.c-4{color:#1d98db}
.c-5{color:#008ed6}
.c-6{color:#e497b2}
.c-7{color:#d65f93}
.c-8{color:#ca0078}
#kucuknav li{border:1px solid #9B9A9B;margin-right:10px; float:left; text-align:center;text-transform:uppercase; }
#kucuknav li a{background:url(../resimler/nav.gif) top left repeat-x #fff;color:#666;display:block;font-size:12px;font-weight:bold;height:30px;line-height:30px;width:103px;}
#kucuknav li a:hover{color:#333;}
.scrollm{clear:left; color:#333; font-size:12px; font-weight:bold; letter-spacing:2px; padding-top:15px; width:680px;}


/* projeler div */
#projeler{text-transform:uppercase; }
.proje{ float:left; text-align:right; margin-right:100px;}
.proje .aciklama,.proje .gorsel{float:left;  margin-top:190px}
.proje ul{margin:20px 0;}
.proje ul li{background-position:right center;color:#cecece;font-size:11px;font-weight:bold;line-height:1em;margin-bottom:5px;padding-right:10px; background-image:url(../resimler/gri.gif); background-repeat:no-repeat;}
.proje ul li.on{color:#444; background-image:url(../resimler/mavi.gif);}
.proje p{width:300px; text-transform:none; float:right}

.proje .gorsel{position:relative; height:413px; padding-left:31px; background:url(../resimler/sol.gif) center left no-repeat; margin-left:20px; top:-90px; }
.proje .gorsel .kpt{height:413px; padding-right:31px; background:url(../resimler/sag.gif) center right no-repeat; }
.proje .gorsel .kpt img{margin-top:35px;}