@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300&subset=latin,latin-ext);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border : 0;
margin : 0;
padding : 0;
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
font-weight : inherit;
font-style : inherit;
font-family : inherit;
vertical-align : baseline;
display : block;
}
a img {
border : 0;
}
figure {
position : relative;
}
td, th, h1, h2, h3, ul, li, form, img, pre {
margin : 0;
padding : 0;
}
body {
	background: url(../images/bg.jpg) no-repeat fixed top center #636466;
	width:100%;
	height:100%;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 12px;
	color: #484849;
}
a{
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	color:#484849;
	
}
a:hover{
	text-decoration:none!important;
	color:#000;
}
a img{border:none;}
a:focus {
	text-decoration: underline;
	outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

ol {
margin : 0;
padding : 0;
list-style-position : inside;
}
p {
margin :0;
padding :0;
}
img {
border : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
ul {
list-style : none;
}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
/**/
#container, #header-wrap, #header, #content-wrap, #content, #footer-wrap, #footer {
overflow : hidden;
/*overflow:visible; *taşmalar görünsün* */
}
#container {
width : 100%;
min-height : 100%;
min-width : 1000px;
}
#header-wrap {
width : 100%;
height : auto;
margin : 0 auto;
background:#fff;
}
#header {
width : 970px;
height : 100px;
margin : 0 auto;
padding-top : 35px;
}
#content-wrap {
width : 100%;
height : auto;
margin : 0 auto;
}
#content {
width : 970px;
min-height : 500px;
margin : 0 auto;
}
#footer-wrap {
width : 100%;
height : auto;
margin : 0 auto;
background:#fff;
}
#footer {
width : 970px;
height : 35px;
margin : 0 auto;
}
.logo{ float:left; width:245px; height:44px; margin-top:10px;}
.logoen{ float:left; width:263px; height:44px; margin-top:10px;}
.menu{ float:right; width:700px;}
.lang{ float:right;}
.dil{ font-size:11px; float:left; color:#484849;}
.dil a{ color:#484849; font-size:11px;}
.dil a:hover{ color:#000;}
.music{ float:left; margin:0 0 0 15px;}
.nav { float: right; margin-top:20px; width:auto;}
.nav ul { margin:0; padding:0; list-style:none;}
.nav li { position:relative; float: left;}
.nav li a {font-size:13px; color:#484849; display: block; position: relative; text-decoration:none; line-height:25px; margin-left:25px; font-family: "Open Sans", Helvetica, Arial, sans-serif;}
.nav li a.active{color:#000;}
.nav li:hover a {color:#000;}
.copyright{font-size:10px; color:#636466; line-height:35px;}
.profi{ float:left; width:42px; margin:7px 20px 0 0;}
.profi a {
	width: 42px;
	height:22px;
	float: right;
	background: url(../images/profi1.png) no-repeat center;
	text-indent: -9999px;
}
.profi a:hover {
	width: 42px;
	height:22px;
	float: right;
	background: url(../images/profi2.png) no-repeat center;
	text-indent: -9999px;
}
.design {
	line-height:35px;
	width: auto;
	float: left;
	font-size: 9px;
	color: #636466;
	padding-right:5px;
	margin:0;
}
.title{ width:auto; height:110px; line-height:110px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:300; font-size:25px; color:#c6c7c9;}
.page{ margin-bottom:50px;}
/*projeler*/
.projeler {
	height: auto;
	clear: both;
}
.projeler ul {
	display: inline;
}
.projeler li {
	width: 310px;
	height: 220px;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
	display: inline;
	position: relative;
	background-color: #FFF;
	padding-bottom:10px;
-moz-transition: all 0.3s ease-in-out; 
	-moz-transform:translateY(0px); 
	-o-transition: all 0.3s ease-in-out; 
	-o-transform:translateY(0px); 
	-webkit-transition: all 0.3s ease-in-out; 
	-webkit-transform:translateY(0px); }
.projeler li:hover{ -moz-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);}
.projeler li a {
	display: block;
	text-align: left;
	font-size: 11px;
	color: #484849;
	text-decoration: none;
}
.projeler li a:hover {
	color: #000;
}
.projeler li .txt { margin:0 20px 0 20px; line-height:18px;}
.projeler li.last{ margin-right:0;}
.imgs{ position:relative; margin-bottom:18px; background:#fff url(../images/loader.gif) no-repeat center; width:310px; 
    height:190px; 
    display:block;
    overflow:hidden; }
.imgs img { width:310px; height:190px;}
.imgs .imgarrow { background:url(../images/arrow.png) no-repeat; width:25px; height:12px; position:absolute; bottom:0; left:25px; z-index:11;}
.roll {
    background:url(../images/zoom.png) center center no-repeat #1c1c1e;
    height: 190px;
    position: absolute;
    width: 310px;
    z-index: 10;	
}

/**/
/*etkinlikler*/
.etkinlikler {
	height: auto;
	clear: both;
}
.etkinlikler ul {
	display: inline;
}
.etkinlikler li {
	width: 310px;
	height: 250px;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
	display: inline;
	position: relative;
	background-color: #FFF;
	padding-bottom:10px;
-moz-transition: all 0.3s ease-in-out; 
	-moz-transform:translateY(0px); 
	-o-transition: all 0.3s ease-in-out; 
	-o-transform:translateY(0px); 
	-webkit-transition: all 0.3s ease-in-out; 
	-webkit-transform:translateY(0px); }
.etkinlikler li:hover{ -moz-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);}
.etkinlikler li a {
	display: block;
	text-align: left;
	font-size: 11px;
	color: #484849;
	text-decoration: none;
}
.etkinlikler li a:hover {
	color: #000;
}
.etkinlikler li .txt { margin:0 20px 0 20px; line-height:18px;}
.etkinlikler li.last{ margin-right:0;}
/*basin*/
.basin {
	height: auto;
	clear: both;
}
.basin ul {
	display: inline;
}
.basin li {
	width: 220px;
	height: 350px;
	float: left;
	margin-right:30px;
	margin-bottom:20px;
	display: inline;
	position: relative;
	background-color: #FFF;
	padding-bottom:10px;
-moz-transition: all 0.3s ease-in-out; 
	-moz-transform:translateY(0px); 
	-o-transition: all 0.3s ease-in-out; 
	-o-transform:translateY(0px); 
	-webkit-transition: all 0.3s ease-in-out; 
	-webkit-transform:translateY(0px); }
.basin li:hover{ -moz-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);}
.basin li a {
	display: block;
	text-align: left;
	font-size: 11px;
	color: #484849;
	text-decoration: none;
}
.basin li a:hover {
	color: #000;
}
.basin li .txt { margin:0 20px 0 20px; line-height:18px;}
.basin li.last{ margin-right:0;}
.imgs2{ position:relative; margin-bottom:18px; background:#fff url(../images/loader.gif) no-repeat center;
	width:220px; 
    height:290px; 
    display:block;
    overflow:hidden; }
.imgs2 img { width:220px; height:290px;}
.imgs2 .imgarrow { background:url(../images/arrow.png) no-repeat; width:25px; height:12px; position:absolute; bottom:0; left:25px; z-index:11;}
.roll2 {
    background:url(../images/zoom.png) center center no-repeat #1c1c1e;
    height: 290px;
    position: absolute;
    width: 220px;
    z-index: 10;	
}

/**/  
/*ekip*/
.ekip {
	height: auto;
	clear: both;
}
.ekip ul {
	display: inline;
}
.ekip li {
	width: 310px;
	height: 610px;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
	display: inline;
	position: relative;
	background-color: #FFF;
	padding-bottom:10px;
-moz-transition: all 0.3s ease-in-out; 
	-moz-transform:translateY(0px); 
	-o-transition: all 0.3s ease-in-out; 
	-o-transform:translateY(0px); 
	-webkit-transition: all 0.3s ease-in-out; 
	-webkit-transform:translateY(0px); }
.ekip li:hover{ -moz-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-webkit-transform:translateY(-3px);
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);}
.ekip li a {
	display: block;
	text-align: left;
	font-size: 12px;
	color: #484849;
	text-decoration: none;
}
.ekip li a:hover {
	color: #000;
}
.ekip li .txt { margin:20px 20px 0 25px; line-height:20px;}
.ekip li .txt h4{ margin-bottom:7px;}
.ekip li.last{ margin-right:0;}
.imgs3{ position:relative; margin-bottom:18px; background:#fff url(../images/loader.gif) no-repeat center;
	width:310px; 
    height:430px; 
    display:block;
    overflow:hidden;}
.imgs3 img { width:310px; height:430px;}
.imgs3 .imgarrow { background:url(../images/arrow.png) no-repeat; width:25px; height:12px; position:absolute; bottom:0; left:25px; z-index:11;}
/**/
.white{ background:#fff; padding-bottom:30px;}
.slider{ width:970px; height:auto; margin-bottom:80px; background:#f4f3f0; position:relative;}
.slider .imgarrow { background:url(../images/arrow.png) no-repeat; width:25px; height:12px; position:absolute; bottom:0; left:25px; z-index:11;}
.maps{ width:970px; height:460px; background:#f4f3f0; position:relative;}
.maps .imgarrow { background:url(../images/arrow.png) no-repeat; width:25px; height:12px; position:absolute; bottom:0; left:25px; z-index:11;}
.dots{ background:url(../images/dots.png) repeat-x center center; margin:20px 0 40px 0; height:1px; width:100%;}
.txt { margin:20px 25px; line-height:20px;}
.kurumsal { margin:20px 10px 20px 25px; line-height:25px; font-size:13px; text-align:justify; width: 630px; float: left; display: block;}
.bio{width: 260px; display: block; float: right;margin: 20px 25px 20px 10px; border: 1px solid #eee;}
.adres { margin:30px 30px; line-height:20px; font-size:13px;}
.signature{ margin:30px; float:right;}
.icon1{padding-left:25px; background:url(../images/icon1.jpg) left no-repeat; margin-bottom:10px;}
.icon2{padding-left:25px; background:url(../images/icon2.jpg) left no-repeat; margin-bottom:10px;}
.icon3{padding-left:25px; background:url(../images/icon3.jpg) left no-repeat; margin-bottom:10px;}