html, body{
        padding: 0;
        margin: 0;
	background: #dfdfdf; /* for non-css3 browsers */
//	background-image:url('../i/bck.jpg');
}


p { 	font-weight: normal;
	color: #222;
	font-size: 16px;
	text-decoration: none; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #FFF 1px 1px 0px; /*sol, sağ, blur*/
	text-align: justify;
	line-height: 120%;
}


a { outline: none; text-decoration:none;}
a:link {text-decoration:none; color:#444;}
a:visited {text-decoration:none; color:#444;}
a:hover {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#444;}

h1 {
	font-weight: bold;
	color: #555;
	font-size: 20px;
	text-decoration: none; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #FFF 1px 1px 0px; /*sol, sağ, blur*/
	text-align: left;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
}

h2 {
	font-weight: normal;
	color: #aaa;
	font-size: 16px;
	text-decoration: none; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #333 1px 1px 0px; /*sol, sağ, blur*/
	text-align: left;
	margin-left: 30px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
}

	#ana { position: relative; z-index: 2; width: 1005px; height: 580px; margin: 20px auto; padding: 0px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

#orta {
	position: absolute;
//	border-style: solid;
//	border-width: 1px;
	height: auto;
	margin:120px auto;
	width:70%;
	left: 270px;
}

/* using the child selector to hide the
following body css from IE6 and earlier */
html>body {
	
}

#logo {
        position:absolute;
        top:0px;
		left:0px;
        width:406px;
        height:232px;
        background-image:url('../i/logo.png');
		z-index: 801;
}

#banner {
                position:absolute;
                top:0px;
                width:100%;
                height:126px;
                background-image:url('../i/bnrbck.png');
		z-index: 800;
}


#footer {
                position:absolute;
                bottom:24px;
                width:100%;
                height:62px;
}

/* for moz/opera and others*/
html>body #footer{
		position:fixed;
		z-index: 998;

}

#footer-inner {
	height: 62px;
	background-image:url('../i/ftr.png');
	background-repeat:no-repeat;
	background-position:center;      
}

.footertext {  
	font-size: 14px;
	color: #000;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #FFF 1px 1px 0px;
	text-align: center;
	font-weight: bold;
	line-height: 20%;
}

/* margin-bottom ensures last content
is not obscured by footer */

#content {
	margin-bottom: 62px;
}


<!--[if lte IE 6]>

	html, body{
        height:100%;
        overflow:hidden;
	}

	#outer {
        overflow:auto;
        height:99.9%;
		background-image:url('../i/bck.jpg');
	}

	#contain-all{
        position:absolute;
        overflow:auto;
        width:100%;
        height:100%;
	}
/* add margin to footer to avoid obscuring the scroll-bar */











.ertug {
	font-size: 20px;
	color: #095962;
	font-family: Tahoma, "Segoe UI", Geneva, Verdana, sans-serif;
	text-shadow: #FFF 1px 1px 0px;
	font-weight: bold;
	line-height: 4px;
	text-align: center;


}





#tusana {
	position: absolute;
	width: 150px; height: 62px;
	left: 405px;
	top: 5px;
}
#tusana p a.tusana {
	display: block;
	width: 150px; height: 62px;
	background-image: url(../i/tus/tusana.jpg);
	background-position: top;
	text-indent: -9999px;
}
#tusana p a.tusana:hover, #tusurun p a.tusana:focus {
	background-position: center;
}
#tusana p a.tusana:active {
	background-position: bottom;
}


#tusurun {
	position: absolute;
	width: 150px; height: 62px;
	left: 560px;
	top: 5px;
}
#tusurun p a.tusurun {
	display: block;
	width: 150px; height: 62px;
	background-image: url(../i/tus/tusurun.jpg);
	background-position: top;
	text-indent: -9999px;
}
#tusurun p a.tusurun:hover, #tusurun p a.tusurun:focus {
	background-position: center;
}
#tusurun p a.tusurun:active {
	background-position: bottom;
}


#tusfir {
	position: absolute;
	width: 150px; height: 62px;
	left: 715px;
	top: 5px;
}
#tusfir p a.tusfir {
	display: block;
	width: 150px; height: 62px;
	background-image: url(../i/tus/tusfir.jpg);
	background-position: top;
	text-indent: -9999px;
}
#tusfir p a.tusfir:hover, #tusfir p a.tusfir:focus {
	background-position: center;
}
#tusfir p a.tusfir:active {
	background-position: bottom;
}

#tusilet {
	position: absolute;
	width: 150px; height: 62px;
	left: 870px;
	top: 5px;
}
#tusilet p a.tusilet {
	display: block;
	width: 150px; height: 62px;
	background-image: url(../i/tus/tusilet.jpg);
	background-position: top;
	text-indent: -9999px;
}
#tusilet p a.tusilet:hover, #tusfir p a.tusilet:focus {
	background-position: center;
}
#tusilet p a.tusilet:active {
	background-position: bottom;
}

/* slider back div */

#sliderbckdiv {

	width: %100;
	height: %100;
	position: absolute;
	margin: 100px 160px 0px; 		/* ÜST, SOLSAĞ, ARKA FON UZUNLUĞU*/
	left: 70px;
	margin-bottom: 100px
}


/* horz men start */

	.navbox {
		position: relative;
		float: left;
	}

	ul.nav {
		z-index: 999;
		list-style: none;
		display: block;
		position: relative;
		top: 100px;
		left: 40px;
		padding: 60px 0 60px 0;
		background: url(../i/hormenshad2.png) no-repeat;
		-webkit-background-size: 50% 100%;
	}
	
	li {
		margin: 5px 0 0 0;
	}
	
	ul.nav li a {
	
		font-size: 14px;
		color: #064148;
		font-family: Tahoma, "Segoe UI", Geneva, Verdana, sans-serif;
		text-shadow: #FFF 1px 1px 0px;
		font-weight: bold;
	//	line-height: 4px;
	//	text-align: center;
	
	
		-webkit-transition: all 0.3s ease-out;
	
	
	    background: #cacaca; /* Old browsers */
	    background: -moz-linear-gradient(left, #2e2e2e 0%, #e3e3e3 6%, #899596 80%, #e3e3e3 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2e2e2e), color-stop(6%,#e3e3e3), color-stop(80%,#899596), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(left, #2e2e2e 0%,#e3e3e3 6%,#899596 80%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(left, #2e2e2e 0%,#e3e3e3 6%,#899596 80%,#e3e3e3 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(left, #2e2e2e 0%,#e3e3e3 6%,#899596 80%,#e3e3e3 100%); /* IE10+ */
	    background: linear-gradient(left, #2e2e2e 0%,#e3e3e3 6%,#899596 80%,#e3e3e3 100%); /* W3C */
	
		padding: 7px 15px 7px 15px;
		-webkit-border-top-right-radius: 10px;
	 	-webkit-border-bottom-right-radius: 10px;
		width: 120px;
		display: block;
		text-decoration: none;
		-webkit-box-shadow: 2px 2px 4px #333;
	}
	
	ul.nav li a:hover {
	
	
	    	background: #4a4a4a; /* Old browsers */
	    	background: -moz-linear-gradient(left, #2e2e2e 0%, #b9b9b9 6%, #526263 80% ,#b1b1b1 100%); /* FF3.6+ */
	    	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2e2e2e), color-stop(6%,#b9b9b9), color-stop(80%,#526263), color-stop(100%,#b1b1b1)); /* Chrome,Safari4+ */
	    	background: -webkit-linear-gradient(left, #2e2e2e 0%,#b9b9b9 6%,#526263 80%,#b1b1b1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #2e2e2e 0%,#b9b9b9 6%,#526263 80%),#b1b1b1 100%; /* Opera 11.10+ */
	    	background: -ms-linear-gradient(left, #2e2e2e 0%,#b9b9b9 6%,#526263 80%,#b1b1b1 100%); /* IE10+ */
	    	background: linear-gradient(left, #2e2e2e 0%,#b9b9b9 6%,#526263 80%,#b1b1b1 100%); /* W3C */
	
	
			
		color: #FFF;
		text-shadow: #000 1px 1px 0px;
	//	background: #095962 url(../i/hormenborder.png) no-repeat;
			padding: 7px 15px 7px 30px;
		}
	
/* hor men end */
	
		

/* YönMes START */

#slideout {			/* görünen kısım */
		z-index: 990;
	    	text-align: center;
	    	position: relative;
	    	top: 0px;
	    	left: 1000px;
	    	width: 200px; 		/* tuş uzunluğu */
	    	padding: 0px 8px; 		/* tuş yüksekliği */
	
		border: solid 1px #b4b4b4;
		border-top: solid 1px #f8f8f8;
	
	
	/* cross browsers degrade start*/
		background: #d1d1d1; /* for non-css3 browsers */
		background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	/* cross browsers degrade end*/
	
	
	
	    -webkit-transition-duration: 0.5s;		/* açılış hızı */
	    -moz-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	
	    -webkit-border-radius: 0 0 10px 10px; 	/* yuvarlak köşeler */
	    -moz-border-radius: 0 0 10px 10px;
	    border-radius: 0 0 10px 10px;
	
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);	/* box shadow */
		-moz-box-shadow: 1p 1px 5px rgba(0, 0, 0, .5);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
	
	
	
	}
	#slideout_inner {   		/* açılacak kısım */
	
	    text-align: left;
	    position: fixed;
	    top: -90px; 		/* pading + height toplamı buraya eşit olmalı*/
	    left: 828px;
	    width: 350px;
	    padding: 20px; 		/* üstten ve alttan boşluk 25px (50px) */
	    height: 50px; 		/* yüksek */

	
		background-image: url(../i/transparan.png);
		background-repeat: repeat;
	
	    -webkit-transition-duration: 0.5s;		/* açılış hızı */
	    -moz-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	
	    -webkit-border-radius: 0 0 0px 10px;	/* yuvarlak köşeler */
	    -moz-border-radius: 0 0 0px 10px;
	    border-radius: 0 0 0px 10px;
	}
	
	#slideout_ic {
		font-size: 14px;
		color: #444;
		font: normal .8em/1.5em Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		display: block;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	    text-align: center;
	
	    top: 0px;
	    left: 0px;
	    width: 200px; 		/* tuş uzunluğu */
	
	
	background: url(../i/y.png) no-repeat 0px 0px; /*yanlış hatırlamıyosam ilk 0 yatay pozisyon ikinci 0 dikey pozisyon yani soldan üstten pozisyonu*/
	padding: 10px 0px 5px 10px; /*eğer yazıyı kaydırmak istiyorsanız normal padding kodları kullanacaksınız.*/
	}
	
	
	
	slideictxt {
		font-size: 12px;
		color: #FFF;
		font:  Arial, Helvetica, sans-serif;
		text-shadow: #000000 1px 1px 0px;
		text-align: justify;
		font-weight: bold;
		display: block;
	}
	
	#slideout:hover {
	    top: 90px;			/* toplam yüksekliğe eşit olmalı */
	}
	#slideout:hover #slideout_inner {
		    top: 0px;
		}
/* YönMes END */

/* Form Start */
input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 12px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
}
/* Form End */

/* text sec */
*:not(input):not(textarea) {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}
/* text sec End */