@charset "utf-8";
	
	
	/*  Table of Contents 
			
	01. DOCUMENT SETUP
		01.1 IMPORTS
		01.2 HIGHLIGHTED COLOR
		01.3 CONTROLS
		
	02. FONTS
	03. KEYFRAMES
	04. PRIMARY STYLES
	
	05. RESPONSIVE DESIGN
		05.1 TABLET (Portrait)
		05.2 MOBILE (Portrait)
		05.3 MOBILE (Landscape)
		
	06. BROWSER FIXES
	07. PRINT STYLES
	*/
	
	/*==================================== 01. DOCUMENT SETUP ====================================*/
	
	/*----- 01.1 IMPORTS -----*/
	@import url("normalize.css");
	@import url("960.css");
	@import url("animate.min.css");
	@import url("font-awesome.min.css");
	@import url("font-awesome-ie7.min.css");
	
	/*----- 01.2 HIGHLIGHTED COLOR - Default #e3672b -----*/
	::-moz-selection { background: #fa110a; color: #fff; text-shadow: none; }
	::selection { background: #fa110a; color: #fff; text-shadow: none; }
	
	/*----- 01.3 CONTROLS -----*/
	.alignleft{text-align:left;}
	.alignright{text-align:right;}
	.aligncenter{text-align:center;}
	
	.floatleft{float:left}
	.floatright{float:right}
	
	.clear{clear: both;display: block;font-size: 0;height: 0;line-height: 0;width:100%;overflow:hidden;visibility: hidden;}
	.clearleft{clear: left;display: block;font-size: 0;height: 0;line-height: 0;width:100%;overflow:hidden;visibility: hidden;}
	.clearright{clear: both;display: block;font-size: 0;height: 0;line-height: 0;width:100%;overflow:hidden;visibility: hidden;}
	
	.hide{display:none!important;visibility:hidden;}
	.show{display:block!important;visibility:visible;}
	
	
	
	/*==================================== 02. FONTS ====================================*/
	@font-face {
	font-family: 'bebas-neue';
	src: url('fonts/bebas-neue/bebas-neue-webfont.eot');
	src: url('fonts/bebas-neue/bebas-neue-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/bebas-neue/bebas-neue-webfont.html') format('woff'),
	url('fonts/bebas-neue/bebas-neue-webfont.ttf') format('truetype'),
	url('fonts/bebas-neue/bebas-neue-webfont-2.html#bebas-neue') format('svg');
	font-weight: normal;
	font-style: normal;}
	
	@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans/opensans-webfont.eot');
	src: url('fonts/opensans/opensans-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/opensans/opensans-webfont.html') format('woff'),
	url('fonts/opensans/opensans-webfont.ttf') format('truetype'),
	url('fonts/opensans/opensans-webfont-2.html#opensans') format('svg');
	font-weight: normal;
	font-style: normal;}
		
	@font-face {
	font-family: 'bebas';
	src: url('fonts/bebas/bebas-webfont.eot');
	src: url('fonts/bebas/bebas-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/bebas/bebas-webfont.html') format('woff'),
	url('fonts/bebas/bebas-webfont.ttf') format('truetype'),
	url('fonts/bebas/bebas-webfont-2.html#bebas') format('svg');
	font-weight: normal;
	font-style: normal;}
		
	@font-face {
	font-family: 'lobster';
	src: url('fonts/lobster/lobster-webfont.eot');
	src: url('fonts/lobster/lobster-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/lobster/lobster-webfont.html') format('woff'),
	url('fonts/lobster/lobster-webfont.ttf') format('truetype'),
	url('fonts/lobster/lobster-webfont-2.html#lobster') format('svg');
	font-weight: normal;
	font-style: normal;}
		
	@font-face {
	font-family: 'nymphette';
	src: url('fonts/nymphette/nymphette-webfont.eot');
	src: url('fonts/nymphette/nymphette-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/nymphette/nymphette-webfont.html') format('woff'),
	url('fonts/nymphette/nymphette-webfont.ttf') format('truetype'),
	url('fonts/nymphette/nymphette-webfont-2.html#nymphette') format('svg');
	font-weight: normal;
	font-style: normal;}
	
	
	
	/*==================================== 03. KEYFRAMES ====================================*/
	@keyframes fadein{0%{opacity:0}100%{opacity:1}}
	@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}
	@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}
	@-o-keyframes fadein{0%{opacity:0}100%{opacity:1}}
	@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}
	
	
	
	/*==================================== 04. PRIMARY STYLES ====================================*/
	body {
		font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		background:#ccc;
		scrollbar-face-color: #ffffff; 
		scrollbar-highlight-color: #000000;
		scrollbar-shadow-color: #ffffff; 
		scrollbar-3dlight-color: #ffffff;
		scrollbar-arrow-color: #000000; 
		scrollbar-track-color: #808080;
		scrollbar-darkshadow-color: #000000;

	}
	#pageWrap{
		background:url(../img/body.png) repeat-x center top;
		width:100%;
		min-height:550px;
		position:relative;
	}
	::-webkit-scrollbar { width: 3px; height: 3px;}
	::-webkit-scrollbar-button {  background-color: #666; }
	::-webkit-scrollbar-track {  background-color: #999;}
	::-webkit-scrollbar-track-piece { background-color: #ffffff;}
	::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
	::-webkit-scrollbar-corner { background-color: #999;}
	::-webkit-resizer { background-color: #666;}

	#header-top{
		display:block;
		width:960px;
		margin:0 auto;
		position:relative;
		padding-top:500px
	}
	.logo{
		display:block;
		background:url(../img/logo.png);
		width:179px;
		height:236px;
		position:absolute;
		top:0;
		left:0;
	}
	.logo img{
		width:165px;
		margin-top:43px;
		margin-left:5px;
		}
	.shell{
		display:block;
		position:absolute;
		top:0;
		right:0;
		background:url(../img/shell.png);
		width:179px;
		height:110px;
	}
	nav{
		display:block;
		width:960px;
		margin:0 auto;
		height:88px;
		background:url(../img/nav.png) no-repeat center center;
		position:absolute;
		top:410px;
	}
	nav ul{
		display:block;
		margin:0;
		padding:0;
		list-style-type:none;
		padding-left:105px;
	}
	nav li{
		float:left;
	}
	nav li:first-child a{
		border-left:solid 1px rgba(0,0,0,.3);
		box-shadow:inset rgba(0,0,0,.3) 0 0 0 0,rgba(255,255,255,.1) 1px 0 0 0,rgba(255,255,255,.1) -1px 0 0 0;
	}
	nav a{
		display:block;
		padding:30px;
		text-decoration:none;
		color:#fff;
		margin-top:4px;
		margin-bottom:4px;
		border-right:solid 1px rgba(0,0,0,.4);
		text-transform:uppercase;
		font-size:90%;
		transition:all .3s ease;
		box-shadow:inset rgba(0,0,0,.3) 0 0 0 0,rgba(255,255,255,.1) 1px 0 0 0;
	}
	nav a i{
		font-size:130%;
	}
	nav a:hover,
	nav li:first-child a:hover{
		background:rgba(0,0,0,.15);
	}
	
	ul#blockwrap{
		display:block;
		width:960px;
		height:254px;
		margin:0 auto;
		padding:0;
		list-style-type:none;
		padding-top:10px;
	}
	ul#blockwrap li{
		display:block;
		height:254px;
		width:456px;
		position:relative;
		background-image:url(../img/blocks.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	ul#blockwrap li.left-block{
		float:left;
		background-position:0 0;
	}
	ul#blockwrap li.right-block{
		float:right;
		background-position:-456px 0;
	}
	ul#blockwrap li.left-block > h3,
	ul#blockwrap li.right-block > h3{
		color:#fff;
		margin:0;
		padding:0;
		padding:21px 35px;
		margin-bottom:10px;
	}
	ul#blockwrap li.right-block > h3{float:right;}
	ul#blockwrap li.left-block > h3{float:left;}
	
	ul#blockwrap li.left-block p,
	ul#blockwrap li.right-block p{
		color:#333;
		font-size:90%;
		margin:0;
		padding:0;
		padding:10px 0;
		margin:0 40px;
		border-bottom:solid 1px #bbb;
		box-shadow:rgba(255,255,255,.2) 0 1px 0 0;
	}
	ul#blockwrap li.left-block p:last-child,
	ul#blockwrap li.right-block p:last-child{
		border-bottom:0 none;
		box-shadow:none;
	}
	
	ul#blockwrap a{
		color:#fff;
		text-decoration:none;
		background:rgba(0,0,0,.3);
		padding:0px 4px;
		padding-left:7px;
		padding-bottom:1px;
		display:inline-block;
		position:absolute;
		margin:1px 3px;
		font-size:90%;
		border-radius:5px;
	}
	
	footer{
		background:url(../img/footer-bg.png) repeat-x center bottom;
		min-height:90px;
		margin-top:5px;
		padding-top:60px;
		text-shadow:rgba(255,255,255,.3) 0 1px 0;
	}
	#footer-inner{
		display:block;
		width:960px;
		margin:0 auto;
	}
	
	#footer-inner > p{
		float:left;
	}
	
	ul#social{
		margin:8px 20px;
		padding:0;
		list-style-type:none;
		float:right;
	}
	ul#social li{
		float:left;
	}
	ul#social a{
		display:block;
		width:30px;
		height:30px;
		text-indent:-9999px;
		background-image:url(../img/social-networks.png);
		background-repeat:no-repeat;
		transition:all .3s ease;
		margin-right:1px;
		border:solid 1px #fff;
		.box-shadow:rgba(255,255,255,1) 0 0 1px 2px;
	}
	ul#social a.fb{background-position:0 0;}
	ul#social a.tw{background-position:-32px 0;}
	
	ul#social a.fb:hover, ul#social li:hover a.fb{background-position:0 -30px;}
	ul#social a.tw:hover, ul#social li:hover a.tw{background-position:-32px -30px;}
	
	
	#pageContentInner{
		width:960px;
		margin:0 auto;
		margin-top:20px;
	}
	#pageLeftContent{
		display:block;
		width:700px;
		min-height:400px;
		float:left;
		background:#fff;
		border-radius:15px 0 0 15px;
		box-shadow:rgba(0,0,0,.1) 1px 2px 1px 0;
		position:relative;
		padding-top:80px;
	}
	#pageRightContent{
		display:block;
		width:259px;
		min-height:250px;
		float:right;
		background:#eee;
		border-radius:0 15px 15px 0;
		box-shadow:rgba(0,0,0,.1) 2px 2px 1px 0;
	}
	#pageRightContent ul{
		list-style-type:none;
		margin:0;
		padding:0;
		padding-top:20px;
	}
	#pageRightContent a{
		display:block;
		padding:3px 10px;
		margin:10px 15px;
		text-decoration:none;
		color:#888;
		border-bottom:dotted 1px #ddd;
		font-size:85%;
	}
	#pageRightContent a i{
		color:#ccc;
		font-size:90%;
	}
	.pageLeftTitle{
		display:block;
		background:url(../img/title.png) no-repeat center center;
		width:268px;
		height:66px;
		position:absolute;
		color:#fff;
		font-weight:bold;
		text-indent:24px;
		line-height:50px;
		top:15px;
		left:-14px;
	}
	#pageLeftContent p{
		display:block;
		padding:10px;
		margin:5px 15px;
		font-size:90%;
		border-bottom:dotted 1px #ddd;
	}
	
	a.fnc{
		display:inline-block;
		padding:1px;
		border:solid 1px #aaa;
		position:relative;
		overflow:hidden;
		margin:1px 0;
	}
	a.fnc img{
		display:block;
		padding:0;
		margin:0;
	}
	#duyuru{
		width:100%;
		height:auto;
		overflow:hidden;
		padding: 10px 0;
		margin: 0 40px;
		}
	#duyuru .d{
		width:100%;
		height:25px;
		}
	#duyuru .d a{
		background:none;
		color: #333;
		}
	.mesaj {
	width: 280px;
	height: 80px;
	padding: 5px 10px;
	float: left;
	background: #363636;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border: 0px;
	margin: 5px;
	}
	.konu {
	width: 150px;
	padding: 8px 10px;
	float: left;
	background: #363636;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border: 0px;
	margin: 5px;
	}
	.gonder {
	float: left;
	width: 100px;
	padding: 5px;
	text-align: center;
	background: #E2A605;
	color: #fff;
	border: 0px;
	margin: 5px;
	cursor: pointer;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	}
	.gonder:hover {
	color: #fff;
	background: #363636;
	}
	.kapsa{
		width:100%;
		height:auto;
		overflow:hidden;
		}
	.kleft{
		float:left;
		margin-right:10px;
		width:315px;
		height:auto;
		overflow:hidden;
		}
	.kright{
		float:right;
		width:360px;
		height:auto;
		overflow:hidden;
		}
	
	/*==================================== 05. RESPONSIVE DESIGN ====================================*/
	
	/*----- 05.1 TABLET (Portrait) -----*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/*body:before{ color:#fff; background-color:#333; display:block; padding:10%; content:"Tablet";}*/
	}
	
	/*----- 05.2 MOBILE (Portrait) -----*/
	@media only screen and (max-width: 767px) {
		/*body:before{ color:#fff; background-color:#333; display:block; padding:10%; content:"Mobile Portrait";}*/
	}
	
	/*----- 05.3 MOBILE (Landscape) -----*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/*body:before{ color:#fff; background-color:#333; display:block; padding:10%; content:"Mobile Landscape";}*/
	}
	
	
	
	/*==================================== 06. BROWSER FIXES ====================================*/
	.oldie img{}
	
	
	
	/*==================================== 07. PRINT STYLES ====================================*/
	@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter:
	none !important; } 
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	}