@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0;}
body { line-height:16px; text-align:left; background: #4B0601 url(../images/bg_mosaic.png) repeat-x left 415px; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
a:link { color: #FF9933 /*#0f4699*/; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
a:visited { color: #FF9933; text-decoration: none;}
a:hover { color:#c5374c; }  
h2 { color:#c21500; font-size:14px; font-weight: normal; text-transform:uppercase; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.1em;}
h3 { font-family: Helvetica, "Lucida Sans", Verdana, sans-serif; color: #4A4A4A; font-weight: 400; font-size: 14px; margin-top: 5px; margin-bottom: 12px; }
h4 { color: #c21500; font-size: 12px; text-transform: none; font-family: Arial, Helvetica, sans-serif;}
.clear {padding:0; margin:0; height:1px; clear:both; width:100%;}


.error { font-weight:bold; color:#d70668; padding-left:6px;}
.notice { font-size:13px; font-weight:bold; background:url(../images/ok.png) no-repeat 10px 9px #fef4e3;
	color:#75B801 ; padding:6px 20px 8px 30px; margin:0 0 15px 0px; display:block; text-align:center;
	-moz-border-radius:10px 10px 10px 10px;
	border:1px solid #F9AE64;}
.warning { font-size:13px; font-weight:bold; background:url(../images/error.png) no-repeat 10px 9px #fdfbea;
	color:#d70668 ; padding:6px 20px 8px 30px; margin:0 0 15px 0px; display:block; text-align:center;
	-moz-border-radius:10px 10px 10px 10px;
	border:1px solid #F9AE64;}

#slideshow { z-index:-1; width:100%; height:343px; background:#000 /*url(../images/display1.jpg) no-repeat left top*/;}
#slideshow_about { z-index:-1; width:100%; height:343px; background:#000 url(../images/slides/slide1.jpg) no-repeat left top;}
#slideshow_menus { z-index:-1; width:100%; height:343px; background:#000 url(../images/slides/slide2.jpg) no-repeat left top;}
#slideshow_gallery { z-index:-1; width:100%; height:343px; background:#000 url(../images/slides/slide3.jpg) no-repeat left top;}
#slideshow_contact { z-index:-1; width:100%; height:343px; background:#000 url(../images/slides/slide4.jpg) no-repeat left top;}

#title { width:384px; height:100px; position:absolute; top:110px; left:446px; background:url(../images/title.png) no-repeat; text-indent:-9999px;}
#lamp { width:115px; height:166px; position:absolute; top:0; left:525px; background:url(../images/lamp.png) no-repeat;}
#mosaic1 { width:100%; height:82px; position:absolute; top:333px; background:url(../images/bg_arabic.gif) repeat-x left bottom;}
#mosaic2 { width:100%; height:30px; position:absolute; top:12px; background:url(../images/bg_star.gif) repeat-x;}
#mosaic3 { width:100%; height:12px; position:absolute; top:0; background:url(../images/bg_pattern.png) repeat-x;}
#container { z-index:2; width:750px; min-height:400px; padding-top:190px; margin-left:100px; padding: 0 30px; position:absolute; top:0; background:url(../images/content_bg.png) no-repeat center 258px; }
#content { float:left; width:680px; height:auto; background: #fff; padding:40px 30px 0px 40px;}
#content_bot { float:left; width:750px; height:52px; margin-bottom:5px; background: url(../images/content_bottom.png) no-repeat 0 top;}
#extras { float:left; width:750px; min-height:194px; height:auto; background: #ac4e02 url(../images/extras_bg.jpg) no-repeat; margin-top:0px;}
#footer2 { z-index:-1; width:100%; height:70px; position:fixed; bottom:0; background:url(../images/bg_footer.png) repeat-x 80px bottom;}
#footer { float:left; width:750px; color:#860404; font-weight:lighter; font-size:14px; margin:20px 0; text-align:center;}
#footer a {color:#920505; letter-spacing: 0.2em; font-weight:lighter; padding:0 10px;}
#footer a:hover {color:#a91a1a;}
#footer p { font-size:70%; font-weight:normal; color:#a47b78; padding-top: 8px; text-align:center;}

/******** MAIN PAGE STYLES ***********/
#welcome {
	width:370px;
	float:left;
	height: auto;
}
#welcome h2 { width:295px; height:21px; background: url(../images/main/main_h2.gif) no-repeat; text-indent:-9999px;} 
#welcome h3 { padding: 5px 30px 5px 0px; color:#b06501; font-style:italic; font-weight:normal;}
#welcome p { padding: 0px 25px 10px 0px;}
#welcome ul {list-style: none;width: 330px;height: 60px;}
#welcome li {width:165px;height:50px;text-indent:-9999px;float: right;}
#welcome ul li a {width:165px;height:50px;display: block;}
	#booking  {	background-image: url(../images/main/booking.gif);background-repeat: no-repeat;background-position: -8px 0px;}
	#feedback { background-image: url(../images/main/feedback.gif);background-repeat: no-repeat;background-position: 0px 0px;}
	#hotspot {background:url(../images/main/hotspot.gif) no-repeat left bottom; margin-right:60px; height:40px !important;}
#offers li#offer1 {height: 158px; background: url(../images/main/champagne.jpg) no-repeat 150px top;}
#offers li#offer2 {height: 120px; background: url(../images/main/teaPot.jpg) no-repeat right 10px; margin-bottom:15px;}
#offers li {	list-style-type: none; width: 285px; float: left; margin-right: 10px;}
#offers li p { width: 130px;	text-align: left; margin-bottom: 6px; margin-top: 4px;}
#offers a { font-weight: normal;}

#xmas { position:relative; width:350px; height:155px; background:url(../images/xmas/xmas_bg.jpg) no-repeat left bottom;}
#xmas h2 {display:none}
#xmas p {position:absolute; left:200px; top:80px; width:120px; font-style:italic;}
#welcome #xmas a:link {color:#c5374c;}
#welcome #xmas a:visited, #welcome #xmas a:hover {color:#76A241}

#extras h4 { display: none; text-indent:-9999px;}
#extras ul { list-style:none; width:348px; height:153px; background:url(../images/main/call_us.gif) no-repeat; text-indent:-9999px; float:right; margin: 20px 30px;}
#extras #div_line { padding: 20px 20px; width:302px; height:auto; background: url(../images/main/div_line.png) repeat-y right 50%;}
#extras h2 { font-family: "Times New Roman", Times, serif; font-size: 18px;	color: #FFFFFF; font-weight: ;	padding-bottom: 12px;}
#extras blockquote { color: #fdf1f1; font-size: 14px; font-style: italic; line-height: 20px; font-weight:lighter;}

/******** ABOUT PAGE STYLES ***********/
#about { width:680px; overflow:hidden; position:relative; margin-bottom:20px;}
#about p { width: 430px; text-align: justify; padding-bottom: 12px;}
#about p#last_para { padding-bottom:20px;}
#about h2 { width:300px; height:21px; background: url(../images/about/about_h2.gif) no-repeat; text-indent:-9999px; padding-bottom:15px;}
#about h4 {padding-bottom:6px;}
#about ul { overflow:hidden; width: 100%; margin-bottom:20px;}
#about ul li { width:200px; display: block; float: left; padding-bottom: 3px; padding-left: 20px; list-style-type: none; background: url(../images/about/bullet_arrow.gif) no-repeat left 50%;	padding-top: 3px;}
#about ul li a:link {color:#666;}
#about ul li a:visited {color:#FF9933;}
#about ul li a:hover {color:#c5374c;}

/******** MENUS PAGE STYLES ***********/
.menus_list { background-color: #FFFFFF; background-image: url(../images/menus/menus_tab_bg.jpg); background-repeat: repeat-x;background-position: bottom;padding-left: 40px;padding-right: 50px;float: left;width: 660px;padding-top: 12px;padding-bottom: 12px;}
.menus_list li {	width:145px;line-height: 22px;background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position: left;list-style-type: none;padding-left: 20px;float: left;overflow: hidden;display: block;letter-spacing: 0.1ex;}
.menus_list a {color:#4e4f4e;font-size: 14.3833px;}
#menus_nav {width:660px;height:33px;padding-left:90px;background: url(../images/menus/menu_nav_bg.png) repeat-x 0 0;border-bottom: #333 solid 1px;}
#menus_nav li { font-size: 13.3833px; text-transform: uppercase; letter-spacing: 0.1em; border-right:#901101 solid 1px; border-left:#d5321f solid 1px; margin: 0px; padding: 0px; height: 33px; display: inline; float: left;}
#menus_nav :hover { background: #910304;}
#menus_nav li.menus_nav_select {background:#910304;}
#menus_nav a { color: #FFFFFF; line-height: 30px; padding-right: 25px; padding-left: 25px; display:block}

.bubbleInfo_w { }
.starters { width:480px; float:left;}
.starters h2 {width:400px; height:22px; text-indent:-9999px;margin-bottom:30px; margin-top:20px;}
.starters h4 {width:300px; float:left; margin-bottom:2px;text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-style:italic; color:#000;}
.starters .veg { margin-left:2px; color:#6a7624; font-style:italic; font-weight:normal; font-size:12px;}
.starters label {float:right; color:#000; font-size:13px; font-style:italic; margin-left:30px;}
.starters p { width:420px; clear:both; overflow:visible; color:#666; padding-right:30px; padding-bottom:16px;}
.starters_margin {width:100%; height:100px; float:left;}
.price_type {width:100%; float:left; margin-bottom:10px; text-align:right;}

.mains {width:340px; float:left;}
.mains h4 {float:left; margin-bottom:2px;text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-style:italic;}
.mains abbr { margin-left:2px; color:#6a7624; font-style:italic;font-weight:lighter; font-size:11px;}
.mains label {float:right; color:#000; font-size:13px;font-style:italic;}
.mains p { width:305px; clear:both; color:#666; padding-right:30px; padding-bottom:16px;}
.mains h2 {width:330px; height:18px; text-indent:-9999px;margin-bottom:5px;}
.mains_title {width:330px; height:18px; text-indent:-9999px;margin-bottom:5px;}

.lunch {width:330px; float:left;}
.lunch h4 {float:left; margin-bottom:2px;text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-style:italic;}
.lunch abbr { margin-left:2px; color:#6a7624; font-style:italic;font-weight:lighter; font-size:11px;}
.lunch label {float:right; color:#000; font-size:13px;font-style:italic;}
.lunch p { width:285px; clear:both; color:#666; padding-right:30px; padding-bottom:16px;}
.lunch h2 {width:330px; height:18px; text-indent:-9999px;margin-bottom:5px;}
.lunch_title {width:330px; height:18px; text-indent:-9999px;margin-bottom:5px;}

.wine { width:450px; float:left;}
.wine h2 {width:400px; height:22px; text-indent:-9999px;margin-bottom:10px;}
.wine h4 {width:300px; float:left; margin-bottom:2px;text-transform:uppercase; font-size:13px; letter-spacing:0.1em; font-style:italic; color:#000;}
.wine abbr { margin-left:2px; color:#666; font-style:italic; font-weight:lighter; font-size:11px;}
.wine label {float:right; color:#000; font-size:13px; font-style:italic; margin-left:30px;}
.wine p { width:340px; clear:both; color:#666; padding-right:30px; padding-bottom:16px;}
.wine_margin {width:100%; height:100px; float:left;}
.price_type {width:100%; float:left; margin-bottom:10px; text-align:right;}

/******** CONTACT PAGE STYLES ***********/
#contact { float:left; margin-bottom:40px; padding-top:40px;width:480px;}
#contact h2 { width:300px; height:21px; background: url(../images/contact/contact_h2.gif) no-repeat -2px 0; text-indent:-9999px; padding-bottom:10px;}
#contact h4 {color:#000; font-size:14px;padding-bottom:10px;}
#comment { clear:both; overflow:hidden; width:440px; height:auto;	padding: 14px 15px 10px 15px; margin-bottom:10px; margin-top:10px; background:#fbfbfb; border:1px solid #e9e6e6;}
#comment h4 {display:block; width:102px; height:16px; background:url(../images/contact/rating.png) no-repeat; text-indent:-9999px; margin-bottom:0px}
#comment img { width:55px; height:8px; padding-top:4px; position:absolute; left: 107px; top: 0px;}
#comment p { padding-right:30px; font-style: italic; font-size: 13px; text-align:left; line-height: 16px;}
#commentform p {padding-bottom:5px;}
#commentform option { width: 100px; text-indent:-9999px;}
#commentform label {padding-left:8px;}

#success { float:right; width:560px; height:300px; padding: 30px 20px 35px 20px; background: #fff;}
#success h2 { text-indent:-9999px;}
#success p { margin-left:185px; width:321px; height:139px; background:url(../images/thanks.gif) no-repeat; text-indent:-9999px;}
/*input:hover, textarea:hover, input:focus, textarea:focus { background: #fde9da;}*/

#reservationform { float:left; width:210px; margin: 12px 0 25px 0;}
#reservationform input	 { width:180px; height:17px; margin-left:12px; margin-bottom:3px; font-size: 12px; color:#666;}
#reservationform select { width:180px; height:20px; margin-left:12px; margin-bottom:3px; font-size: 12px; color:#666;}
#reservationform select option {color:#666;}
#reservationform textarea { width:180px; max-width:180px; margin: 10px 0 3px 12px; font-size: small; color:#666;font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height:16px;}
#reservationform #submit { width: 117px; height: 21px; background: url(../images/contact/submit.png) no-repeat;	text-indent: -9999px; border-style: none; text-align: left; display: block; float:right; margin-right:15px;}

#sidebar {overflow:hidden; width:210px; height:100%; float:right; }
#sidebar h4 { width:210px; height:28px; text-indent:-9999px;}
#sidebar p {padding-top:10px; padding-left:12px; font-size:14px; }

#sidebar ul{ list-style: none;	margin: 0;	padding: 0;}
#sidebar ul li{	display: block;	padding: 0;	margin: 0;}
#sidebar ul li a{display: block;color: #333;font-size: 13px;text-decoration: none;margin: 0 0 0 1px;padding: 4px 0px 4px 15px;border-top: 1px solid #999; background: #fbfbfb;}
#sidebar ul li a:hover{	background: #4a4a4a;color: #fff;}
#sidebar a:visited{	font-weight: normal;}










/* Stles for NAVIGATION */
#navigation { overflow:hidden; list-style-image:none; list-style-position:outside; list-style-type:none; padding-left:185px;padding-top:190px; width:545px; height:160px; padding-right:20px;background: transparent url(../images/nav_bg.png) no-repeat center bottom;}
#navigation li { float:left;}
#navigation a * { display: none;}
#navigation a, #navigation a .hover { background:transparent url(../images/nav.png) no-repeat scroll 0 0; display:block; height:150px; width:109px; position:relative; }
#navigation a.index { background-position:0 0;}
#navigation a.about {background-position:-109px 0px;}
#navigation a.menus {background-position:-218px 0;}
#navigation a.gallery  {background-position:-327px 0;}
#navigation a.contact {background-position:-436px 0;}

.index #navigation a.index, #navigation .highlight a.index:hover, #navigation a.index .hover {background-position:0 -150px;}
.about #navigation a.about, #navigation .highlight a.about:hover, #navigation a.about .hover {background-position:-109px -150px;}
.menus #navigation a.menus, #navigation .highlight a.menus:hover, #navigation a.menus .hover {background-position:-218px -150px;}
.gallery #navigation a.gallery, #navigation .highlight a.gallery:hover, #navigation a.gallery .hover {background-position:-327px -150px;}
.contact #navigation a.contact,#navigation .highlight a.contact:hover, #navigation a.contact .hover {background-position:-436px -150px;}