/* CSS Document */



html, body {

	height: 100%;
	margin: 0;
	padding: 0;
	background:#000000;
	color:#000000;	font-family:Arial, Helvetica, sans-serif;


}

#hiza {

	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -240px;
	float: left;

}

#ortali {

	background:#000000;
	width: 100%;
	height: 410px;
	clear: both;
	position: relative;
	top: -200px;
	position: static;


}

#header{

	width:100%; 

	height:78px; 

	background-color:#fdd000;

	float:right;



}

.header_ic{

	margin:0 auto 0 auto;

	width:930px;



	padding-right:30px;

	float:right;


}

.logo{

	width:255px;

	float:left;

}

#navigation {float:right; margin-top:55px;  }

#navigation ul li {

	float:left;
	list-style-type:none; 

}

.nav { float:left; }

#content{

	width:100%; 

	background-color:#000000;

	height:335px;

	float:right;



}

.content_ic{

	float:right;

	width:930px;

	margin-right:30px;

	height:321px;

}

.content_portfolio_yazi{

	width:900px;

	padding-top:22px;

	padding-left:12px;

}

.content_jointous{

	width:390px;

	float:left;

}

.content_jointous ul li{

	list-style-type:none;

	height:30px;

	float:left;

	

}

.formisim{

	width:100px;

	float:left;

}

.formelement{

	width:200px;

	float:left;

}

.ikinokta{

	width:10px;

	float:left;

}

.content_portfolio_slider{

	width:930px;

	padding-top:22px;

	

}

.content_portfolio_slider ul li{

	float:left; 

	list-style-type:none;


}

.content_portfolio_slide{

	width:915px; 

	float:right; 

	background-color:#272727; 

	height:135px; 


}

.content_portfolio_slide ul li{ 

	
	background:#000000;
	border:2px solid #6b6b6b;
	height:134px; /* defaults to this if JS is disabled */
	width:163px;
	text-align:center;
	margin-right:12px;

}



.content_portfolio_slide ul li:hover{ 

	
	background:#000000;
	border:2px solid #ffffff;
	width:163px;
	text-align:center;
	margin-right:12px;

}

.buttons{
	width:80px;
	float:right; 
}

.buttons img{
    padding-right:10px;
}

#footer{

	float:right;
	width:100%;
	height:43px;
	background:url(../../_Images/bg_footer.gif) repeat-x;

}

.footer_ic{

	float:right;

	width:90%;

	margin-right:30px;

	padding-top:20px;

	text-align:right;

}

.textbox{

	width:150px;

	height:16px;

	padding:2px 5px 2px 5px;

	background:#9e9e9e;

	border:solid 1px #9e9e9e;

	color:#000;

}

.gozat{

	width:180px;

	height:16px;

	padding:2px 5px 2px 5px;

	background:#9e9e9e;

	border:solid 1px #9e9e9e;

	color:#000;

}

.telkod{

	width:30px;

	height:16px;

	padding:2px 5px 2px 5px;

	background:#9e9e9e;

	border:solid 1px #9e9e9e;

	color:#000;

}

.telno{

	width:95px;
	height:16px;
	padding:2px 5px 2px 5px;
	background:#9e9e9e;
	border:solid 1px #9e9e9e;
	color:#000;

}

.pulldown{

	width:163px;
	height:20px;
	background:#9e9e9e;
	border:solid 1px #9e9e9e;
	color:#000;

}



/** menu geciž**/

#jFlowSlide{ font-family: Arial; color:#fdd000;  }


#myController {float:right; width:758px;/*width:665px;*/   font: normal 14px Arial;  text-decoration: none;   color: #000000; padding:0; margin:0; text-align:right;font-weight:bolder;}

#myController span.jFlowSelected { margin-right:0px;background:url(../../_Images/bg_altnav.gif) no-repeat top; color: #000000;text-align:right;font-weight:bolder;padding-bottom:30px; line-height:30px;}

#myController2 {float:right; width:758px;/*width:665px;*/   font: normal 14px Arial;  text-decoration: none;   color: #000000; padding:0; margin:0; text-align:right;font-weight:bolder;}

#myController2 span.jFlowSelected { margin-right:0px;background:url(../../_Images/bg_altnav.gif) no-repeat top; color: #000000;text-align:right;font-weight:bolder;padding-bottom:30px; line-height:30px;}

#myController3 {float:right; width:758px;/*width:665px;*/   font: normal 14px Arial;  text-decoration: none;   color: #fdd000; padding:0; margin:0; text-align:right;font-weight:bolder;}

#myController3 span.jFlowSelected { margin-right:0px;color: #fdd000;text-align:right;font-weight:bolder;padding-bottom:30px; line-height:30px;}


.slide-wrapper { float:left; width:910px; }
.slide-thumbnail { width:910px; float:left;}
.slide-thumbnail img { float:left;}
.slide-details { width:560px; float:left; margin-left:10px;}
.slide-details h2 { font: bold 15px Arial; float:left; color:#FFFFFF;}
.slide-details .description {  float:left; width:560px;}


.jFlowControl, .jFlowPrev, .jFlowNext { color:#fdd000; cursor:pointer; padding-left:3px; padding-right:3px; }

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background:url(../../_Images/bg_altnav.gif) no-repeat top;font: normal 14px Arial;text-decoration: none;color: #000000; padding-left:3px; padding-right:3px;padding-bottom:10px; font-weight:bolder;}

.gorselalan{

	float:left;
	width:255px;
	height:250px;
	padding-top:110px;

}

.alan{

	float:left;

}

/** menu geciž bitiž**/



#animmenu a  {

	display: block; clear: both; width: 130px;
	font-size: 100%; line-height: 30px;
	padding: 0 10px 0 20px;
	color: black; text-decoration: none;
	margin: 0.5em;
	background: #EAEEF2 url(menuanim.png) 0px 0px no-repeat;

}

#animmenu a:hover {color: #400;}

#animmenu.noscript a:hover {background: #AEB7C6 url(bg_altmenu.png) 0px -420px;}



/* JOIN US*/



#window

{

	position: absolute;
	right:0;
	top: 40%;
	width: 490px;
	height: 305px;
	overflow: hidden;
	display: none;
	margin-right:30px;
	z-index:1000;

}



#windowTopContent

{

	margin-right: 13px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;

}



#windowClose

{

	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;

}

#windowContent

{

	position:absolute;
	top: 30px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: auto;
	/*margin-right: 10px;*/
	height: 220px;
	width: 420px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #2d2d2d;
	margin:0 5px 0 5px;	

}

#windowContent 

{

	padding: 20px;

}

.transferer2

{

	border: 1px solid #6BAF04;
	background-color: #CCCCCC;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;

}

/** menu geciž bitiž**/



#animmenu a  {

display: block; clear: both; width: 130px;
font-size: 100%; line-height: 30px;
padding: 0 10px 0 20px;
color: black; text-decoration: none;
margin: 0.5em;
background: #EAEEF2 url(menuanim.png) 0px 0px no-repeat;

}

#animmenu a:hover {color: #400;}

#animmenu.noscript a:hover {background: #AEB7C6 url(bg_altmenu.png) 0px -420px;}



#content_admin{

	float:left;
	margin:0 auto;
	width:875px;
	background-color:#ffffff;

	/*height:418px;*/

	/*height:expression(this.scrollHeight>419?"420px":"auto"); 

	height:expression(this.scrollHeight>421?"420px":"auto"); */



}

#siteadmin

{

	margin:0 auto 0 auto;
	width:875px;
	padding:14px 0 0 0 ;

}





/* thumbnail slider begin */



/* apply the gallery design - links slider */

#gallery_container {  width:930px ; height:136px ;  background:#272727 ; padding:12px 0 12px 12px; display:block; position:relative; }

/* the width is set to show the number of thumbnails that will be visible */

#thumb_container{ position:relative ; overflow:hidden ; width:880px ; height:140px ; margin:0px auto 0px;  }

/* the thumbnails container */

#thumbs { white-space:nowrap; display:block; position:relative; }



#thumbs a { padding:0px; margin:0px; }

#thumbs a img{ border:1px #333333 solid; }



/* the forward and backward buttons */

.addfwd {  cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(../images/gallery_fwd.jpg) no-repeat;  }

.addbkwd {   cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(../images/gallery_back.jpg) no-repeat;  }

 /*thumbnail slider end */

div.fileinputs { position: relative; width:100%;
	top: 3px;
	left: 0px;
}
div.fakefile { position: absolute; width:80%; top: 0px; left: 0px; z-index: 1;      }
input.file { position: relative; text-align: right;  -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; background-color:#000000;
	top: 6px;
	left: -1px;
	width: 204px;
}
.gizle{visibility:hidden;}

.formelement{
	width:350px;
	float:left;
	height:32px;
	
}
.proje_thump{
	width:953px;
	float:left;
	padding:0;
	
}

.proje_thump ul li{
	list-style-type:none;
	padding:0;
	float:left;
	height:21px;
	margin-top:5px;
}
.proje_thump ul li a{
	list-style-type:none;
	border:1px solid #797979;
	padding:0;
	float:left;
	height:21px;
	margin:0px 2px 2px 2px;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}
.proje_thump ul li a:hover{
	list-style-type:none;
	border:1px solid #FFFFFF;
	padding:0;
	float:left;
	height:21px;
	margin:0px 2px 2px 2px;
	filter:alpha(opacity=100); 
	-moz-opacity: 100; 
	opacity: 100;
}
/*.proje_thump2{
	width:953px;
	margin-top:5px; 
	float:left;
	padding:0;
	
}

.proje_thump2 ul li {
	list-style-type:none;
	padding:0;
	float:left;
	height:25px;
}
.proje_thump2 ul li a {
	list-style-type:none;
	border:1px solid #797979;
	padding:0;
	float:left;
	height:25px;
	margin:10px 3px 2px 3px;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}
.proje_thump2 ul li a:hover{
	list-style-type:none;
	border:1px solid #FFFFFF;
	padding:0;
	float:left;
	height:25px;
	margin:10px 3px 2px 3px;
	filter:alpha(opacity=100); 
	-moz-opacity: 100; 
	opacity: 100;
}*/

.sectir
{
    padding:2px;
	background:#000000;
	border:2px solid #ffffff;
	height:134px; /* defaults to this if JS is disabled */
	height:expression(this.scrollHeight>133?"134px":"auto");
	width:163px;
	text-align:center;
	margin: 10px 13px 10px 0;
}

