@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Open Sans', sans-serif;
}

body {
  margin:0;
  padding:0;
  overflow:hidden;  
}

.container {
	position:relative; 
	margin:auto;
	width:1200px;
  height:5400px;
	overflow:hidden;
	background-color:#FFF;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}

#main {
	width:1200px;
	height:550px;
  margin-bottom:800px;
	float:left;
	background:url(../img/portre.png) no-repeat
}

#about{
	width:1200px;
	height:550px;
  margin-bottom:800px;
	float:left;
	background:url(../img/about-01.png) no-repeat
}

#design {
	width:1200px;
	height:550px;
  margin-bottom:800px;
	float:left;
	background:url(../img/design-01.png) no-repeat
}

#food {
	width:1200px;
	height:550px;
  margin-bottom:800px;
	float:left;
	background:url(../img/food-01.png) no-repeat
}

a.about:link, a.about:visited {
  display:block;
  width:700px;
  height:255px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/levent.png) 0 0 no-repeat
}

a.about:hover, a.about:active {
  display:block;
  width:700px;
  height:255px;
  text-indent:-9999px;
  background:url(../img/levent_h.png) 0 0 no-repeat
}

a.design:link, a.design:visited {
  display:block;
  width:500px;
  height:145px;
  text-indent:-9999px;
  background:url(../img/grafik.png) 0 0 no-repeat
}

a.design:hover, a.design:active {
  display:block;
  width:500px;
  height:145px;
  text-indent:-9999px;
  background:url(../img/grafik_h.png) 0 0 no-repeat
}

a.food:link, a.food:visited {
  display:block;
  width:500px;
  height:145px;
  text-indent:-9999px;
  background:url(../img/yemek.png) 0 0 no-repeat
}

a.food:hover, a.food:active {
  display:block;
  width:500px;
  height:145px;
  text-indent:-9999px;
  background:url(../img/yemek_h.png) 0 0 no-repeat
}

.fade li {
  -webkit-transition: opacity .35s ease-in-out;
     -moz-transition: opacity .35s ease-in-out;
      -ms-transition: opacity .35s ease-in-out;
       -o-transition: opacity .35s ease-in-out;
          transition: opacity .35s ease-in-out;
}
  .fade li.past {
        opacity: 0;
  }
  .fade li.future {
        opacity: 0;
  }

ul {
    list-style-type: none;
	margin:0;
	padding:0;
}


h1 {
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
	line-height:150%;
	letter-spacing:-0.05em;
	color: #000;
}

h2 {
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
	line-height:150%;
	letter-spacing:-0.05em;
	color: #666;
}

h3 {
	font-family:'Open Sans', sans-serif;
	font-weight: 600;
	font-size:14px;
	line-height:100%;
	color: #007B61;
}

h4 {
	font-family:'Open Sans', sans-serif;
	font-weight: 600;
	font-size:14px;
	line-height:110%;
	letter-spacing:0.1em;
	color: #CCC;
}

h5 {
	font-family:'Open Sans', sans-serif;
	font-weight: 300;
	font-size:21px;
	line-height:100%;
	letter-spacing:0.3em;
	color: #007B61;
}

a:link {
	color: #007B61;
	text-decoration:none;
}

a:visited {
	color: #007B61;
	text-decoration:none;
}

a:hover {
	color: #F7931E;
	text-decoration:underline;
}

a:active {
	color: #F00;
	text-decoration:underline;
}

/* line 317, ../sass/screen.sass */
.imageRow {
  *zoom: 1;
  margin: 20px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #007B61;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #007B61;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}