@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	background:#8cb3c7 url(img/bg.jpg) top repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;}

img {
	border:0;}

a,a.none:hover {
	text-decoration:none;
	color:#006;}

a:hover {
	text-decoration:underline;
	color:#03F;}
	
#wrapper {
	margin:53px auto;
	width:800px;
	background:#FFF url(img/content-bg-top.jpg) top repeat-x;
	border:1px solid #FFF;}

#wrapper #top {
	width:800px;
	height:40px;
	border-bottom:5px solid #e3e4e5;}

#wrapper #top #nav {
	height:40px;
	float:left;}

#wrapper #top #nav ul {
	margin:0;
	padding:0;
	list-style:none;}

#wrapper #top #nav ul li {	
	margin:auto 10px;
	line-height:40px;
	display:inline;}

#wrapper #mid {
	margin:1px 0 1px 0;
	width:800px;
	height:159px;}
	
#wrapper #mid #header {
	width:419px;
	height:159px;
	margin:0;
	float:left;
	margin:0 1px 0 0;}

#wrapper #mid #header.index {background:url(img/7.jpg) no-repeat;}
#wrapper #mid #header.merak {background:url(img/8.jpg) no-repeat;}
#wrapper #mid #header.nedir {background:url(img/6.jpg) no-repeat;}
#wrapper #mid #header.urunler {background:url(img/9.jpg) no-repeat;}
#wrapper #mid #header.anadoluhayat {background:url(img/10.jpg) no-repeat;}
#wrapper #mid #header.iletisim {background:url(img/5.jpg) no-repeat;}

#wrapper #mid #info {
	float:left;
	width:379px;
	height:159px;
	background:#474747 url(img/soru-isareti.jpg) no-repeat 290px -20px;
	text-align:justify;
	position:relative;}
	
#wrapper #mid #info h1 {
	margin:10px;
	padding:0;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;}

#wrapper #mid #info p {
	margin:10px;
	padding:0;
	color:#FFF;}
	
#wrapper #mid #info a {
	position:absolute;
	bottom:10px;
	left:10px;
	color:#FFF;}
	
#wrapper #body {
	width:800px;
	background:#FFF;}

#wrapper #body #content {
	width:756px;
	text-align:justify;
	padding:10px 20px;
	border:2px dotted #CCC;}

#wrapper #body #content h1 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-indent:28px;
	background:url(img/3h1.jpg) no-repeat 1px 1px;
	line-height:28px;
	height:28px;}
	
#wrapper #body #content p {
	margin:10px 0 0 0;
	padding:0;}
	
#wrapper #body #content p.subhead {
	font-weight:bold;}

#wrapper #body #content h2 {
	margin:10px 0 auto;
	padding:0;
	font-size:14px;
	font-weight:600;}

#wrapper #body #content ul li {
	list-style:url(img/arr.jpg);}
	
#wrapper #body #content ul.merakedilenler li {
	list-style:decimal;}
	
#wrapper #body #content #cevaplar {
	padding:5px 10px;}	
	
#wrapper #body #content #cevaplar h2 {
	margin:30px 0 0 0;
	font-size:16px;}

#wrapper #body #content #cevaplar p.top {
	text-align:right;}

#wrapper #footer {
	clear:both;
	margin:1px 0 0 0;
	text-align:center;
	background:url(img/content-bg-bottom.jpg) bottom repeat-x;
	padding:10px;}

#wrapper #footer #anadoluhayat {
	vertical-align:middle;}