body
{
	margin:0;
	padding:0;
	background:#ff6c00;
}
h1
{
	margin:0;
	padding:0;
	color:#000000;
	font:normal 30px/30px Arial;
}
h2
{
	margin:0;
	padding:0 0 5px 0;
	color:#ff6d0c;
	font:normal 15px/15px Arial;
}

#site
{
	margin:0 auto 0 auto;
	width:875px;
	padding:14px 0 0 0 ;
}


#header 
{
	float:left;
	width:875px;
	background:url(../../_Images/bg_top.gif) no-repeat bottom;
	height:109px;
	padding:0;
	
}
.logo{
	float:left;
	width:235px;
}

.moreabout{
	margin:0;
	padding:9px 0 1px 0;

}
#content{
	float:left;
	margin:0 auto;
	width:875px;
	background:url(../../_Images/bg_icerik.gif) repeat-y;
	height:418px;
	/*height:expression(this.scrollHeight>419?"420px":"auto"); 
	height:expression(this.scrollHeight>421?"420px":"auto"); */

}
.content_ic_alt_rakam
{
float:right;
padding:0;
}
.content_ic_alt_rakam img{
	/*margin-top:1px;*/
	padding-left:5px;
}
.rakam {
	margin-left:3px;
	vertical-align:top;
}
.content_yazi{
	margin:0 auto 0 auto;
	width:722px;
	padding:23px 0 0 0;
}
.content_regroupust{
	margin:0 auto 0 auto;
	width:722px;
	padding:23px 0 0 0;
}
.content_ic_sol{
	float:left;
	width:31px;
	padding:0 0 0 45px;
}
.content_ic_sol img{
	margin-top:111px;
	margin-left:30px;
}
.content_ic_sag{
	float:left;
	width:76px;
	text-align:center;
}
.content_ic_sag img{
	margin-top:111px;
	margin-right:30px;
}
.content_ic{
	float:left;
	width:722px;
	padding:0;
	margin:0;
}
.content_icd2{
	float:left;
	width:934px;
	padding:0;
	margin:0;
}
.content_icerik{
	margin:0 auto 0 auto;
	width:722px;
}
.content_ic ul{
	float:left;
	list-style-type:none;

}
.content_ic ul li{
	float:left;
	list-style-type:none;

}
.content_ic ul li img{
	padding:9px 0 0 0; 
	float:left;
	}
.content_ic ul li p{
	float:left;
	padding:0;
	margin:0;
	width:155px;
}
.bosluk{
	width:9px;
	float:left;
}
.content_ic_nav{
	margin:0 auto 0 auto;
	width:722px;
	border-bottom:solid 1px #cacaca;
	margin-bottom:9px;
	text-align:right;

}
.content_ic_nav img{
	padding:2px 0 3px 12px;
}
.content_proje_sol{
	float:left;
	width:36px;
	text-align:center;
}
.content_proje_sol img{
	margin-top:104px;
}
.projekutu{
	float:left; 
	width:155px;
	height:120px;
	padding:9px 10px 0 0;
	text-align:left;
}
.proje{
	float:left;
	width:722px;
}
#footer{
	float:left;
	width:875px;
	background:url(../../_Images/bg_bottom.gif) no-repeat top;
	height:18px;
	padding:0;
}
#footer_ic
{
	width:875px;
	float:left;
	padding:15px 0 15px 0; 
	margin:0 auto 0 auto;
}
#footerleft
{
	width:305px;
	height:105px;
	margin:6px 0 0 0;
	float:left;
	
}
.footerleft_ic
{
	padding:0 30px 0 0;
}
.footerleft_ic img{
	padding-top:6px;
	padding-right:3px;
}

#footercenter
{
	width:280px;
	height:105px;
	margin:6px 0 0 0;
	float:left;
	
}

#footerright
{
	width:250px;
	height:105px;
	margin:6px 0 0 0;
	float:right;
	
}
.textfield{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ffffff;
	background-color: #ff6d0c;
	color:#ffffff;
	padding:0 0 0 5px;
	margin:4px 5px 1px 0;

}
#dvdijiTools
{
	float:left;
	margin: 0px;
	position: absolute;
	top: 610px;
	width:250px;
	height:20px;
	border:0px solid blue;
	filter:alpha(opacity=80);
	opacity: 0.8;
	overflow:hidden;
	background-color: #000000;
	
}
#imgDigitools
{
    cursor:pointer;
    }
	
.control {
	float:right; 
	width:80px;
}
.control img{
	padding:10px 0 0 10px;

}	
/*Proje sayfası*/
#content_proje{
	float:left;
}
.content_proje_menu{
	float:left;
	width:180px;
}

.content_proje_icerik{
	float:left;
	width:520px;
	border-left:solid 1px #cacaca;
	padding:0  0  0 20px;
}
.content_proje_icerik p{
	float:left;
	padding:20px 0 0 0;
}
.content_proje_icerik_ozel{
	float:left;
	width:520px;
	border-left:solid 1px #cacaca;
	padding:0  0  0 15px;
}
.content_proje_icerik_ozel p{
	float:left;
	padding:20px 0 0 0;
}
.content_proje_detay{
	float:left; 
	width:405px;
	padding-top:10px;
}
.content_proje_detay_sag {
	float:left;
	width:100px;
	height:250px;
	/*display:table-cell; 
	vertical-align:bottom;*/
	vertical-align:sub;

}
.content_proje_detay_sag p{
	padding-top:200px;
}
.scrollust{
	float:left;
	width:180px;
}
.scrollic{
	padding:10px 0 10px 0;
	float:left;
}
.scrollic ul li{
	list-style-type:none;
	padding:5px 4px 3px 4px;
	float:left;
	width:160px;
}
.scrollict
{
	list-style-type:none;
	padding:5px 4px 3px 4px;
	float:left;
	width:100px;
	background-color:#efefef;
}
.scrollic ul li:hover{
	list-style-type:none;
	padding:5px 4px 3px 4px;
	float:left;
	width:160px;
	background-color:#efefef;
}
.regroup{
	width:70px; 
	float:right; 
	text-align:right;
	margin-bottom:5px;
}
.regroup ul li{
	list-style-type:none;
	padding-right:3px;
}

.regrouphover{
	list-style-type:none;
	background-color:#FF6600;	
}
/*Menu*/

.nav{
	float:right;
	width:396px;
	/*margin-top:71px;*/
	text-align:right;
}
img {border: none;}
ul#topnav {
	margin:0; 
	padding: 0; 
	list-style: none;	
	clear: both;
	float: left;
	text-align:right;

	
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
	text-align:right;
}

ul#topnav a, ul#topnav span {
	padding: 10px 5px 10px 0; 
	float: left; 
	text-decoration: none; 
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	clear: both;
	height: 20px;
	line-height: 20px;
	font:normal 12px Arial; 
	text-decoration:none; 
}
ul#topnav a {	color: #FFF; }
ul#topnav span {
	display: none;
}
/* Jcarousel Fatih */ 

.jcarousel-skin-tango .jcarousel-container {
    /* arka plan rengi vs.*/
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 168px;
    height: 300px;
    padding: 10px 0 10px 0;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  168px;
    height: 305px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 168px;
    height:16px;
}
/**/
#mycarousel {padding:0; margin:0;}

#mycarousel li img {padding:0; margin:0;}

#mycarousel li a
{
    float:left;
    width:170px;
    color:#000000;
    text-decoration:none;
    font:normal 12px/12px Arial;
    margin:0;padding:0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}



/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -20px;
    width: 169px;
    height: 13px;
    cursor: pointer;
    background: transparent url(../../_Images/btn_down_on.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -10px;
    left: 0;
    width: 169px;
    height: 13px;
    cursor: pointer;
    background: transparent url(/_Images/btn_up_on.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -13px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -13px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -13px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -13px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 315px;
    height: 20px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* jcarousel bitiş */


/* project detail resim görüntüleme */

#jFlowSlide{background:#fff; overflow:hidden; }
#myController {padding:0;margin:0; text-align:left; width:230px;height:15px; background:#FFF;overflow:hidden; }
#myController span.jFlowSelected { font-size:11px;color:#ff8020; font-weight:bold;}

.slide-wrapper {padding: 0;overflow:hidden; }
.slide-thumbnail { width:400px; float:left;}
.slide-thumbnail img {max-width:400px; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#929292; cursor:pointer; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }
/*.jFlowControl, .jFlowPrev, .jFlowNext { color:#ff6d0c; cursor:pointer; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; }*/
/*.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { }*/

.content_jointous{
	width:500px;
	padding-top:30px;
	float:left;
}
.content_jointous ul li{
	list-style-type:none;
}
.formisim{
	width:120px;
	float:left;
	height:32px;
}
.formelement{
	width:270px;
	float:left;
	height:32px;
	
}
.ikinokta{
	width:10px;
	float:left;
	height:32px;
	
}
.pulldown{
	width:222px;
	height:25px;
	background:#505050;
	border:solid 1px #393838;
	color:#FFFFFF;
	padding-bottom:2px;
}
.textbox{
	width:210px;
	height:20px;
	padding:3px 5px 2px 5px;
	/*background:#393838;*/
	background:#505050;
	border:solid 1px #393838;
	color:#FFFFFF;
}
.gozat{
	width:250px;
	height:20px;
	padding:3px 5px 2px 5px;
	background:#505050;
	border:solid 1px #393838;
	color:#FFFFFF;
	float:left;
}
.telkod{
	width:60px;
	height:20px;
	padding:3px 5px 2px 5px;
	background:#505050;
	border:solid 1px #393838;
	color:#FFFFFF;
}
.telno{
	width:126px;
	height:20px;
	padding:3px 5px 2px 5px;
	background:#505050;
	border:solid 1px #393838;
	color:#FFFFFF;
}

.zoomingen
{
    width:35px; 
    height:11px; 
    background-color:#959494; 
    border-bottom:solid 1px #e7e7e7; 
    border-top:solid 1px #e7e7e7; 
    text-align:center;
    font:normal 9px Arial; 
    text-decoration:none; 
    color:#FFFFFF;
}
.zoomingen:hover
{
    width:35px; 
    height:11px; 
    background-color:#ff6c00; 
    border-bottom:solid 1px #e7e7e7; 
    border-top:solid 1px #e7e7e7; 
    text-align:center;
    font:normal 9px Arial; 
    text-decoration:none; 
    color:#FFFFFF;
}










.upload {
	position:relative;
	width:300px;
}
.realupload {
	position:absolute;
	top:0;
	right:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:270px;
}
form .fakeupload {
	background:url(../../_Images/eng_btn_gonder.png) no-repeat 100% 50%;
}
form .fakeupload input {
	width:401px;
}

/********/
div.fileinputs { position: relative; width:100%}
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:#FFFFFF;}
.gizle{visibility:hidden;}
