/* CSS Document */
html {
background:url(../images/bg.jpg);
}

body {
	margin: 0;
	padding: 0;
	font-family:Tahoma;
	color:#333333;
	font-size:11px;
	line-height:1.7em;
} 

img, div { behavior: url(iepngfix.htc); border:0px; }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}


/** layout **/
#container {
	width:846px;
	margin-left:auto;
	margin-right:auto;
	border:#FFFFFF solid 12px;
	border-top:0px;
	border-bottom:0px;
	background:url(../images/bgCont.gif);
}

#header {width:870px; margin-left:auto; margin-right:auto; }
	#lang { height:35px; text-align:right; margin-top:5px; }
	#bar { height:29px; background:url(../images/bgBar.jpg) repeat-x;}
 	#logo{
		position:absolute;
		width:365px;
		height:220px;
		z-index:200;
		margin-left:-40px;
		top: 0px;
	}  

#h-right { width:621px; margin-left:10px; float:left; margin-top:-20px; }
#h-left { width:155px; margin:30px 30px; float:right; }
* html #h-right  { width:621px; margin-left:0px; float:left; margin-top:-20px; }
* html #h-left { width:155px; margin:30px 20px; float:right; }

#l-right { width:616px; margin:10px 0px 0px 20px;float:left; }
#l-left { width:205px; margin:-20px 0px 0px 0px; float:right;}
* html #l-right { width:600px; margin:30px 0px 0px 10px;float:left; }
* html #l-left { width:210px; margin:-20px 10px 0px 5px; float:right;}

#EC-left{ width:205px; margin:-20px 0px 0px 0px; float:left;}
* html #EC-left { width:210px; margin:-20px 10px 0px 5px; float:right;}
#EC-left a {margin-left:30px;}

#ll-right { width:185px; margin:-20px 0px 30px 20px;float:left; text-align:justify; }
#ll-left { width:586px; margin:20px 30px 20px 0px; float:right;}
* html #ll-right { width:185px; margin:-20px 20px 30px 10px;float:left; text-align:justify; }
* html #ll-left { width:560px; margin:20px 5px 20px 0px; float:right; }

* html #footer{ background:url(../images/bgFut.gif) repeat-x bottom; height:14px; width:870px; margin:0px auto;}
#footer{ background:url(../images/bgFut.png) repeat-x bottom; height:14px; width:870px; margin:0px auto; }


/** food menu **/
.row {background:url(../images/bgMnu.gif) repeat-y; padding:2px 5px; }
.group {background:url(../images/bgTbl.jpg) no-repeat bottom left; padding-bottom:20px;}
.f-num, .f-name, .f-price { float:left; margin-right:2px; font-weight:bold; }
.f-num	{ width:30px; text-align:center; }
.f-name { width:180px;}
.f-price{ width:65px; text-align:right; padding-right:5px; }
.f-cont { padding-left:30px; padding-right:10px; clear:left; width:250px; line-height:1.3em;}
.g-cont {background:url(../images/bgMnu.gif) repeat-y; padding:10px 20px 0px 20px;}



.eelroad { background:url(../images/Appetizers_Starters.gif) no-repeat; }
.barbeque {	background: url(../images/Barbeque.gif) no-repeat;   } 

.finger_food { background:url(../images/Louisiana_Finger_Food.gif) no-repeat;}
.pizza { background:url(../images/Pizza.gif) no-repeat;}
.sandwiches_burgers { background:url(../images/Sandwiches_Burgers.gif) no-repeat;}
.soups_salads_pastas { background:url(../images/Soups_Salads_Pastas.gif) no-repeat;}
.steaks { background:url(../images/Steaks.gif) no-repeat;}
.grill	 { background:url(../images/Grill.gif) no-repeat;}
.side_orders {background:url(../images/Side_Orders.gif) no-repeat;}
.kids_menu { background:url(../images/KidsMenu.gif) no-repeat;}
.milkshakes { background:url(../images/Milkshakes.gif) no-repeat;}
.dessert { background:url(../images/Dessert.gif) no-repeat; }

.salads_ribs { background:url(../images/Salads_Ribs.gif) no-repeat;}
.sandwiches_burgers_subs { background:url(../images/Sandwiches_Burgers_Subs.gif) no-repeat;}

.side_orders{height:45px;}
.grill, .steaks, .kids_menu, .milkshakes  {height:80px;}
.pizza {height:60px;}

.barbeque, .eelroad, .finger_food, .dessert, .salads_ribs, .sandwiches_burgers, .sandwiches_burgers_subs, .soups_salads_pastas {height:85px;}
.dessert span, .steaks span, .grill span, .kids_menu span, .milkshakes span, .pizza span, .salads_ribs span, .sandwiches_burgers span, .sandwiches_burgers_subs span, .soups_salads_pastas span{display:none;}
.side_orders span, .eelroad span, .barbeque span, .finger_food span{display:none;}

/**/
#flash-container {background:url(../images/bgFlash.jpg) no-repeat bottom; }

/** menu **/
table .item { background:url(../images/bgMnu.gif) repeat-y left; width:294px; line-height:1.3em; margin-bottom:5px;}
.price {background:url(../images/price.jpg) no-repeat; padding-top:30px; padding-left:25px; font:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; size:12px; font-weight:bold;}

/** typo **/
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#990000;
	margin-bottom:10px;
	margin-top:0px;
	height:30px;
	background:url(../images/bgH.gif) repeat-x bottom;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	margin-bottom:10px;
	margin-top:0px;
	height:30px;
	background:url(../images/bgH.gif) repeat-x bottom;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	height:30px;
	background:url(../images/bgH.gif) repeat-x bottom;
} 

h4 , b {color:#990000;}
h4 {font-size:12px;}
h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	margin-bottom:3px;
	margin-top:0px;
	padding-bottom:0px;
}
h6 {font-size:11px; font-weight:bold; color:#990000;}

/** image hover **/
.gift a {
	display:block;
	margin:15px 0px;
	width: 155px;
	height:107px;
	background: url(../images/btnGiftCard.jpg) 0 0 no-repeat;
}
.gift a:hover, .gift a:active { background-position:bottom;}

.est a, .eng a { display:block; width: 28px; height:26px;}
.est a { background: url(../images/est.gif) top no-repeat; float:right; }
.eng a  { background: url(../images/eng.gif) top no-repeat; float:right; }
.est a:hover, .est a:active, .eng a:hover, .eng a:active { background-position:bottom;}

.est_On a, .eng_On a { display:block; width: 28px; height:26px;}
.est_On a { background: url(../images/est.gif) bottom no-repeat; float:right; }
.eng_On a  { background: url(../images/eng.gif) bottom no-repeat; float:right; }
.est_On a:hover, .est_On a:active, .eng_On a:hover, .eng_On a:active { background-position:top;}


/** news **/
#news {
	clear:both;
	display:block;
	border:#FFFFFF solid 1px;
	border-left:0;
	border-right:0;
	border-bottom:0;
	height:100px;
	padding:10px 0px 10px 15px;
}
	#news .last-news {display:block; width:300px; height:auto; text-align:justify; float:left; margin-right:20px;}
	* html #news .last-news {display:block; width:290px; height:auto; text-align:justify; float:left; margin-right:15px;}
	#news .last-news a {color:#333333; text-decoration:none;}
	#news .last-news a:hover {color:#666666;}
	#news .last-news h5 a {color:#990000; text-decoration:underline;}
	#news .last-news h5 a:hover {text-decoration:none; color:#660000;}

.all-news { text-align:justify; margin-bottom:20px;}

/** map **/
#fl-right { display:block; width:260px; margin-top:10px; margin-right:0px; float:left; }
iframe { border:#FFFFFF solid 4px;} 
#fl-left { display:block; width:300px; clear:both; margin-top:10px; margin-left:10px; float:right; }


/** navigation **/
a {color:#990000;}
a:hover {text-decoration:none; color:#660000;}


* html .menu {background:url(../images/bgTopMnu.gif) repeat-x; height:29px; padding-top:18px; padding-left:280px; }
* html .menu ul li a:hover { color:#996633;}

.menu {
	background:url(../images/bgTopMnu.png) repeat-x;
	height:29px;
	padding-top:18px;
	padding-left:295px;
	text-align:right;
	position:relative; 	
	margin:0;
	padding-bottom: 0px;
	position:relative; 
	font-size:13px; 
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none;
	color:#ffcc00; 
	width:93px; 
	height:20px; 
	border:1px solid #330000;
	text-align:center;
	line-height:20px; 
	font-size:13px; 
	overflow:hidden;		
}

.menu ul { padding:0; margin:0; list-style: none; }
.menu ul li { float:left; position:relative;}
.menu ul li ul { display: none; }
.menu ul li:hover a { color:#996633; background-color:#330000; }
.menu ul li:hover ul { display:block; position:absolute; top:22px; left:0; width:130px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { display:block; background:#330000; color:#ffcc00; text-align:center; font-size:12px;}
.menu ul li:hover ul li a:hover { background:#330000; color:#996633; border:1px solid #fff;}



#eurocalc {width:200px; height:220px; background:url(../images/Eurokalkulator.png) no-repeat; font-size:14px;}
#eurocalc img {border:none;}
#eurocalc form { padding-top:91px; padding-left:30px;  }
#eurocalc #ECeek { display:block; background:url(../images/ECeek.jpg) no-repeat left top; padding:3px; width:144px; height:18px; margin-bottom:4px;}
#eurocalc #ECeur { display:block; background:url(../images/ECeur.jpg) no-repeat left top; padding:3px; width:144px; height:18px;}
#eurocalc input { background:none; border:none; margin:0; width:105px; padding-left:2px; height:19px; font-size:12px; }
#eurocalc #rate { color:#FFFFFF; text-align:right; font-size:11px;padding-right:20px; margin-top:2px;}
#eurocalc #bok { margin-left:75px; margin-top:3px;}
#eurocalc #bok a {display:block; background:url(../images/bgOk.jpg) no-repeat top; width:64px; height:32px; text-decoration:none; margin-left:0px;}
#eurocalc #bok a:hover {background:url(../images/bgOk.jpg) no-repeat bottom; }