/* 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:155px; margin-right:20px; float:left; margin-top:-20px; }
#h-left { width:611px; margin:30px 30px; float:right; }
* html #h-right  { width:155px; margin-left:0px; float:left; margin-top:-20px; }
* html #h-left { width:621px; 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 20px 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; }
.group {float:left;}
.group-even {float:right;}
.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; }
.chicken_wings { background:url(../images/ChickenWings.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, .chicken_wings {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, .chicken_wings 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;}


#nav-II { margin:0px 0px 20px 20px;}
	#nav-II a {display:block; background:url(../images/bgIInav.jpg) no-repeat left top; padding:3px 0px 3px 30px; margin-bottom:4px; text-transform:uppercase; font-size:20px; text-decoration:none;}
	#nav-II a:hover, #nav-II a.current { background-position:bottom left;}
.down {display:block; width:100%; height:50px;}

/** 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;}


/** events */
.event { margin-bottom:10px; padding-bottom:10px; background:url(../images/bgH.gif) repeat-x bottom;}
	.event .when { display:block; float:left; font-size:24px; text-transform:uppercase; text-align:center;}
	.event .when span {font-size:18px;}
	.event p {margin-left:100px;}
	.fut {color:#990000;}
	.pst {color:#333333;}


#breadcrumbs {display:block; margin-bottom:20px; font-size:9px;}
/** 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;}
	#news table {width:100%; border:0;}
	#news .td1 {width:25%; vertical-align:top; padding-top:30px;}
	#news .td2 {width:25%; vertical-align:top;}
	#news .td3 {width:50%; vertical-align:top;}

.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;}
a.mackApp {display:block; width:48px; height:66px; background:url(../images/mackApp.jpg) no-repeat top; text-decoration:none; }
a:hover.mackApp {background-position: bottom;}

* 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;
	margin-left:30px;
	position:relative; 
	font-size:13px; 
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none;
	color:#ffcc00; 
	margin-right:10px;
	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;}

/*
---------------------------------------------------------------------
	galerii 
---------------------------------------------------------------------*/
.album {display:block;  float:left; background:url(../images/bgAlbum.jpg) no-repeat top left; width:196px; height:172px; padding-top:23px; text-align:center; margin-right:7px; }
.photo {display:block;  float:left; background:url(../images/bgPhoto.jpg) no-repeat top left; width:196px; height:153px; padding-top:23px; text-align:center; margin-right:7px; }
.album a {text-decoration:none; }
	.album a img {border:1px solid #4e260d; margin-bottom:10px;}


#slider  		{ position:relative; overflow:hidden; width:580px; height:180px; float:left; }
#slider .items 	{ width:20000em; position:absolute; background:url(../images/bgSlShow.jpg) top left; }	
#slider .items div { float:left; width:580px; }
#slider img 	{ cursor:pointer; float:left; margin-left:10px; height:120px; padding:23px 5px 25px 0px; }
#slider .active { border:1px solid #ccc; position:relative; cursor:default;}	

#slide-show a.prev, 
#slide-show a.next 			{ display:block; width:10px; height:17px; margin:0; padding:0; margin-top:70px; cursor:pointer; }
#slide-show a.prev 			{ float:left; margin-right:5px; background:url(../images/prev.jpg) no-repeat top;}
#slide-show a.next 			{ float:right; text-align:right; background:url(../images/next.jpg) no-repeat top;}
#slide-show a:hover.prev, #slide-show a:hover.next {background-position:bottom;}
#slide-show a.disabled, #slide-show a.disabled:hover{ background-position:-36px 0; cursor:default;}


#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; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}