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

@import 'reset.css';
@import 'default.css';
@import 'menu.css';

html, body{
	background:#000000;
	height:100%;
	
}
body{
	margin:0;
	overflow-x: hidden;
	overflow-y: hidden;
	
}
/* YAZI */
h1{
	display:none;
}
h2{
	color:#fff;
	font-size:18px;
	padding:0 0 10px 0;
	font-family:Arial;
}
h3{
	color:#900;
	font-size:13px;
	padding:5px;
}
h4{
	color:#000;
	font-size:12px;
	padding:5px;
}
p{
	text-align:justify;
	font-family:arial,arial,helvetica;
	line-height:1.4;
	font-size:12px;
	color:#fff;
}
a{
	line-height:1.4;
	color:#fff;
}
.alt{
	display:none;	
}
#slide {

	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	



}

#container{
	width:100%;
	height:100%;

}
#header{
	z-index:300;
	height:134px;
	text-align:left;
	color:#fff;
	position:absolute;
	top:0;
	width:100%;
	background:url(../images/header-bg.png) repeat-x;

}
#header #logo{
	z-index:400;
	background:#000;
	width:176px;
	height:87px;
	float:right;
	display:inline;
	margin-top: 20px;
	padding:10px 40px 10px 10px;
}

#homepage{
	position:relative;
	z-index:100;
	height:100%;

}
#homepage  a.closes {
	position:absolute;
	top:0;
	right:20px;
	z-index:300;
}
.un p{
	color:#000;
}

#homepage #homepage-left{
	width:650px;
	position:absolute;
	bottom:20%;
	left:10%;
	height:300px;
	overflow:auto;
	padding:10px;
	background:#fff;
	border:2px solid #999;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	-moz-box-shadow:0 0 20px #000000;
}
#homepage #homepage-letft{
	width:650px;
	position:absolute;
	bottom:20%;
	left:10%;
	height:300px;
	overflow:auto;
	padding:10px;


}
#navigation{
	float:right;
	display:inline;
	margin-top:120px;
	-moz-box-shadow:0 0 20px #000000;

}
#bass{
	width:850px;
	position:absolute;
	top:-70px;
	height:60px;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:40000;

}
#bass h2{
	color:#fff;
	font-size:24px;
	margin:-37px 20px 20px 20px;
	font-family:Arial,Helvetica;

}
#section{
	width:850px;
	position:absolute;
	bottom:75px;
	height:45%;
	background:url(../images/bg.png) repeat;
	z-index:40000;

}
#section-left{
	display:inline;
	z-index:40000;
	position:relative;	
	width:210px;

}
#main{
	width:830;
	z-index:40000;

	height:85%;
}
#section-right{
	width:620px;
	z-index:40000;
	float:left;
	display:inline;
	height:85%;
	padding:0 10px;
	margin-top:13px;

}
#suc{

	position:absolute;
	top:70px;
	z-index:40000;
}
#open{

	z-index:50000;
	border:1px solid #000;
	text-align:center;
	float:left;
	display:inline;
	margin-left:120px;
	position:absolute;
	bottom:75px;
	left:700px;
	display:none;
}
#open a{
	color:#fff;
	text-decoration:none;
}
#close a{
	color:#fff;
	text-decoration:none;
}
#close{
	text-align: right;		
	z-index:50000;
	margin-right:-17px;

}
#ana a{
	color:#fff;
	text-decoration:none;
}
#ana{
	text-align: right;	
	margin-top:20px;	
	z-index:50000;
	margin-right:-17px;

}

#homepage #homepage-right{
	width:540px;
	margin:10px 10px 10px 20px;
	float:left;
	display:inline;
	min-height:520px;
	height:auto !important;
	height:520px;

}

#main{
	padding:10px;
}

#orta{
	height:205px;
	padding-top:10px;
	width:90%;
	margin-left:60px;
	z-index:400;
	position:absolute;
	background:url(../images/orta_bg.png) repeat-x;
	bottom:120px;
}
#orta #cuery{
	overflow:hidden;
	width:75%;
	margin-left:120px;
	padding-left:40px;
	position:relative;
}
#orta #cuery img{
	border-bottom:1px solid #ddd;
}

	#cuery ul{
		margin:0;
		padding:0;
		position:relative;
		margin:0 -10px 0 -30px;

	}


#orta ul .sliding{
	width:200px;
	float:left;
	display:inline;
	margin:10px;
	background:#555;
	border:2px solid #ddd;

}
#orta ul .sliding p{
	margin:5px;
	}
	#orta ul .sliding p a{
		
		text-decoration:none;
	}
#btnleft {
	float:left;
	display:inline;
	margin-left:10px;
	
}
#btnright {
	float:right;
	display:inline;
	position:relative;
	margin-top:-170px;
	margin-right:10px;

}

/*ANA SAYFA*/
/*FOOTER*/

#footer{
	z-index:400;
	text-align:left;
	color:#fff;
	position:absolute;
	width:100%;
	bottom:0;
}
.projeler #footer{
	z-index:400;
	text-align:left;
	color:#fff;
	position:absolute;
	width:100%;
	height:100px;
	
}
 


#footer #botfor{
	background: #0c0c0c;
	position:relative;
	}
#footer #botfor p{
	color:#646254;	
	display: inline;
	font-size: 9px;
	margin-top:10px;
	margin-right: 70px;
}
#footer #botfor p a {
	color:#646254;	
	font-size: 9px;
	
	}
#footer #botfor p span.floatright{
	margin-top:5px;
	margin-right: 70px;
	padding-bottom:5px;


}
#footer #botfor p span.floatleft{
	margin-top:5px;
	margin-left:20px;


}  
#footer #botfor img{
	margin: -5px;
	position: absolute;
	bottom:0;
	right:0;
	z-index:399;
	position:absolute;
}
#footer-in{

}
#footer-in a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
}
#footer-in p{
	font-size:12px;
	text-align:left;
	color:#fff;
}
#footer-in a:hover{

}

/*Fotter*/

#footer-in #urlright{
	position:absolute;
	right:1%;
	top:20px;
}
#alo{
	padding-right:20px;
}
.left{
	float:left;
	display:inline;
}
.clear{
	clear:both;
}


#facebox .popup{
	z-index:300;}

	/*NAVİGATİON*/

	/* scrollpane */
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #fff;
	}
	.jScrollPaneDrag {
		position: absolute;
		background:#FD8402;
		cursor: pointer;
		overflow: hidden;
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		background:url(../images/arrow-up.gif) no-repeat top left;
		height: 20px;
	}
	a.jScrollArrowUp:hover {
		/*background-color: #f60;*/
	}

	a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		background:url(../images/arrow-down.gif) no-repeat bottom left;
		height: 20px;
	}
	a.jScrollArrowDown:hover {
		/*background-color: #f60;*/
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		/*background-color: #f00;*/
	}
	/** // scrollpane */


	#header .jsddm
	{	margin: 0;
		padding: 0;
		width:80%;
		float:left;
		display: inline;
		min-height:40px;
		margin:20px 0 0 0;
		border-bottom:none;
		border-left:none;
		background:#000;
	}

	.jsddm
	{	margin: 0;
		padding: 0;
		width:100%;
		float:left;
		display: inline;
		min-height:40px;
		margin:10px 0 0 0;
		border-bottom:none;
		border-left:none;
		background:#000;
	}

	.jsddm li
	{	float: left;
		list-style: none;

	}

	.jsddm li a
	{	display: block;
		padding:0 12px;
		text-decoration: none;
		color: #fff;
		font: bold 14px Plantagenet Cherkoee, sans-serif;
		padding-top:10px;
		border-top:3px solid #000;
	
	}

	.jsddm li a.ana:hover
	{
		background:url(../images/bttn_bg.png) top center no-repeat;
		border-top:3px solid #d70000;
		color:#d70000;
	}
	.jsddm li a.selected{

	}
	#header .jsddm li ul
	{	margin-top:10px;
		padding: 0;
		position: absolute;
		visibility: hidden;
		width:80%;
		left:0;
		display: inline;
		border:none;
		background:none;
	}

	.jsddm li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		width:75%;
		left:0;
		float:right;
		display: inline;
		border:none;
		background:#000;
	}
	#altrenk{
		width:100%;
		height:40px;
		background:#000;
		text-align:right;
		padding-top:4px;

	}
	#altrenk p{
		text-align:right;

	}
	#ust_renk{
		background:#000;
		width:80%;
		height:50px;
		margin-top:64px;
	}

	.jsddm li ul li
	{	float: left;
		display: block;
		margin-left:5px;
		border:none;



	}

	.jsddm li ul li a
	{	
		color:#fff;
		border:none;
	}

	.jsddm li ul li a:hover
	{	

	}
	#haber{
		width:170px;
		position:absolute;
		top:160px;
		right:10px;
		height:260px;
		overflow:auto;
		padding:10px;
		background:#000;
		border:2px solid #999;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		color:#fff;
		-moz-box-shadow:0 0 20px #000000;
		z-index:2131241;
	}

	#haber h3 {
		color:#fff;
		font-size:13px;
	}
	#haber h3 a{
		color:#fff;
	}
	#haber img {
		display:none;
	}	
	.sform .text,.sform textarea,.sform select{
		border:1px solid #BBB;
		padding:2px;
		font-size:13px;
		background:url(../images/text.jpg) repeat-x 0 -5px;
	}
#jquery-lightbox {
	z-index:312400;
	
	}