html, body {
	font-family:Verdana;
	font-size:10px;
	height:100%;
	margin:0;
	background:#660000;
	background-image:url(bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	}
* {
margin:0px auto;
padding:0;
}
	
#page {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top:-340px;
	float: left;
}

.baslik {
	width:100%;
	height:120px;
	position:relative;
	background:#660000;
}

.logo {width:100%;position:absolute;}

.menublank {width:2px;}
	
#general {
width:1034px;
height:740px;
background:url(backon24.png);
}
	
#havan {
	width: 994px;
	height: 740px;
	clear: both;
	position: relative;
	top: -370px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}
	/* remove the list style */

	#menu {
		height:30px;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#menu li {
			float:left;
			display:block; 
			width:142px;
			background: #751401;
			position:relative;
			z-index:500;
			margin:0px; /* 0 1px*/
		}
		
		/* this is the parent menu */
		#menu li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:bold;
			height:22px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center;
			color:#ffd472;
		}

		#menu li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#menu a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#menu ul {
			position:absolute; 
			display:none; 
			margin:0;
			padding:0; 
			list-style:none;
		}
		
		#menu ul li {
			width:142px; 
			float:left; 
			border-top:0px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#menu ul a {
			display:block;  
			height:15px;
			padding: 10px 5px; 
			color:#ffd472;
		}
		
		#menu ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #menu ul {
			margin:0 0 0 -2px;
		}
		
#icerik {
	clear:both;
	height:470px;
	background:#660000;
	position:relative;
	}
	
	#icerikmonu {
	clear:both;
	width:996px;
	height:470px;
	position:relative;
	}

	#footer {
	width:994px;
	height:80px;
	background:#660000;
}


.footerwin {width:994px; height:80px;background:url(free.png);}

.footerwin td {width:248px; height:20px;}

.havanmonu{float:right}

h2 {
	width:698px;
	margin:0;
	padding:10px 0;
	color: #7a1501;
	background:url(h2back.gif);
	font-size: 100%;
	text-align: center;
}

dl {
	width:698px;
	margin:0;
	overflow: auto;
	background: url(dot.gif) repeat-x 0 15px;
}
dt{
	
	font-size: 100%;
	font-weight: bold;
	float: left;
	margin: 3px 2px;
	padding: 2px 0;
	color: #fff;
	}

dd {
	padding:0;
}

dd.ingredients {
	float: right;
	padding: 5px 5px;
	font-family:verdana;
	font-size:10px;
	color: #fff;
}

.examplePanel
{
	width: 994px;
	height: 470px;
}

.thumbnails
{
	height: 100%;
}
.thumbnails a
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	display: block;
	margin:-1px 0px;
	float: left;
}

.thumbnails img {border:none;}

.thumbnails a:hover{ opacity: 1; filter: alpha(opacity=100) }
.thumbnails a:hover img{ border-color: #3f3f3f;}
#harita {clear:both;position:relative;height:470px;}
#map{width:994px;height:470px;float:left;font-family:verdana;font-size:10px;}
#map h5 {font-size:12px;}
#sideBar{width:300px;height:70px;text-align:center;background:#660000;color:yellow;float:left;font-family:verdana;font-size:12px;margin:-100px 0;position:relative;}
#sideBar div{ padding:10px 0; cursor:pointer }
#sideBar div:hover{ text-decoration:underline }
#buttons{ clear:both;text-align:center}
.bSideSelect{ background:#dadae3;color:#000; } /* clicked items get this class */

#iletisim {width:994px; height:470px;background:url(iap.png)}
#iletisim h2 {width:497px;font-size:14px;color:#ffcc66;text-align:center;background-image:url(iletisim3.png);height:30px;}
#iletisim p, h3, telefon, adres, mail {font-size:12px;padding:5px; text-align:center; color:white;line-height:15px;}
.umraniye {width:497px;height:470px;float:left;}
.gebze {width:497px;height:470px;float:right;}
.iletisimformu {width:497px; height:470px; float:right;}