/* CSS Document */

body{
background-color:#000000;
	margin:0 auto;
}

#header{
	background:url(images/logo.png) 0 0 no-repeat;
	width:961px;
	height:320px;
	margin:0 auto;
	padding-top:0;
	position:relative;

}


#header ul  {
	width: 818px;
	margin: 250px auto;

	list-style: none;
	
    width:818px;
	height:54px;

	position:absolute;

	padding-left:100px;
	top:250px;
	margin:0;
}

#header ul  li { display: inline; }
	
#header ul  li a {
	display: block; float: left; height: 54px;
	background-image: url(images/menu.png); text-indent: -9999px;
}

#header ul  li a.ninja {
		width: 137px; background-position: 0 0;	
	}
	
#header ul li a.zombie {
		width: 165px; background-position: -137px 0;	
	}
	
#header ul  li a.robot {
		width: 189px; background-position: -302px 0;	
	}
	
#header ul  li a.assassin {
		width: 140px; background-position: -491px 0;	
	}
	
#header ul li a.jedi {
		width: 187px; background-position: -631px 0;	
	}
	
	
#header ul  li a.ninja:hover, ul li a.ninja:focus {
		background-position: 0 -54px;	
	}
	
#header ul  li a.zombie:hover, ul li a.zombie:focus {
		background-position: -137px -54px;	
	}
	
#header ul  li a.robot:hover, ul li a.robot:focus {
		background-position: -302px -54px;	
	}
	
#header ul  li a.assassin:hover, ul li a.assassin:focus {
		background-position: -491px -54px;	
	}
	
#header ul  li a.jedi:hover, ul li a.jedi:focus {
		background-position: -631px -54px;	
	}
	
	
/*------------------------------------------------body start--------------------*/
#body{
	width:961px;
	margin:0 auto;
	padding:13px 25px 37px 46px;
	background-color:#000000;
	color:#000000;
	position:relative;
}
#body ul  {
	width: 958px;
	list-style: none;
	height:90px;

	position:absolute;

	padding-left:1px;

	margin:0;
}

#body ul  li { display: inline; }
	
#body ul  li a {
	display: block; float: left; height: 90px;
	background-image: url(images/icerik1.png); text-indent: -9999px;
}

#body ul  li a.m1{
		width: 298px; background-position: 0 0;	
	}
	
#body ul li a.m2 {
		width: 221px; background-position: -298px 0;	
	}
	
#body ul  li a.m3 {
		width: 215px; background-position: -519px 0;	
	}
	
#body ul  li a.m4 {
		width: 224px; background-position: -734px 0;	
	}
	
#body ul  li a.m1:hover, ul li a.m1:focus {
		background-position: 0 -90px;	
	}
	
#body ul  li a.m2:hover, ul li a.m2:focus {
		background-position: -298px -90px;	
	}
	
#body ul  li a.m3:hover, ul li a.m3:focus {
		background-position: -519px -90px;	
	}
	
#body ul  li a.m4:hover, ul li a.m4:focus {
		background-position: -734px -90px;	
	}

/*------------------------------------------------body start--------------------*/
#body2{
	width:961px;
	margin:0 auto;
	margin-top:50px;
	padding:13px 25px 37px 46px;
	background-color:#000000;
	color:#000000;
	position:relative;
}
#body2 ul  {
	width: 958px;
	list-style: none;


	position:absolute;

	padding-left:1px;
	
	margin:0;
}

#body2 ul  li { display: inline; }
	
#body2 ul  li a {
	display: block; float: left; height: 90px;
	background-image: url(images/icerik2.png); text-indent: -9999px;
}

#body2 ul  li a.m1{
		width: 298px; background-position: 0 0;	
	}
	
#body2 ul li a.m2 {
		width: 221px; background-position: -298px 0;	
	}
	
#body2 ul  li a.m3 {
		width: 215px; background-position: -519px 0;	
	}
	
#body2 ul  li a.m4 {
		width: 224px; background-position: -734px 0;	
	}
	
#body2 ul  li a.m1:hover, ul li a.m1:focus {
		background-position: 0 -90px;	
	}
	
#body2 ul  li a.m2:hover, ul li a.m2:focus {
		background-position: -298px -90px;	
	}
	
#body2 ul  li a.m3:hover, ul li a.m3:focus {
		background-position: -519px -90px;	
	}
	
#body2 ul  li a.m4:hover, ul li a.m4:focus {
		background-position: -734px -90px;	
	}

/*------------------------------------------------yazi tipi--------------------*/
h2, h3, h4, h5, h6 { 
	color: #007dd5; 
	margin: 0; 
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
	}
h2 { font-size: 1.4em; margin: 25px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
h3 { font-size: 1.6em; margin: 25px 0 15px; }
h4 { font-size: 1.4em; margin: 20px 0 10px; }
h5 { font-size: 1.2em; margin: 20px 0 5px; }	
h6 { font-size: 0.8em; margin: 4px 0 0; }

p { margin: 15px 0; 
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	line-height: 1.5em;
	color: #ffffff;
	margin: 0;
	padding:0;}
	/*------------------------------------------------yazi tipi--------------------*/
	
	/*-------------------------------------------Footer Start----------------------------------------*/

#footer{
	width:961px;
	margin:0 auto;
	margin-top:70px;
	padding:13px 25px 37px 66px;
	background-color:#000000;
	color:#ffffff;
	position:relative;
}
#footer2{
	width:961px;
	margin:0 auto;
	padding:3px 25px 37px 66px;
	background-color:#000000;
	color:#ffffff;
	position:relative;
}

