/*
Project Name	: FAL SİTESİ
Project URI		: http://www/
Version			: 1.00
Site No			: 8
Author & CSS	: Ömer GÖKSEL (2009) - 04.05.2009
Design Edit		: 23.06.2009
Author URI		: omergoksel86@hotmail.com
*/
body{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 11px;
	color: #757677;
	background: url(images/body-bg.jpg) repeat-x left top;
}
/*-------------------------------------------
				 LINK 
-------------------------------------------*/
a {	color: #757677; text-decoration:none;}

/*-------------------------------------------
				 CONTEYNER 
-------------------------------------------*/
#conteyner{
	margin: 0px auto;
	width:970px;
	background:url(images/bg.jpg) repeat-y;
}
	
/*-------------------------------------------
				 WRAPPER
-------------------------------------------*/
#wrapper{
	margin: 0px auto;
	width:960px;
}

/*-------------------------------------------
				 HEADER
-------------------------------------------*/
#header{
	width:auto;
	height:182px;
	background:url(images/header-bg.jpg) no-repeat left 164px;
}
#header .logo{
	position:absolute;
	width:250px;
	height:120px;
	margin:10px 0px 0px 10px;
	background:url(images/logo.png) no-repeat left top;
}
#header .reklam{
	position:absolute;
	width:573px;
	height:125px;
	margin:0px 0px 0px 370px;
	background:url(images/reklam.jpg) no-repeat left top;
}
#header .menu{
	position:absolute;
	margin:130px 0px 0px 0px;
	line-height:32px;
}
#header .menu li{
	float:left;
	width:190px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#header .menu a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
}
#header .menu a:Hover{
	color:#05397c;
	font-weight:bold;
	font-size:13px;
}
/*-------------------------------------------
				 URUN
-------------------------------------------*/
#urun{
	width:auto;
	margin:20px 0px 20px 0px;
	height:110px;
}
#urun li{
	float:left;
	width:190px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#urun li img{
	filter:alpha(opacity=65);
	opacity: 0.65;
}
#urun li img:Hover{
	filter:alpha(opacity=100);
	opacity: 1;
}

/*-------------------------------------------
				ANIM
-------------------------------------------*/
#anim{
	position:relative;
	width:910px;
	height:214px;
	margin:0px 0px 0px 20px;
}
#anim .left{
	position:absolute;
	width:678px;
	height:214px;
	background:url(images/anim.jpg) no-repeat left top;
	margin:0px 0px 0px 0px;
}
#anim .right{
	position:absolute;
	width:230px;
	height:214px;
	margin:0px 0px 0px 678px;
}
#anim .right li{
	margin:1px 0px 2px 0px;
}
#anim .right li img:Hover{
	filter:alpha(opacity=65);
	opacity: 0.65;
}
/*-------------------------------------------
				DEVAM
-------------------------------------------*/
#devam{
	position:relative;
	width:910px;
	margin:0px 0px 10px 20px;
	border:solid #e8ebee 1px;
}
#devam .icerik{
	margin:0px 0px 5px 15px;
	font-size:11px;
}
/*-------------------------------------------
				DUYURU DETAY
-------------------------------------------*/
#duyuru_detay{
	position:relative;
	width:910px;
	margin:0px 0px 10px 20px;
	border:solid #e8ebee 1px;
}
#duyuru_detay .icerik{
	margin:0px 0px 5px 15px;
	font-size:11px;
}
/*-------------------------------------------
				CC BAR
-------------------------------------------*/
#cc-bar{
	margin-top:5px;
}
#cc-bar h1{
	height:22px;
	font-size:19px;
	color:#7faed9;
	margin-bottom:5px;
	padding-left:10px;
}
#cc-bar h1 img{
	vertical-align:middle;
}
#cc-bar .konu{
	font-size:10px;
	width:360px;
	color:#817e7b;
	padding-left:11px;
	margin-bottom:5px;
}

/*-------------------------------------------
				INFO
-------------------------------------------*/
#info{
	width:910px;
	height:172px;
	border:solid #e8ebee 1px;
	background:url(images/info-bg.jpg) repeat-x left top;
	margin:10px 0px 10px 20px;
}
#info a:Hover{
	color:#05397c;
	font-weight:bold;
	font-size:10px;
}
/*-------------------------------------------
				TICKET
-------------------------------------------*/
#ticket{
	position:absolute;
	width:400px;
	height:172px;
	background:url(images/ayrac-bg.jpg) no-repeat 396px top;
	margin:0px 0px 0px 9px;
}
#ticket .sor-tum{
	position:absolute;
	margin:150px 0px 0px 225px;
	color:#05397c;
	font-weight:bold;
}
#ticket .sor{
	position:absolute;
	margin:150px 0px 0px 300px;
	color:#05397c;
	font-weight:bold;
}
#ticket li{
	background:url(images/arrow.png) no-repeat left 3px;
	padding-left:10px;
	margin:3px 0px 0px 10px;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
}
/*-------------------------------------------
				QUICK LINK
-------------------------------------------*/
#quicklink{	
	position:absolute;
	width:220px;
	height:172px;
	background:url(images/ayrac-bg.jpg) no-repeat 216px top;
	margin:0px 0px 0px 410px;
}
#quicklink ul{
	margin:10px 0px 0px 4px;
}
#quicklink li{
	background:url(images/arrow.png) no-repeat left 3px;
	padding-left:10px;
	margin:4px 0px 0px 10px;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
}
/*-------------------------------------------
				QUICK LINK
-------------------------------------------*/
#news{	
	position:absolute;
	width:220px;
	height:172px;
	margin:0px 0px 0px 630px;
}
#news ul{
	margin:10px 0px 0px 4px;
}
#news li{
	background:url(images/arrow.png) no-repeat left 3px;
	padding-left:10px;
	margin:4px 0px 0px 10px;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
}

/*--------------------------------------------
				BAR
--------------------------------------------*/
#bar{
	padding-left:5px;
	padding-right:5px;
}
#bar h1{
	border-bottom:dotted #999999 2px;
	background:url(images/per.gif) no-repeat left 10px;
	line-height:25px;
	padding-left:15px;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
}
#bar li{
	background:url(images/per.gif) no-repeat left 5px;
	padding:2px 0px 2px 15px;
	margin-left: 10px;
}
#bar li a{
	text-decoration:none;
	color:#333333;
}
#bar li a:hover{
	color:#6699FF;
}
/*--------------------------------
			ÜRÜNLER LİSTELEME
---------------------------------*/

#urunler-sol{
float:left;
width:280px;
margin:0px 10px 10px 20px;
border: dotted 1px #CCCCCC;
padding:5px;
display:table;
}
#urunler-sag{
float:left;
width:600px;
padding:5px;
margin-bottom: 10px;
border: dotted 1px #CCCCCC;
display:table;
}
#urunler-sag b{
font-size: 14px;
}
#urunler-sag h1{
	border-bottom:dotted #999999 1px;
	background:url(images/per.gif) no-repeat left 10px;
	line-height:25px;
	padding-left:15px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}
/*-------------------------------------------
				FOOTER
-------------------------------------------*/
#footer{
	width:912px;
	height:74px;
	background:url(images/footer-bg.jpg) no-repeat left top;
	margin:0px 0px 0px 20px;
	clear:both;
}
/*-------------------------------------------
					SORU OKU
-------------------------------------------*/
#soru-oku{
	position:relative;
	width:875px;
	margin:10px 0px 10px 0px;
	border:solid #e8ebee 1px;
	background:#F9F9F9;
	display:table;
}
#soru-oku .a-soru h1, #soru-oku .a-cevap h1{
	position:relative;
	font-weight:bold;
	border-top:dotted #999999 1px;
	border-bottom:dotted #999999 1px;
	padding:5px 0px 5px 0px;
	margin-bottom:5px;
	background:#E6EFF2;
	height:10px;
	width:855px;
	display:table;
}
#soru-oku .a-isim{
	position:relative;
	margin:10px 0px 10px 10px;
	float:left;
	width:200px;
}
#soru-oku .a-email{
	position:relative;
	margin:10px 0px 10px 0px;
	float:left;
	width:200px;
}
#soru-oku .a-baslik{
	position:relative;
	margin:10px 0px 10px 0px;
	float:left;
	width:350px;
}
#soru-oku .a-tarih{
	position:relative;
	margin:10px 0px 10px 0px;
	float:left;
	width:100px;
}
#soru-oku .a-soru{
	position:relative;
	margin:0px 0px 10px 10px;
	width:855px;
	display:table;
}
#soru-oku .a-cevap{
	position:relative;
	margin:10px 0px 10px 10px;
	width:855px;
}