@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:#000;
}
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:600;
	height:134px;
	text-align:left;
	color:#fff;
	position:absolute;
	top:0;
	width:100%;
	background:url(../images/header.png) repeat-x 0 15px;

}
#header #logo{
	z-index:400;
	width:200px;
	height:136px;
	position:absolute;
	top:5px;
	left:5px;
	
	}

#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:url(../images/bg.png) repeat;

	z-index:40000;

}
#iccab{
	width:1000px;
	margin:0 auto;
	margin-top:170px;
}

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

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

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

}
#main{

	width:830;
	z-index:40000;
	height:85%;
	background:url(../images/bg-ic.png) repeat;
	padding:10px;
	
}
#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;

}


#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;
}
#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;
	bottom:0;
	width:100%;
	height:270px;
	background: url(../images/footer-top.png) no-repeat top; 

}


#footer #botfor{
	background: #0c0c0c;
	bottom:0;
	position:absolute;
	width:100%;
	}
#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:#000;
		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;*/
	}
	



	#header .jsddm
	{	margin: 0;
		padding: 0;
		width:100%;
		float:right;
		display: inline;
		height:57px;
		margin:20px 0 0 0;
		border-bottom:none;
		border-left:none;
		padding-left:200px;
	}
#efe{
	margin-left:270px;
	
	
}
	.jsddm
	{	margin:0 0 0 0;
		padding:0 0 0 0;
		width:100%;
		float:left;
		display: inline;
		border-bottom:none;
		border-left:none;
		background:none;
		
		
	}

	.jsddm li
	{	float: left;
		list-style: none;
	margin-left:5px;
	}

 .jsddm li a
	{	display: block;
		text-decoration: none;
		color: #000;
		padding:5px 5px 0 5px;
		width:140px;
		margin-top:5px;
		text-align:center;
		
	
	}
	#footer .jsddm li a
	{	display: block;
		text-decoration: none;
		color: #000;
		padding:0 12px;
		padding-top:5px;
		background:#fff;


	}
	
.altcan{
	border:1px solid #000;
	background:url(../images/altcan.png) repeat-x;
	width:100%;
	height:35px;
	margin:5px 0;
}


	.jsddm li a.ana:hover{
border-bottom:3px solid #490207;
		
		}
	.jsddm li a.selected{

	}
	#header .jsddm li ul
	{	margin-top:20px;
		padding: 0;
		position: absolute;
		visibility: hidden;
		width:73%;
		right:0;
		display: inline;
		border:none;
		background:none;
		height:53px;
	}
.lavaLampBottomStyle li a{
	margin:0;
	padding:0;
	
}
	.jsddm li ul
	{	margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		width:73%;

		float:right;
		display: inline;
		border:none;
	
	}
	#altrenk{
		width:100%;
		height:30px;
		background:#e98632;
		text-align:right;
		padding-top:4px;

	}
	#altrenk p{
		text-align:right;

	}
	#ust_renk{
		background:#fb120f;
		width:73%;
		height:50px;
		margin-top:5px;
		float:right;
		display:inline;
	}

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



	}

	.jsddm li ul li a
	{	
		color:#000;
		border:none;
		padding:0 10px 0 10px;
	}

	.jsddm li ul li a:hover
	{	
		color:#000;
	}
	#haber{
		width:200px;
		position:absolute;
		top:280px;
		left:10px;
		height:260px;
		overflow:auto;
		padding:10px;
		background:url(../images/bg.png) repeat;
		border:2px solid #999;
		color:#000;
		-moz-box-shadow:0 0 20px #000000;
		z-index:2131241;
	}

#linkage{
	width:180px;
	position:absolute;
	top:200px;
	right:10px;
	overflow:auto;
	padding:3px 0;
	background:#f2b121;
	border:2px solid #fff;
	color:#000;
	z-index:2131241;
	
}
#linkage ul li{
	background:url(../images/document.png) no-repeat 2px 2px;
	padding:5px 0 10px 29px;
	border-bottom:1px solid #fff;
	
	
}
#linkage ul li#proje{
	background:#8bc02b url(../images/document.png) no-repeat 2px 4px;
}
#linkage ul li#sosyal{
	background:#56d9a2 url(../images/document.png) no-repeat 2px 4px;
}
#linkage ul li#kat{
	background:#e798e4 url(../images/document.png) no-repeat 2px 4px;
}
#linkage ul li#teknik{
	background:#7abff6 url(../images/document.png) no-repeat 2px 4px;
}
#linkage ul li#foto{
	background:#eea61c url(../images/document.png) no-repeat 2px 4px;
}
#linkage ul li#sanalc{
	background:#8bc02b url(../images/document.png) no-repeat 2px 4px;
}

#linkage ul li a{
	color:#000;
	text-decoration:none;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size:13px;
	
	
}
#kidw {
	width:210px;
}
#linkage ul li a:hover{
	padding-left:5px;
	font-weight:18px;
	font-weight:bold;
	
}

	#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;
	
	}