@charset "utf-8";
/* CSS Document */
body { 
background-image:url(images/bg.jpg); margin:0px; font-family:"Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; 
font-size:12px; color:#33333; 
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color:#cccccc; 
scrollbar-highlight-color:#ffffff;
 scrollbar-3dlight-color:#cccccc; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-track-color:#ffffff; 
scrollbar-arrow-color: #888888;
}

a { color:#3366FF; font-weight:normal; }
a:hover { color:#ff6600; }
h1 { font-size:14px; margin:0px; padding:0px; color:#FF6600; }
h2 { font-size:13px; margin:0px; padding:0px; color:#000000; font-weight:normal; }
h3 { font-size:13px; margin:0px; padding:0px; color:#FF6600; }


/* ANA SAYFA */
#header { margin:auto; width:800px; height:120px; background-image:url(images/body_bg.png); }
#logodiv { float:left; width:92px; height:80px; margin:20px 10px 0px 0px; background-image:url(images/logo.png);  }
#menudiv { float:right; width:600px; height:50px; }
#main { margin:auto; background-color:#FFFFFF; background-image:url(images/mainbg.jpg); background-repeat:no-repeat; width:800px;
        height:390px; border:2px solid #aaaaaa; overflow:hidden; }
#maintanim { float:left; margin:10px 0px 10px 10px; padding:5px 5px 5px 5px; width:430px; height:120px; border:1px solid #dddddd;
background-image:url(images/seffafbg1.png); }
#markalar { margin:5px 0px 10px 25px; padding:0px; width:300px; height:170px; border:1px solid #dddddd;
background-image:url(images/markalar.png);  }
#sonprojeler { margin:10px 0px 10px 25px; padding:0px; width:300px; height:130px; border:1px solid #dddddd;
background-image:url(images/seffafbg2.png);  }
#onlineform { margin:10px 0px 10px 10px; padding:5px 5px 5px 5px; width:430px; border:1px solid #dddddd;
background-image:url(images/seffafbg1.png); }
#dnblog {  margin:10px 0px 10px 10px; padding:5px 5px 5px 5px; width:430px; border:1px solid #dddddd;
background-image:url(images/seffafbg1.png); }
#ustmenu { background-color:#000000; width:350px; height:20px; float:left; color:fdfdfd; margin-left:250px; }
#altmenuleft { clear:left; background-image:url(images/menubgleft.png);width:10px;height:30px;float:left;margin:70px 0px 0px 170px;}
#altmenu { width:420px;height:40px;float:left;background-image:url(images/menubg.png);margin:60px 0px 0px 153px; padding:0px 0px 0px 30px; line-height:40px; }
#footer { width:810px; height:55px; background-image:url(images/footer_bg.png); margin:auto;   }
.footr, footr a {font-size:10px; color:#999999; padding:0px 0px 0px 0px; text-decoration:none; }
.footr a:hover { color:#ff6600;}


/* REFERASNLAR */
#referanslarimiz { margin:auto; background-color:#FFFFFF; background-image:url(images/refbg.jpg); width:800px;
 background-repeat:no-repeat; border:2px solid #aaaaaa; height:450px;}
#reflist { width:250px; margin:10px 0px 0px 20px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }
#refimage { width:400px; height:170px; margin:200px 0px 0px 40px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }

/* SERVİSLER */
#servislerimiz { margin:auto; background-color:#FFFFFF; background-image:url(images/servisbg.jpg); width:800px;
 background-repeat:no-repeat; border:2px solid #aaaaaa; height:450px;}
#servlist { width:300px; margin:10px 0px 0px 20px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }
#servisicerik { width:750px; height:205px; margin:10px 0px 0px 20px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }

/* GOOGLE OPTİMİZASYONU */
#googleoptimizasyonu { margin:auto; background-color:#FFFFFF; background-image:url(images/servisbg.jpg); width:800px;
 background-repeat:no-repeat; border:2px solid #aaaaaa; height:390px;}
#googlediv { width:750px; height:220px; margin:50px 0px 0px 20px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }

/* KURUMSAL BİLGİLER */
#kurumsalbilgiler { margin:auto; background-color:#FFFFFF; background-image:url(images/kurumsalbg.jpg); width:800px;
 background-repeat:no-repeat; border:2px solid #aaaaaa; height:390px;}
#kurumsaldiv { width:400px; height:350px; margin:10px 0px 0px 20px; border:1px solid #dddddd; background-image:url(images/seffafbg1.png); padding:8px; }

/* İLETİŞİM */
#iletisim { margin:auto; background-color:#FFFFFF; background-image:url(images/kurumsalbg.jpg); width:800px;
 background-repeat:no-repeat; border:2px solid #aaaaaa; height:390px;}
#hatadiv { z-index:1000; position:absolute; width:300px; height:100px; border:2px dashed #ff0000; text-align:center;
background-image:url(images/seffafbg2.png); left:50%; top:50%; margin-left:-150px; margin-top:-50px; color:#FFFFFF; }

/* CLASSLAR */
.menu, .menu a { color:#fdfdfd; text-decoration:none; line-height:20px; }
.menu a:hover { color:#ff6600; }
.inpt { background-color:#fcfcfc; border:1px solid #333333; font-family:"Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
		font-size:12px; color:#333333; width:200px; height:16px; margin:0px 5px 3px 0px; }
.submt { background-color:#999999; border:1px solid #333333; font-family:"Lucida Grande", "Arial", "Helvetica","Verdana","sans-serif";
		font-size:12px; color:#333333; width:200px; height:19px; margin:0px 5px 3px 0px; }
.referans { cursor:pointer; padding:2px; }
.servis, .servis a { padding:3px; text-decoration:none; color:#333333; font-size:13px; font-weight:bold; }
.servis a:hover { color:#ff6600; }

 



/* Image Slider /////////////////////////////////////////////////////////////////////////////////////// */
#slider { width:300px; height:150px; position:relative;	overflow:hidden; }
#mask-gallery { overflow:hidden; }
#gallery { list-style:none; margin:0; padding:0; z-index:0; width:900px; overflow:hidden; }
#gallery li { float:left; }
#mask-excerpt { position:absolute; top:0; left:0; z-index:500px; width:100px; overflow:hidden; }
#excerpt { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;	opacity: 0.8; list-style:none; margin:0; padding:0; z-index:10;position:absolute;top:0;left:0;width:100px;background-color:#000;overflow:hidden;font-family:arial;font-size:10px;color:#fff; }
#excerpt li { padding:5px; }
.clear { clear:both; }




/*filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/
.gradientV{
/* fallback (Opera) */
background: #333333;
/* Mozilla: */
background: -moz-linear-gradient(top, #1a1a1a, #333333);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#333333));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1a1a1a', EndColorStr='#333333', GradientType=0);
}
