@charset "utf-8";
/* CSS Document */
body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {
	margin:0px; padding:0px; border:0px; outline:0px;
}
body {
	background:url(images/body-bg.gif) repeat #333333 center; line-height:150%; color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; font-size:12px;
}
.wrapper { margin:0 auto 0 auto; width:780px; }
#container { margin:20px 0px 20px 0px; width:780px; }

.container-left{width:540px;float:left;margin-right:10px; }
.container-right{width:220px;float:left;}

.container-left-box{background-color:#151515;width:520px;padding:0 10px 0 10px;}
.container-left-box p { margin:10px 0 0 0; }
.container-left-box img{border:5px solid #272727; margin-bottom:10px;}
.container-left-box h1 { margin:8px 0px 6px 0px; font-size:21px; color:#DDD; }
.container-left-box h1 a, .container-left-box h2 a { color:#DDD; outline:none; text-decoration:none; }
.container-left-box h2 { margin:0 0 6px 0; font-size:21px; color:#DDD; }
.container-left-box-top{background:url(images/container-left-content-bg-top-trans.png) no-repeat;width:540px;height:19px;}
.container-left-box-bottom{background:url(images/container-left-content-bg-bottom-trans.png) no-repeat;width:540px;height:19px;}

.container-right-box{background-color:#151515;width:200px;padding:0 10px 0 10px;}
.container-right-box a { text-decoration:none; color:#CCC; }
.container-right-box-top{background:url(images/container-right-content-bg-top-trans.png) no-repeat;width:220px;height:19px;}
.container-right-box-bottom{background:url(images/container-right-content-bg-bottom-trans.png) no-repeat;width:220px;height:50px;}
.container-right-box-bottom-1{background:url(images/container-right-content-bg-bottom-1-trans.png) no-repeat;width:220px;height:19px;}

#header { width:100%; margin:0px; height:173px; background:url(images/header-bg.gif) repeat-x; }
#header-in { margin:0 auto 0 auto; width:770px; height:173px; color:#FFF; background:url(images/header-bottom-bg.gif) bottom no-repeat; }
.header-left { width:332px; height:52px; margin-top:55px; float:right; }

#headline { width:100%; background-color:#FF6600; border-bottom:1px solid #000; color:#fff; padding-bottom:10px;}
.headline-in { width:770px; margin:0 auto 0 auto; }
#headline-in-one { float:left; width:380px; height:170px; }
#headline-in-one a { color:#fff; text-decoration:none; }
#headline-in-two { float:right; width:350px; height:160px; border:2px solid #C60;  }

.logo { margin-top:40px; float:left; width:275px; height:77px; }
.hello { float:right; background:url(images/hello.gif) no-repeat; width:237px; height:30px; }
.logo a, .hello a { display:block; text-indent:-999px; overflow:hidden; outline:none; }
.logo a { background:url(images/logo.gif) no-repeat; width:277px; height:77px;  }
.logo a:hover { background:url(images/logo-hover.gif) no-repeat; width:277px; height:77px;  }
.hello a { width:237px; height:25px; }

.slogan { float:left; margin-bottom:5px; background:url(images/slogan.gif) no-repeat; width:330px; height:39px; }
.button { float:left; margin-top:5px; background:url(images/header-button.gif) no-repeat; width:276px; height:33px; }
.slogan a, .button a { display:block; text-indent:-999px; overflow:hidden; outline:none; }
.slogan a { width:330px; height:39px; }
.button a { width:276px; height:33px; }

#menu { float:right; width:332px; height:22px; }
#menu ul {margin:0; padding:0; list-style:none; }
#menu ul li{ float:right; height:22px; }
#menu ul li a { height:22px; display:block; text-indent:-999px; overflow:hidden; outline:none; }
#menu .menu-portfolyo { background-image:url(images/menu-portfolyo.gif); width:81px; margin-left:10px; }
#menu .menu-hizmetlerimiz { background-image:url(images/menu-hizmetlerimiz.gif); width:119px; margin-left:10px; }
#menu .menu-biz { background-image:url(images/menu-biz.gif); width:36px; margin-left:10px; }
#menu .menu-iletisim { background-image:url(images/menu-iletisim.gif); width:65px; margin-left:10px;}

h1 { margin:0px; text-indent:-999px; overflow:hidden; }
h2 { margin:8px 0px 6px 0px; font-size:21px; color:#DDD; }
h2 a { color:#DDD; outline:none; text-decoration:none; }
p { margin:0px; }
.clear { clear:both; }

.title { float:left; width:380px; margin:0px 10px 15px 0px; }
.title-top, .title-bottom { width:380px; height:19px; background-repeat:no-repeat; }
.title .title-top { background:url(images/div-top-trans.png); }
.title .title-bottom { background:url(images/div-bottom-trans.png);  }
.title .title-content { width:360px; padding:0px 10px 0px 10px; background-color:#151515; }
.title .title-content-2 { width:360px; padding:0px 10px 0px 10px; background-color:#151515; }
.title .title-content-2 a{ color:#CCC; text-decoration:none; border-bottom:1px dotted #CCC; }
.title-content img { border:5px solid #272727; }
.title-baslik-one { float:left; width:770px; height:90px; margin-bottom:15px; background:url(images/tit-bg.gif) repeat-x; }
.title-baslik-two { height:90px; margin-bottom:10px; background:url(images/tit-bg.gif) repeat-x; }
.title-baslik-portfolio { background:url(images/x-portfolio-trans.png) no-repeat; background-position:0 0px; width:310px; height:87px; }
.title-baslik-portfolio a { width:187px; height:87px; text-indent:-999px; overflow:hidden; display:block; }
.title-baslik-portfolio a:hover { background:url(images/x-portfolio-trans.png) no-repeat; background-position:0 -91px; width:310px; height:87px; }
.title-baslik-services { background:url(images/x-services-trans.png) no-repeat; background-position:0 0px; width:370px; height:87px; }
.title-baslik-services a { width:217px; height:87px; text-indent:-999px; overflow:hidden; display:block; }
.title-baslik-services a:hover { background:url(images/x-services-trans.png) no-repeat; background-position:0 -91px; width:370px; height:87px; }
.title-baslik-we { background:url(images/x-we-trans.png) no-repeat; background-position:0 0px; width:215px; height:69px; }
.title-baslik-we a { width:215px; height:69px; text-indent:-999px; overflow:hidden; display:block; }
.title-baslik-we a:hover { background:url(images/x-we-trans.png) no-repeat; background-position:0 -74px; width:215px; height:69px; }
.title-baslik-contact { background:url(images/x-contact-trans.png) no-repeat; background-position:0 0px; width:326px; height:70px; }
.title-baslik-contact a { width:142px; height:70px; text-indent:-999px; overflow:hidden; display:block; }
.title-baslik-contact a:hover { background:url(images/x-contact-trans.png) no-repeat; background-position:0 -74px; width:326px; height:70px; }
.title-baslik-bulletin { background:url(images/x-bulletin-trans.png) no-repeat; background-position:0 0px; width:266px; height:70px; }
.title-baslik-bulletin a { width:133px; height:70px; text-indent:-999px; overflow:hidden; display:block; }
.title-baslik-bulletin a:hover { background:url(images/x-bulletin-trans.png) no-repeat; background-position:0 -74px; width:266px; height:70px; }

.hizmetlerimiz { width:360px; margin-top:2px; }
.hizmetlerimiz ul { margin:0px; padding:5px 0px 0px 0px; list-style:none; }
.hizmetlerimiz ul li { float:left; border-bottom:1px dotted #2A2A2A; height:18px; margin:0px 6px 2px 0px; width:170px; text-indent:3px;  }
.hizmetlerimiz ul li a { color:#999; text-decoration:none; outline:none; overflow:hidden; display:block; width:170px; height:20px;  }

.hizmetlerimiz-right { width:200px; margin:0px; }
.hizmetlerimiz-right ul { margin:0px; padding:0px; list-style:none; }
.hizmetlerimiz-right ul li { float:left; border-bottom:1px dotted #2A2A2A; height:18px; margin:0px 6px 2px 0px; width:200px; text-indent:3px;  }
.hizmetlerimiz-right ul li a { color:#999; text-decoration:none; outline:none; overflow:hidden; display:block; width:200px; height:20px;  }

#footer { width:100%; height:150px; background-color:#0C0C0C; }
.footer-in { width:780px; margin:0 auto 0 auto; }
.footer-in-right a { text-decoration:none; border-bottom:1px dotted #fff; color:#fff; }
.footer-in-left { float:left; width:380px; height:140px;}
.footer-in-left-button { background:url(images/web-sitem-olsun-footer-trans.png) no-repeat; width:297px; height:118px; margin:-15px 0 0 -15px; position:relative;}
.footer-in-left-button a { width:297px; height:33px; display:block; text-indent:-999px; overflow:hidden;}
.footer-in-left-text { width:370px; height:115px; margin:-75px 0 0 60px;}
.footer-in-right { float:right; width:270px; height:125px; margin-right:15px; padding-top:25px; text-align:right;}
.alt-facebook { float:right; margin:10px 15px 0 0; background:url(images/alt-facebook.gif) no-repeat; width:114px; height:33px; }
.alt-wp { float:right; margin:10px 15px 0 0; background:url(images/alt-wp.gif) no-repeat; width:32px; height:33px; }
.alt-mt { float:right; margin:10px 0 0 0; background:url(images/alt-mt.gif) no-repeat; width:55px; height:33px;}
.alt-facebook a, .alt-wp a, .alt-mt a { height:33px; display:block; }
.alt-facebook, .alt-wp, .alt-mt { text-align:left; text-indent:-999px; overflow:hidden; }


.write_comment{margin-top:10px;clear:both;}
.write_comment_text{float:left;}
.write_comment_text div{
	width:250px;
	border:1px solid #000;
	height:22px;
	background-color:#272727;
	margin:2px 0 2px 0;
	overflow:hidden;
}
.write_comment_text div label {
	background-color:#000;
	width:89px;
	display:block;
	color:#999;
	font-weight:bold;
	float:left;
	height:18px;
	padding:4px 0 0 3px;
	border-right:1px solid #000;
}
.write_comment_text div input {
	width:150px;
	float:left;
	font-family:tahoma;
	font-size:11px;
	background-color:#272727;
	border:0;
	padding:5px 0 0 3px;
	color:#CCC;
}
.write_comment_text .big_textarea {
	width:300px;
	border:1px solid #000;
	height:90px;
	background-color:#f4f4f4;
	margin:2px 0 2px 0;
	overflow:hidden;
}
.write_comment_text .big_textarea textarea {
	width:203px;
	float:left;
	font-family:tahoma;
	font-size:11px;
	background-color:#272727;
	border:0;
	padding:5px 0 0 3px;
	height:86px;
	color:#CCC;
}
.write_comment_text .big_textarea label {
	background-color:#000;
	width:90px;
	height:500px;
	display:block;
	color:#CCC;
	font-weight:bold;
	float:left;
	padding:5px 0 0 3px;
	border-right:1px solid #000;
}
.write_comment_text .submit_div {
	width:280px;
	height:90px;
	margin:2px 0 2px 0;
	background-color:transparent;
	border:0;
}
.write_comment_text .submit_div #submit {
	width:auto;
	font-family: tahoma;
	font-size:11px;
	font-weight:bold;
	background-color:#000;
	border:0;
	border-bottom:3px solid #333;
	padding:2px 20px 2px 20px;
	color:#999;
}
.yeniz a {
	color:#333;
	text-decoration:none;
}
.yenix a:hover {
	color:#F30;
}