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

		/*
		 #####
		 Korhan Karagozoglu
		 korhan@gmail.com
		 baykorhan@hotmail.com
		 freelance front - end developer
		 #####
		*/
		

		@import url(jquery.fancybox.css);

		
		
		
		
		/* reset css rules */

	

		body { margin: 0px; padding:0px; font-family:'Ubuntu', sans-serif; color:#867d6a; font-size: 12px; background-color:#000000; } 
		html, body, form { height: 100%; }
		ul,ol,li { margin:0; padding:0; }
		table { border-collapse:collapse;	border-spacing:0;}
		fieldset,img {	border:0;}
		address,caption,cite,code,dfn,em,th,var { font-style:normal;	font-weight:normal;	}
		ol,ul { list-style:none; }
		caption,th {text-align:left;}
		abbr,acronym { border:0;	}
		a {outline-style:none; text-decoration:none;}
		a:hover {text-decoration:underline;}
		input { background-color: transparent; border:none; font-family:'roboto', arial; font-size:12px; color:#000000; }
		input[type="button"] {cursor:pointer;}
		input[type="submit"] {cursor:pointer;}
		input[type="text"], input[type="password"] {color:#000000 !important}
		textarea { background-color: transparent; border:none; overflow:auto; font-family:Arial; font-size:12px; color:#151515;}
		*:focus { outline: none;}
		button {border:none; background-color:transparent; cursor:pointer; padding:0px;}
		
		.no-bor-bottom {border-bottom:none !important}
		.no-bor-top {border-top:none !important}
		.no-bor-left {border-left:none !important;}
		.no-bor-right {border-right:none !important}
		
		
		.no-mar-bottom {margin-bottom:0 !important}
		.no-mar-top {margin-top:0 !important}
		.no-mar-left {margin-left:0 !important;}
		.no-mar-right {margin-right:0 !important}
		
		.bold {font-weight:bold;}
		.line-through {text-decoration:line-through;}
		
		.float-left {float:left !important;}
		.float-right {float:right !important;}
	
		
		
		/* clearfix */
		.clearfix:after {content: "."; display: block; clear: both;visibility: hidden; line-height: 0; height: 0} 
		.clearfix {display: inline-block} 
		* html .clearfix {height: 1%;}
		.clear { clear: both;}

		/* site css rules */

		body > .wrapper {height: auto; min-height: 100%;}
		


		
		.wrapper { height: 100%;	width: 100%;}
		.container { position: relative; width: 100%; z-index:50; padding-bottom:100px; }
		.contentFrame { margin:0px auto; width:1000px; position:relative; }
		.logo {float:left; width:215px; height:65px; margin-top:18px;}
		
		
		
		
		
		/*---------------- topframe css -------------------------*/
				
				.topFrame {position:relative; width:100%; overflow:hidden; height:100px; z-index:5; background-color:#ffffff;}
				.topFrame .content {width:1000px; margin:0 auto; height:100px; position:relative;}
				.overlay {position:absolute; background:url(../images/overlay.png) repeat; width:100%; height:100%; z-index:2; left:0px; top:0px;}

				
		/*------------------------ topmenu css -------------------------*/
							
						ul.topMenu { float:right; margin-top:18px; }
						ul.topMenu li { float: left; height:60px; }
						ul.topMenu li a{display:block; color:#000000; font-size:12px;  height:60px; padding:0px 15px; line-height:55px;  }
						ul.topMenu li a:hover {text-decoration:none; background:url(../images/menu.png) no-repeat center 38px; }
						ul.topMenu li .active {text-decoration:none; background:url(../images/menu.png) no-repeat center 38px; }
						
						
				/* --------------- content css --------------------*/	
					
					a.overlink {position:absolute; background:url(../images/transparent.png) repeat; width:100%; height:100%; top:0px; left:0px; z-index:250;}
					h1 {display:block; width:100%; margin:0 0 25px 0; color:#ffffff; font-size:24px; font-weight:normal;}
					h2 {display:block; width:100%; margin:0 0 15px 0; color:#ffffff; font-size:18px; font-weight:normal; }
					
					.upper {width:100%; padding-top:50px;}
					ul.nav {height:25px;}
					ul.nav li {float:left; color:#ffffff; font-size:14px; margin-right:7px;height:25px; line-height:20px;}
					ul.nav li a {display:block; color:#ffffff; height:25px; line-height:25px;}
					ul.nav li.arrow {width:5px;background:url(../images/nav.png) no-repeat center center;}
					
					.subContent {width:100%; position:relative; color:#ffffff; font-size:14px; line-height:24px;}
					
				.innerGallery {width:100%; position:relative; margin:20px 0px;}
				.fancybox {float:left; margin-right:4px; margin-bottom:4px;}
				.fancybox:nth-child(4n){margin-right:0px !important;}
				.innerGallery img {-webkit-transition: opacity 0.7s ease-in-out; -moz-transition: opacity 0.7s ease-in-out; -ms-transition: opacity 0.7s ease-in-out; -o-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out;}
				.innerGallery img:hover { zoom: 1; filter: alpha(opacity=60);opacity: 0.6;}
				
				
				.projectList{position:relative; margin-bottom:20px; overflow:hidden; }
				.projectList li {float:left; overflow:hidden; position:relative; width:247px; height:172px; margin-bottom:4px; margin-right:4px;}
				.projectList li img {position:relative; z-index:5; filter: alpha(opacity=60);opacity: 0.6;  -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}
				.projectList li span {position:absolute; z-index:10; bottom:-28px; left:0px; background-color:#ffffff; color:#000000; font-size:14px; width:100%; height:28px; line-height:28px; text-indent:10px; }
				.projectList li:nth-child(4n){margin-right:0px !important;}
				.projectList li:hover > img { zoom: 1; filter: alpha(opacity=100);opacity: 1;}
				
				
				
				/* footer */
				
				
				.footer {width:100%; height:100px; margin-top:-100px; color:#4a4b4d; font-size:11px; line-height:18px; background-color:#ffffff; position:relative; z-index:55; }
				.footer .content {width:1000px; height:84px; margin:0 auto; position:relative; padding-top:16px;}
				
				.author {position:absolute; right:0px; bottom:15px;}
				.copyright {float:left;}
				
				ul.social {float:right;}
				ul.social li {float:left; margin-left:5px;}
				ul.social li.first a { display:block; width:50px; background-color:#cfcfcf; padding-top:0px; height:28px;text-align:center; line-height:28px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
				ul.social li a {display:block; color:#4a4b4d;  background-color:#cfcfcf; padding-top:6px; height:22px;text-align:center; width:28px; line-height:28px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
				ul.social li a:hover {  text-decoration:none;
											animation:mymove 0.5s;
										/*Safari and Chrome:*/
										-webkit-animation:mymove 0.5s;
										}

										@keyframes mymove
										{
										100% {transform:rotate(360deg);}
										}

										/*Safari and Chrome:*/
										@-webkit-keyframes mymove
										{
										100% {-webkit-transform:rotate(360deg);}
											}
			
				.fancybox-inner {overflow:hidden !important;}
				
				
				/* pager css */
				
				.pagerFrame {display:block; width:100%; overflow:hidden; position:relative; margin-top:20px; margin-bottom:20px;}
				ul.pagination{margin:0 auto;	padding:0px;height:100%;overflow:hidden;font:12px 'Tahoma';	list-style-type:none;display:table;	}
				ul.pagination li{float:left;margin:0px;padding:0px;margin-left:5px;}
				ul.pagination li:first-child{margin-left:0px;}
				ul.pagination li a{display:block;text-decoration:none;color:#707070;background:#FFFFFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:solid 1px #DCDCDC;padding:6px 9px 6px 9px;}
				ul.pagination li a img	{border:none;}
				ul.pagination li a:hover,ul.pagination li a.current{color:#FFFFFF;background-color:#ff004e;box-shadow:0px 1px #EDEDED;-moz-box-shadow:0px 1px #EDEDED;-webkit-box-shadow:0px 1px #EDEDED;}
		
				
				
				
				.intro {width:100%; height:100%; background-color:#000000; position:relative;}
					.intro .content {position:absolute; height:285px; width:485px; top:50%; left:50%; margin-top:-143px; margin-left:-243px; color:#ffffff;font-size:18px; opacity: 0.001;
									transition: opacity 1.5s 1.5s;
									-moz-transition: opacity 1.5s 1.5s;
									-webkit-transition: opacity 1.5s 1.5s;
									-o-transition: opacity 1.5s 1.5s;
									-ms-transition: opacity 1.5s 1.5s;
									-khtml-transition: opacity 1.5s 1.5s;}
					.intro .content .intrologo {width:483px; height:152px;}
					.intro .content .description {width:100%; margin-top:35px; text-align:center;}
					.intro .content .lang {width:100%; margin-left:195px; margin-top:20px;}
					.intro .content .lang a {color:#ffffff; float:left; width:28px; height:28px; line-height:28px; text-align:center; margin-right:15px; }
					.intro .content .lang a:hover {background-color:#808080; color:#000000; text-decoration:none; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
				
				
		
		
				
		/*-------------------------- css hack ----------------------------*/
		
		/* ie7 */
		
	
		*:first-child+html .www { padding-top:13px; height:32px; width:364px;}

		/* ie8 */
		
		.www {padding-top:15px\0/ !important; height:32px\0/ ;}
		
		
		/* ie9 */
		
		:root .www {margin-top:0px \ !important; height:37px \ !important;}
		
		
		/* chrome */
		
		.www {(-bracket-:hack;
			padding-top:5px; height:19px;
		);}
	
		/* opera 11 */
		noindex:-o-prefocus, .www {
	  padding-top:5px; height:19px;
		}