@charset "utf-8";
/*
 Theme Name: Hacı Arif Bey Restaurant Kebap
 Theme URI: http://www.haciarifbey.com.tr/
 Description: Bu websitesi Soner Tümer tarafindan Hacı Arif Bey Restaurant Kebap icin gelistirilmistir.
 Version: 1.0
 Author: Soner TÜMER
 Author URI: http://www.sonertumer.com
*/


body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td 
{margin:0px;padding:0px;border:0px;outline:0px;}
.clear { clear:both; }

body {
	margin:0px;
	background: url(images/bg.jpg);
	background-repeat:no-repeat;
	background-color: #f0efef;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-attachment: fixed;
}

.wrapper { width:886px; margin:0px; }

.header {width:886px; height:78px; float:left;}

.logo { background:url(images/logo-trans.png) no-repeat; position:absolute; width:146px; height:217px; margin:-33px 0 0 47px; z-index:2;}
.logo a { width:146px; height:180px; display:block; text-indent:-9999px; overflow:hidden;}
*:first-child+html .logo { background:url(images/logo-trans.png) no-repeat; position:absolute; width:146px; height:217px; margin:-33px 0 0 47px;}

#menu { width:639px; height:29px; float:left; background:url(images/menu/menu-bgs-trans.png) no-repeat; margin:32px 0 0 43px ; }

#nav a{ height:25px;}
#nav ul { margin:0; padding:0; list-style:none; }
#nav ul li { float:left; outline:none; }
#nav ul li a {  display:block; outline:none; text-decoration:none;}
#nav #ana-sayfa { background:url(images/menu/anasayfa-trans.png) no-repeat; width:81px; height:29px; }
#nav #ana-sayfa a { width:88px; height:40px; display:block;}
#nav #tarihce { background:url(images/menu/tarihce-trans.png) no-repeat; width:72px; height:29px; }
#nav #tarihce a{ display:block; width:91px; height:40px; }
#nav #menulerimiz { background:url(images/menu/menuler-trans.png) no-repeat; width:106px; height:29px; }
#nav #menulerimiz a{ display:block; width:92px; height:40px; }

#nav #kebap{ background:url(images/menu/kebaplar-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #kebap a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}

#nav #spesiyal{ background:url(images/menu/spesiyaller-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #spesiyal a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}

#nav #pideler{ background:url(images/menu/pideler-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #pideler a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}

#nav #salata{ background:url(images/menu/salatalar-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #salata a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}

#nav #tatli{ background:url(images/menu/tatlilar-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #tatli a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}

#nav #aperatif{ background:url(images/menu/aperatif-trans.png) no-repeat; width:106px; height:29px; margin-left:-10px;display:block;}
#nav #aperatif a{ width:106px; height:29px; display:block; text-indent:-9999px; overflow:hidden;}


#nav #galeri { background:url(images/menu/galeri-trans.png) no-repeat; width:66px; height:29px; }
#nav #galeri a{ display:block; width:60px; height:40px; }
#nav #iletisim { background:url(images/menu/iletisim-trans.png) no-repeat; width:72px; height:29px; }
#nav #iletisim a{ display:block; width:70px; height:40px; }


/*---------------------------------------------------------------*/
/*Dropdown menu*/
ul.dropdown li{border-style: none;background-color: #8f0001;color: #FFF;}
ul.dropdown li.hover, ul.dropdown li:hover{background-color: #e51001;color: #FFF;}
ul.dropdown a:link, ul.dropdown a:visited{color: #FFF;}
ul.dropdown a:hover{color: #000;}
ul.dropdown a:active{color: #ffa500;}
ul.dropdown ul{width: 150px;margin-top: 1px;}
ul.dropdown ul li{font-weight: normal;}
ul.dropdown,ul.dropdown li,ul.dropdown ul { list-style: none; margin: 0; padding: 0;}
ul.dropdown { position: relative; z-index: 597; float: right; margin-right:20px;}
ul.dropdown li { float: left;}
ul.dropdown li.hover,ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 29px; left: 15px; z-index: 598; width: 180px;}
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 1px;}


* html ul.dropdown li {height: 15px;}
ul.dropdown ul li,ul.dropdown-vertical {margin-left: 0px;}
ul.dropdown ul li ul li {margin-left: -12px;}
ul.dropdown ul,ul.dropdown li:hover ul ul,ul.dropdown li:hover ul ul ul,ul.dropdown li:hover ul ul ul ul,ul.dropdown li:hover ul ul ul ul ul {visibility: hidden;}
ul.dropdown li:hover ul,ul.dropdown ul li:hover ul,ul.dropdown ul ul li:hover ul,ul.dropdown ul ul ul li:hover ul,ul.dropdown ul ul ul ul li:hover ul {visibility: visible;}
ul.dropdown ul ul ul ul ul ul {visibility: hidden !important;}

/*-----------------------------------------------------------------*/

.index-slide-bg {width:874px; height:444px; float:left; background:url(images/index-imaj-bg-trans.png) no-repeat; margin-top:10px;}

/*************************************************************************************/

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 620px;	/* IE 5.x */
		width/* */:/**/620px;	/* Other browsers */
		width: /**/620px;
		
		/* CSS HACK */
		height: 340px;	/* IE 5.x */
		height/* */:/**/340px;	/* Other browsers */
		height: /**/340px;
		margin-left:185px;
		margin-top:63px;
		z-index:1;
		
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:620px;
		height:340px;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		z-index:100;
		/*height:200px;*/
		width:620px;
		background:url("images/bg.png");
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		}

/*************************************************************************************/

.index-footer {width:300px; height:200px; float:right; margin:-170px 0 0 0; }
.index-footer #slogan {width:300px; height:139px; float:left; }
#link {width:300px; float:right; margin-top:10px; font-family:Tahoma; text-align:right; display:block;
font-size:11px; }
#link a, .index-footer #link a:active, .index-footer #link a:visited  {
border-bottom:1px dotted #e61101;
color: #333;
text-decoration:none; }
#link a:hover {border:medium none;}

/*---alt-sayfa--*/
.content-bg {width:874px; float:left; position:relative;}
.container {width:776px; float:left; margin-left:100px; z-index:3; }
.container #top {width:776px; height:46px; background:url(images/container-top-trans.png) no-repeat; float:left; }
.container #middle {width:776px; float:left; background-color:#FFF; }
.container #bottom{width:776px; height:88px; background:url(images/container-bottom-trans.png) no-repeat; float:left;  }
.yazilar {width:600px; margin:20px auto 0 150px; }
.big {font-size:18px; }
.tabtab {width:650px; margin:20px auto 0 150px; }

.sol-resim-bg {width:200px; height:489px; float:left; position:absolute; background:url(images/alt/1-trans.png) no-repeat;  }
*:first-child+html .sol-resim-bg { margin-left:-875px;}



/*---menulerimiz---*/
.kutucuk-3lu { width:576px; height:189px; margin:0 auto 0 auto; }
.menu-kutu {width:176px; height:189px; float:left; background:url(images/menu-div-trans.png) no-repeat; }

.menu-kutu #resim {width:165px; height:105px; margin:15px auto 0 auto;}
.menu-title h2 {
	color:#5b0000;
	font-size:17px;
	font-weight:500;
	letter-spacing:-1px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	line-height:145%;
	text-align: center;
	text-shadow:1px 1px #FFF;
}

/*---menulerimiz---*/

.footer { width:600px; height:50px; float:left; margin-left:260px; margin-top:-10px; }


/*---alt-sayfa--*/