@CHARSET "UTF-8";

body { margin:0 auto; font-family:  Arial, sans-serif; font-size:12px; line-height: 1.5em; color: #616161; text-align: justify; }
ul { list-style: none; margin: 0; padding: 0; }
hr { clear: both;  border: 0; height: 1px; background: #ff4305; margin-bottom: 15px; }


#wrapper { width: 100%; margin: 0 auto; background: url(../img/bg.jpg) repeat-x; }

header { width: 959px; margin: 0 auto; height: 124px; }
.logo { display: block; float: left; margin-left: 38px; margin-top: 41px; width:338px; height: 47px; background: url(../img/logo.png) no-repeat; }

#nav-container { width: 506px; height:55px; margin-top: 41px; margin-right: 24px; float: right;  }
ul.nav { display: inline-block; list-style-type: none; padding:0; margin:0; }
ul.nav li { float:left; }
ul.nav li a { display:block; padding-top: 13px; font-size: 18px; color: #fff; text-decoration: none; }
ul.nav li a:hover { color: #ff4305; }
ul.nav li.ayrac { display:block; height: 46px; width: 1px; background: #50707e; margin-left: 13px; margin-right: 13px; }

#nav-container #lang { float: right; margin-top: 5px; }
#nav-container #lang .lang { display: block; width: 44px; height: 12px; margin-bottom: 11px; }
#nav-container #lang .lang.en { background: url(../img/lang-en.png); }
#nav-container #lang .lang.rs { background: url(../img/lang-rs.png); }
#nav-container #lang .lang.tr { background: url(../img/lang-tr.png); }
#nav-container #lang .lang:hover { background-position: 0px 12px; }

#container { margin: 0 auto; height: auto; background: url(../img/container-bg.jpg) repeat-x; }

#home-container { clear: both; height: 413px; background: #eee; width: 100%; margin: 0 auto; }
#home-content { position: relative; width: 959px; margin: 0 auto; }

#home-img { position: relative; width: 959px; margin: 0 auto; height: 413px; }
.face { position: absolute; display:block; width: 112px; height: 32px; top:250px; left:26px; z-index: 100; }
.face.tr { background: url(../img/facebook-tr.png); }
.face.en { background: url(../img/facebook-en.png); }
.face.rs { background: url(../img/facebook-rs.png); }

.face:hover { background-position: 0px 32px; }

#home-nav { position: absolute;  width: 959px; height: 148px; margin: 0 auto; margin-top: -57px; z-index: 99; }

#home-nav .button { display: block; float: left; width: 270px; height: 148px;}
#home-nav .button:nth-of-type(1) {  margin-left: 70px; }

#home-nav .button .txt-cont { display: block; text-align: center;margin-top: 11px; }
#home-nav .button .txt { font-size: 24px; color: #0c394c; font-weight: bold; }
#home-nav .button .btn { margin-left:81px; display: block; width: 108px; height: 108px; }

#home-nav .button .btn.nav1 { background: url(../img/home-nav1.png); }
#home-nav .button .btn.nav2 { background: url(../img/home-nav2.png); }
#home-nav .button .btn.nav3 { background: url(../img/home-nav3.png); }

#home-nav .button:hover > .btn { background-position: 0px 108px; }
#home-nav .button:hover > .txt-cont .txt { border-bottom: 1px solid #0c394c; }

#clients { clear: both; margin-top: 130px; width: 809px; margin-left:125px;  text-align: center; }
.musteriler { width:159px; height:100px; float:left; }
.musteriler img { border: 0; }
.mlogoayrac { margin-left:12px;	margin-right:12px; float:left; }

#content { clear: both; position: relative; width: 890px; margin: 0 auto; }
#content #title { height: 124px; }
#content-text { margin-top: 10px; }
#content-text .text { color: #616161; font-size: 16px; line-height: 1.9em; }

#about-title { height: 124px; display: table-cell; vertical-align: middle; font-size: 56px; font-weight: bold; color: #ff4305; }

.about-blue { color: #0c394c; font-weight: bold; font-size: 20px; }
.about-sub-title { clear: left; font-size: 50px; color: #ff4305; margin-top: 20px; font-weight: bold;  }
#takim { height: auto; }
#takim ul li { float: left; margin-right: 10px; height: 200px; }
#takim ul li:nth-child(3n+3) { margin-right: 0px; }
#takim ul li img { border: 1px solid #bcbcbc; }
#takim ul li .txt { color: #ff4305; font-size: 16px; }
#takim ul li .txt .name { font-weight: bold; }

.hizmetler .left { color: #000; width: 420px; float: left; font-size: 16px; }
.hizmetler .left:first-child {  margin-right: 50px; }
.hizmetler .txt { font-weight: bold; color: #ff4305; font-size: 18px; }

#contact-title { height: 124px; display: table-cell; vertical-align: middle; font-size: 54px; color: #ff4305; font-weight: bold; }
.email { font-weight: bold; color: #ff4305; font-size: 30px; /*float: left;*/ width: 40%; text-align: left; }
.email a { color: #ff4305; } 
.phone { font-weight: bold; color: #ff4305; font-size: 20px; /*float: right*/; width: 35%; text-align: right; }
.phone1 { color: #ff4305; font-size: 14px; float: right; }
#form { clear: both; margin-top: 30px; font-size: 24px; color: #0c394c; font-weight: bold; }
#form input, textarea { display: block; width: 100%; background: #e6e6e6; border: 0; font-size: 24px; font-family: Arial; height: 40px; color: #000; margin-bottom: 10px; padding-left: 10px; }
#form textarea {  height: auto; } 
#form a.btn { display: block; width: 100%; background: #0c394c; text-align: center; color: #fff; font-size: 28px; height: 30px; padding-top: 10px; }
#form a.btn:hover { background: #ff4305; }

.work-title { height: 124px; display: table-cell; vertical-align: middle; font-size: 34px; color: #0c394c; font-weight: bold; }
.work-title .title { height: 59px; width: 400px; padding-left: 86px; padding-top: 20px; }
.work-title .title.graphic 	{ background: url(../img/home-nav1.png) no-repeat; background-size:78px 156px;  }
.work-title .title.photo 	{ background: url(../img/home-nav2.png) no-repeat; background-size:78px 156px;  }
.work-title .title.web 		{ background: url(../img/home-nav3.png) no-repeat; background-size:78px 156px;  }

#work-nav { float: right; margin-top: -110px; }
#work-nav a { display: block; width: 140px; height: 40px; font-size: 12px; font-weight: bold; color: #0c394c; padding-right: 50px; padding-top: 4px; text-align: right; margin-bottom: 4px;  }
#work-nav a.graphic { background: url(../img/home-nav1.png) no-repeat; background-size:44px 88px; background-position: top right;}
#work-nav a.photo 	{ background: url(../img/home-nav2.png) no-repeat; background-size:44px 88px; background-position: top right;}
#work-nav a.web 	{ background: url(../img/home-nav3.png) no-repeat; background-size:44px 88px; background-position: top right;}
#work-nav a span { margin-top: 8px; display: block;  }
#work-nav a:hover { background-position: 146px -44px; color: #ff4305; }

#work-content { margin-top: 10px; }
#work-clients { height: 100%; margin-top: 20px; margin-bottom: 20px; }
.client-list-container { float: left; width: 295px; }
#work-clients ul.client-list {  width: 100%; height: auto; }
#work-clients ul.client-list li a { padding-bottom: 6px; display: block; font-size: 18px; font-weight: bold; color: #8e8e8e; text-align: center; }
#work-clients ul.client-list li a:hover { color: #ff4305; }
#work-clients ul.client-list li a.active { color: #ff4305; }
.client-title { float: left; font-size: 40px; font-weight: bold; color: #ff4305; margin-bottom: 5px; }
.goto { display: none; float: right; height: 22px; margin-top: 3px; background: url(../img/goto.jpg) no-repeat; color: #ff4305; font-size: 20px; padding-left: 26px; padding-top: 2px; }

#work-types { margin-top: 10px; }
#work-types ul { }
#work-types ul li { float: left; width: 443px; margin-bottom: 2px; margin-right: 2px; }
#work-types ul li a { display: block; font-size: 14px; font-weight: bold; color: #0c394c; background: #f3f3f3; padding: 6px; }
#work-types ul li a:hover {  background: #d7d7d7;  }
#work-types ul li a.active { background: #ff4100; color: #fff; }


#work-img { clear: left; margin-top: 30px; }
#work-img img { image-rendering: -moz-crisp-edges; width: 890px; margin-bottom: 30px; }



#footer { clear: both; height: 150px; margin-top: 40px; text-align: center; }
#footer .footer-txt { color: #0c394c; font-size: 14px; font-weight: bold; }

.clear { clear:both; }