@charset "utf-8";
/* Tamer YILMAZ Portfolio */

* {text-align:left; color:#fff; font-size:12px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; letter-spacing:1px;}

a {color:#fff; text-decoration:none; font-weight:bold;}
a:hover{color:#FFFF00;}
h1 {font-size:20px; text-align:right; padding:20px;}
h2 {font-size:20px; text-align: center; height:26px;}
h3 {font-size:18px;}
img {border:none;}
#main{margin:0 auto; overflow:hidden;}
.top {width:900px; margin:0 auto; height:30px; font-weight:bold; color:#555; padding-top:2px; position:relative;}
.blog{position:absolute; top:3px; right:15px;}
.blog a{color:#000; text-decoration:none;}
.blog a:hover{color:maroon; }
.header{ width:900px; margin:0 auto 20px; height:92px; position:relative;}
.header .mesai{position:absolute; top:16px; left:452px;}
.logo{width:200px; height:92px; background:transparent url(../img/ty-logo.png) no-repeat scroll top left;}
.desc{width:551px; height:20px; font-weight:bold; color:#eee; padding:46px 10px; background:transparent url(../img/ty-mrb-bg.png) repeat-x scroll top left;}
.hireme{width:117px; height:92px; padding:0px;}
.jungle{width:100%; height:607px; margin:0 0 100px; background:transparent url(../img/ty-jungle-orta.png) repeat-x scroll top left;}
.jungle-ust{background:transparent url(../img/ty-jungle-ust.jpg) no-repeat scroll top left; width:900px; height:184px; margin:0 auto;}
.jungle-orta{background:#E8E8E1 url(../img/port-merkez.png) no-repeat scroll 0 0; width:900px; height:300px; margin:0 auto;}
.jungle-alt{background:transparent url(../img/ty-jungle-alt.jpg) no-repeat scroll top left; width:900px; height:123px; margin:0 auto;}
.block{display:block;}

.port{width:300px; float:left;}

.desc h1{
margin:0;
font-size:100%;
text-align:left;
}
.r-head{width:650px; margin:40px auto 0;text-align:right; background:url(../img/recent.png) scroll no-repeat 0 0; height:70px;}
.rec{width:310px; margin:10px 10px 10px 20px; padding:5px;}

.foot{width:650px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.i-link{border-bottom:1px dotted #eee;}
#recent{width:650px; margin:0px auto; background-color:#000;}
#recent .son{ margin:20px 40px 0 0; width:235px;}
#menu { height:30px; width:650px; text-align:left; }
#menu .son{ margin-right:0;}
#menu .page{background:url(../img/bg-b.png) scroll no-repeat 0 0; text-align:center;}
#menu ul{ list-style-type:none; list-style-image:none; list-style-position:outside;}
#menu ul li{font-size:18px; display:inline; float:left; margin:0 25px 0 0; width:200px; height:30px; line-height:30px;}
#menu ul li a{ float:left; font-size:18px;width:200px; text-align:center;}
#menu ul li a:hover{ background:url(../img/bg-b.png) scroll no-repeat 0 0;}
.web {background:url(../img/web-bg.png) scroll no-repeat 0 0;}
.grafik {background:url(../img/grafik-bg.png) scroll no-repeat 0 0;}
.flash {background-color:#333;}