body {
	height:200%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	background:#ddd;
}
#header {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #161616 url("images/header_bg.jpg") repeat-x;
	position: fixed;
	border-bottom: 1px solid #111111;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.40);
	box-shadow: 0px 0px 3px rgba(0,0,0,.40);
}
#mask {
width: 2000%;
height: 1550%;
}
.item {
width: 5%;
height: 100%;
min-width: 960px;
float: left;
overflow: hidden;
}
.content {
	width: 100%;
	height: 100%;
	margin: 0;
	position: relative;
	background: url("images/pattern.png");
}
.imgcontainer {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
.bgimg {
position: absolute;
z-index: -1;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
#menuler {
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	
}
.container {
	width: 910px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 15px 0px 35px;
	background-color: #fff;
	opacity: .9;
}
.yazilar {
	width: 790px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: x-large;
	color: #000;
}
#header #mask #section1 .content .container .yazilar a  {
	text-decoration: none;
}

#header #menu {
	float:center;
	list-style:none;
	margin:0 20px 0 0;
	position:relative;
}
#header #menu li {
	float:left;
	margin:0px 10px 0px 0px;
	position:relative;
	background:none;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
#header #menu li:hover,
#header #menu ul li {
	background:#F0F0F0;
	z-index:11;
}
#header #menu li a {
	color:#000000;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:21px 12px 21px 12px;
	text-align:left;
}

/* 3. Top Menu Drop Down */

#header #menu ul { /* First level drop down */
	position:absolute;
	z-index:500;
	background:#F0F0F0;
	top:60px;
	display:none;
	width:160px;
	margin:0px;
	padding:6px;
}
#header #menu ul li a,
#header #menu ul ul li a { /* First level drop down */
	margin:0;
	padding:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#header #menu ul li,
#header #menu ul ul li {
	width:148px;
	margin:0;
	padding:9px 6px 9px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#header #menu ul ul {
	top:-4px;
	left:100%;
	margin:-1px 0px 0px 0px;
}
#header #menu ul li:hover,
#header #menu ul ul li:hover {
	background-color:#919191;
	cursor:pointer;
	z-index:100;
}
#header #menu li:hover ul ul,
#header #menu li li:hover ul ul {
	display:none;
}

#header #menu li:hover ul,
#header #menu li li:hover ul {
	display:block;
}

#header #menu li.dropdown {
	padding-right:20px;
	background-image: url("../img/icons/down.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
#header #menu ul li.dropdown {
	padding-right: 6px;
	background-image: url("../img/icons/right.png");
	background-position: right 50%;
	background-repeat: no-repeat;
}
<!-- Anasayfa slideri-->
*{margin:0px;padding:0px;}  /* en basitinden css 'imizi sıfırlıyoruz. */
#featured-slider{width:500px;height:350px;overflow:hidden;position:relative;}   /* Bütün sayfaların gözükmemesi için overflow:hidden; kullandık. */#slider{width:2500px;height:500px;position:absolute;top:0px;left:0px;}   /* #slider elementinde bütün sayfalarımızı/slaytlarımız bulunduğu için genişliğini 2500px belirledik ve kaydırma işlemini bu element ile yaptığımız için position:absolute; tanımladık. */
#slider div{width:500px;height:500px;float:left;position:relative;} /* #slider 'ı her seferinde sola kaydırdığımız için içindeki divlerin yanyana gözükmesi gerek. Bu yüzden float:left; tanımladık */
#sayfalama{position:absolute;right:10px;bottom:10px;}
#sayfalama a{background:url(images/link.png);width:16px;height:16px;margin-right:2px;display:block;float:center;text-decoration:none;}
#sayfalama a span{display:none;}    /* Slider 'ın sol alt köşesindeki sayfa linklerinin içindeki "bir, iki, üç, dört, beş" yazılarını göstermemek için. */
<!-- Fabrika slideri-->