/* css document created by MAYA MAROM */
  
* {margin:0; padding:0;}
a img {border:0px none;}
.clear {clear:both;}
ul {list-style:none;}

a {color:#1f75ae;}
:focus {-moz-outline-style: none; } /* hides dotted outline on active links */


body {
	background:#110701 url('images/bg.gif') repeat-x left 112px;
	font-family: Arial,sans-serif;
	font-size:12px;
	color:#704d37; 
}

.wrapper {width:740px; margin:0 auto; position:relative;}
.front-promo {width: 330px; height: 50px; position: absolute; top: 450px; right: 100px;}
div.promotion {
	position:absolute; width:120px; height:150px
	z-index:5; border: 0px solid #3d3d3d;
}

div.p01 {	top:160px; left:-58px;}
div.p02 {	top:314px; left:-58px;}
div.p03 {	top:375px; left:66px; width: 200px; height:90px;}
div.p04 {	top:395px; left:395px; width: 150px; height:70px;}

/* ----------- LOGO + LAMPS ------------ */
.main h1.logo {position:absolute; left:80px; top:0px; width:349px; height:376px; background: url('images/logo.gif') no-repeat;}
h1.logo span {display:none;}



/* ----------- NAV MENU ------------ */
ul.menu {list-style:none;}
ul.menu li { position:absolute; top:10px; display:block; height:129px; }
ul.menu li a {display:block; height:24px; width:100%; position:relative; top:105px;}
ul.menu li a:hover {background:#F6FF96; filter:alpha(opacity=25); opacity:.25;}

ul.menu li.restaurant {right:160px; background: url('images/restaurant.gif') no-repeat; width:53px; }
ul.menu li.food {right:97px; background: url('images/food.gif') no-repeat; width:44px; }
ul.menu li.menus {right:20px; background: url('images/menus.gif') no-repeat; width:60px;}
ul.menu li#videolink {right:231px; background: url('images/video.gif') no-repeat; width:53px;}

ul.menu li.res-active {background-image: url('images/restaurant-active.gif');}
ul.menu li.food-active {background-image: url('images/food-active.gif');}
ul.menu li.menus-active {background-image: url('images/menus-active.gif');}



/* ----------- BLUE DOVE + VIDEO LINK ------------ */
.main .dove { float:right; top: 170px; right: 25px; position: relative; z-index: 2;  }
.dove a {width:100%; height:100%; display:block;}
.dove:hover {background-position:20px -340px;}

.alef {position:absolute; top:141px; right:39px;}
.bet {position:absolute; top:200px; left:0px;}
.gimel {position:absolute; top:400px; left:0px;}


/* ----------- INFO + TEL ------------ */
.info {direction:rtl; z-index:100; color:#583e2f; font-size:8px; letter-spacing:3px; background: url('images/hudson-info.gif') no-repeat center top; text-align:center; height:55px;}
.info a {color:white; text-decoration:none; font-size:13px; letter-spacing:0;}
.info a:hover {text-decoration:underline;}
.info a#orderonline {font-weight:bold; color:#1f75ae; text-decoration:underline;}
.info a#orderonline:hover {text-decoration:none;}
.info p {position:relative; left:-9999px; height:20px; letter-spacing:0;}
.main .info {
	position:absolute;
	top:510px;
	text-align: center;
	width: 100%;
	height: 81px;
}

.inner .info {margin-top:200px}



.drawers-wrapper {position:absolute; top:200px;}
.drawer-handle {background:#090400; color:white; text-align:right; width:200px; position:relative; right:-530px; padding-right:10px; font-size:14px;}
.drawers-wrapper {position:absolute; top:146px;}
.drawers-wrapper li {line-height:23px;}
.drawer-handle {background:#090400; color:white; text-align:right; width:200px; position:relative; right:-530px; padding-right:10px; font-size:14px;}


/* ----------- INNER PAGE ------------ */
.inner .wrapper {width:910px;}

.inner h1.logo {position:absolute; left:240px; top:36px; width:270px; height:68px; background: url('images/logo-inner.gif') no-repeat;  z-index:2}
.inner .dove {position:absolute; left:-27px; top:22px; height:211px; width:217px; background: url('images/dove-inner.gif') no-repeat; z-index:20; }
.inner h1.logo a {display:block; width:100%; height:100%;}

.inner .nav {position:absolute; top:148px; right:10px;}
.inner .nav li {display:block; float:right; width:102px; height:27px; text-align:center; background: url('images/submenu-bg.gif') no-repeat; margin-left:5px; line-height:27px; font-size:14px; direction:rtl; position:relative;}
.inner .nav li a {text-decoration:none; color:#ffedb3;}
.inner .nav li a:hover {color:#2b7db2;}

.inner .nav li.active {background: url('images/submenu-bg-active.gif') no-repeat;}
.inner .nav li.active a {color:#f15922; font-weight:bold;}

.inner .themenu {position:relative; top:175px; background: url('images/menu-bg.gif') no-repeat; width:901px; border:2px solid #ffedb3; z-index:10;}
.inner .themenu img {margin-top:5px; margin-left:5px;}
.inner .themenu h1 {text-align:center; margin:100px; direction:rtl; color:#c0ae75;}
.inner .themenu h1 a {color:#a19263;}
.inner .themenu h1 a:hover {text-decoration:none;}




.inner.text .dove {background:url(images/dove-inner-brown.gif) no-repeat;}
.inner-title {position:relative; top:185px; direction:rtl; width:700px; margin:0 auto; margin-right:21px; background: url('images/dotted-line-bg.gif') repeat-x 0 45px; margin-bottom:40px; }
.inner-title h1.restauranttitle {width:134px; height:31px; background: url('images/restaurant-title.gif') no-repeat; margin-bottom:50px; }
.inner-title h1.restauranttitle span {position:relative; left:-9999px;}
.inner-title p { line-height:17px; margin-bottom:22px; color:#ebeae5;}
.inner-title table p {width:230px;}

.inner-title h1.foodtitle {width:93px; height:38px; background: url('images/food-title.gif') no-repeat; margin-bottom:43px; position:relative; top:-8px; }
.inner-title h1.foodtitle span {position:relative; left:-9999px;}


.inner-title h1.specialtitle {margin-bottom:43px; position:relative; top:-8px; }
h3.special-inner-title {margin-bottom:23px; margin-top:20px } 


h3.food-inner-title {width:116px; height:16px; background: url('images/food-inner-h.gif') no-repeat; margin-bottom:23px; }
h3.restaurant-inner-title {width:234px; height:20px; background: url('images/restaurant-inner-h.gif') no-repeat; margin-bottom:23px; }
h3.jobs-inner-title {width:110px; height:30px; background: url('images/jobs-title.gif') no-repeat; margin-bottom:23px; }
h3.contact-inner-title {width:129px; height:38px; background: url('images/contact-title.gif') no-repeat; margin-bottom:23px; }
h3 span {display:none;}

.inner .seperator {background: url('images/dotted-line-bg.gif') repeat-x; height:4px; width:695px; }



.pics {  float:left;
    height:  259px;  
    width:   424px;  
    padding: 0;  
    margin:  0;  
    border:  1px solid #4c4b3c;  
    
} 
 
.pics img {  
    width:  423px; 
    height: 258px; 
    top:  0; 
    left: 0 
} 







/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: absolute;
    top: 300px;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}





/* --- popup div with youtube video --- */

/* darkens background when popup div opens */
#modalOverlay {background:black !Important;}

/* solves modal overlay bug in IE  */
body.main {height:100%; width:100%;}

#modalContainer {height:400px; width:480px; left:50%; bottom:15%; margin-left:-240px; border:3px solid #607589; padding-top:45px; background:#385274;}
#modalContainer a.modalCloseImg {background:url(images/video-close.gif) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:5px; right:-5px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}
.hudsonvideo .looloo {margin-left:15px; border:10px solid red;}

#hudsonvideo {background:#385274 url(images/video-bg.gif) no-repeat 178px 8px; margin-top:-40px; padding-top:40px;}
#hudsonmap {background:#385274 url(images/map-bg.gif) no-repeat 178px 8px; margin-top:-40px; padding-top:40px;}
#hudsonmap p {text-align:center; color:white; margin:20px 50px; direction:rtl;}






.nav {
	position:relative;
	z-index:2999;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	float: right;
	position:relative;
}
.nav li {
	list-style:none;
	z-index:99999;
}
.nav a {
	display:block;
}
.nav li ul {
	left:0px;
	top:-999em;
	position:absolute;
	
}
.nav li ul li {margin:-8px -5px 0; float:none !Important;}



.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	top:2.5em;
}



/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.nav li li {
	background:#AABDE6;
	position: relative; /* this makes the vertical third tiers line up under their parent li */
}


.nav li li li a {
	float: none;
	}