/* CSS Document  to place content at the center of the client window */

html
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body, #additional_bg 
{  
		background-repeat: repeat-x;
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 100%;
		text-align: center;
}

body
{
/*
	background-image: url(../images/rev_bgrnd_midnite.jpg);
	background-position: bottom;
*/
	background-color: black;
}

#additional_bg
{
    position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	/*
	background-image: url(../images/bgrnd_midnite.jpg);
	background-position: top;
	*/
}

#container 
{
      position: relative;
	   margin-left: auto;
	   margin-right: auto;
	   height: 100%;
	   width: 760px;
	   text-align: center;
	   background-color: transparent;
		display: block;
}

#main_content 
{
	position: relative;
	width: 760px;
	border: none;
	height: 480px;
	
}

img
{
	border: 0px solid black;
}

#aboutUs_content 
{ 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;  
	height: 430px;
	margin: 0px;
	padding: 0px;
	text-align: center;
   /* 
	background-image: url(../images/blueNyellow.jpg);

	*/ 
	background-color: transparent;
   z-index: 1;
	display: block;	

}

#bogayo
{
	background-color: transparent; 
	text-align: center;
	width: 760px;
	height: 430px;
	
}

#bogayo_mail
{
	background-color: black;
	text-align: center;
	width: 410px;
	height: 225px;
}

#fabric
{
    position: absolute;
	top: 0px;
	right: 0px;
	width: 550px;
	height: 430px;
	/*
    background-image: url(../images/_fabric.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	*/
}


#img_homepage
{
	position: absolute;
	top: 167px;
	left: 310px;
	width: 420px;;
	height: 132px;
	background-color: black;
    background-image: url(../images/hompage_img.jpg);
	background-repeat: no-repeat;
    display: none;
    z-index: 10;
	
}


#logo
{
	position: absolute;
	top: 4px;
	left: 310px;
	background-color: black;
    display: block;
}

#address
{
	position: absolute;
	top: 230px;
	left: 385px;
	width: 5px;
	height: 88px;
	color: #C4A66F;
	text-align: left;
	background-image: url(../images/location_address.gif);
	display: none;
}

#sml_address
{
	position: absolute;
	top: 182px;
	left: 5px;
	color: #C4A66F;
	color: #7D0608;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	display: block;
	text-transform: uppercase;
}

#ethos
 {
 	background-image: url(images/_ethos2.gif);
	width: 160px;
	height: 235px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 135px;
	left: 75px;
	background-repeat: no-repeat;
	display: none;
   text-transform: uppercase;
   color: black;
   text-align: justify;
   font-family: arabdances, Geneva, Arial, Helvetica, sans-serif; 
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   /*
   border-style: solid;
   border-width-top: 3px;
   border-top-color: #EFED84;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   */
   
 }
 
 #ethos a
 {
    color: black;
	font-family: arabdances, Geneva, Arial, Helvetica, sans-serif; 
 }
 
 #ethos a:hover
 {
      color: #C5A36F;
	  font-family: Geneva, Arial, Helvetica, sans-serif; 
 }
 
#food_menu, #drinks_menu, #lunchTime
{
    position: absolute;
    /*color: #7D0608;*/
	 color: white;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	display: none;
	background-color: transparent;
}

.detail_bg
{
     position: absolute;
	 top: 75px;
	 left: 310px;
	 width: 420px;
	 height: 270px;
	 /*
    background-image: url(../images/depth1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 44px;
	*/

}

#food_menu, #lunchTime
{
    top: 100px;
	left: 100px;
}

#drinks_menu
{
    top: 95px;
	left: 30px;
	text-align: left;
}


#food_menu a, #drinks_menu a, #lunchTime a
{
   font-size: 12px;
   text-transform: uppercase;
   color: #C5A36F;
   color: #CCFDF7;
   display: block;
}

#food_menu a:hover, #drinks_menu a:hover, #lunchTime a:hover
{
   color: yellow;
 }


#navigation a, #navigation a:link
{
   text-transform: uppercase;
   color: #C5A36F;
}

#navigation a:hover
{
  color: #FCFFEA;
  text-decoration: underline;
  text-transform: uppercase;
}

#navigation a:active
{
  color: aqua;
  text-transform: uppercase;
}

 #food, #drinks
 {
   display: none;
   text-align: left;
   /*
   background-image: url(../images/restaurant_menu.jpg);
   background-repeat: repeat;
   */
 }


#navigation
{
    position: absolute;
	top: 378px;
	left: 300px;
	color: #C4A66F;
	width: 380px;
	height: 20px;
	/* color: #FCFFEA; */
	/* color: silver; */
	text-align: left;
	font-family:  arial, arabdances, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
	color: white;
	/*
	background-image: url(../images/navigation.gif);
	*/
}

#welcome_image
{
	position: absolute;
	top: 0px;
	left: 0px;
}

a
{
     text-decoration: none;
	 color: #C5A36F;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 text-transform: capitalize; 
}

a:hover
{
   color: red; 
}

 
 #starters, #tagine, #couscous, #brochettes, #side_dishes, #desserts, #white_wines, #champagne, #rose, #red_wine, #bottle_beer, #draught_beer, #spirits, #mixers, #soft_drinks, #bastilla, #lunchtime_starters, #lunchtime_main, #whiskys, #aperitifs, #liqueurs, #dessert_wines, #coffees, #tapas, #shisha
 {
 	position: absolute;
	top: 121px;
	left: 310px;
	width: 420px;
	height: 224px;
	overflow: auto;
	display: none;
	/*
	background-color: transparent;
	background-image: url(../images/detail_bg_cal.jpg);
	background-attachment: fixed;
	background-color: transparent;
	background-image: url(../images/detail_bg_cal.jpg);
    background-repeat: no-repeat;
	*/
   
 }
 
 .dish_headings, .details_heading, .details_description
 {
 	 text-decoration: none;
	 text-align: left;
	 color: white;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 text-transform: uppercase; 
 }
 
 .details_description
 {
      color: #C5A36F;
 }
 
 .description
 {
 	 text-decoration: none;
	 text-align: left;
	 color: white;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: normal;
	 font-style: italic;
	 text-transform: lowercase; 
	 padding: 0px;
 }
 
 .price, .price_175, .price_250, .price_bottle, .price_330, .price_pint
 {
 	 text-decoration: none;
	 text-align: left;
	 color: aqua;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 text-transform: lowercase; 
	 padding: 0px;
 }
 
 .details_heading
 {
	text-align: center;
 }s
 
 p
 {
    text-align: left;
 }

 #img_map
 {
   position: absolute;
   top: 120px;
   left: 310px;
   width: 420px;
   height: 226px;
   background-color: transparent;
   display: none;
 }
 
 iframe
 {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 420px;
   height: 225px;
   background-color: black;
 	display: block;
 }

 
 #map
 {
   display: none;
 }
 
 a#map_address,  a#map_address:hover
 {
    position: absolute; 
	top: 80px;
	left: 0px;
	background-repeat: no-repeat;
    background-color: transparent;
	width: 420px;
	height: 97px;
	display: block;
	font-size: 60px;
 }
 
 a#map_address
 {
	background-image: url(../images/address1.gif);
 }
 
 a#map_address:hover
 {
	background-image: url(../images/address1a.gif);
 }
 
 a#map
 {
    position: absolute;
    top: 0px;
	left: 1px;
	background-image: url(../images/map2_mini.jpg);
	background-repeat: no-repeat;
	width: 419px;
	height: 226px;
	display: none;
	font-size: 120px;
 }
 
 #tbl_navigation_bogayo td
 {
   text-align: center;
 }

 .menu_heading
 {
   text-transform: uppercase;
   font-family: arial;
   font-size: 12px;
   color: white;
   font-family: Geneva, Arial, arabdances,  Helvetica, sans-serif; 
 }

 #covers
 {
  display: block;
 }
 
 #restaurant_menu, #homepage, #bar_menu, #lunch
 {
    position: absolute;
	top: 165px;
	left: 310px;
	width: 418px;
	height: 138px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: none;
 }

 #restaurant_menu
 {
  	background-image: url(../images/restaurant_menu.jpg)
 }

 #homepage
 {
    background-image: url(../images/homepage_img.jpg);
 }
 
 #bar_menu
 {
   background-image: url(../images/drinks_menu1a.jpg);
 }
 
 #lunch
 {
    background-image: url(../images/lunchTime_menu_cover.jpg);
 }

 #mailing_list 
{
	font-size: 12px;
	z-index: 50;
	left: 310px;
	width: 400px;
	color: white;
	/* background-image: url(../images/_fabric.jpg); */
	background-repeat: no-repeat;
	position: absolute;
	top: 120px;
	height: 225px;
	background-color: aqua;
	text-align: left;
	display: none;
	overflow: hidden;
}

#mail_sent
{
	font-size: 12px;
	z-index: 50;
	left: 310px;
	width: 400px;
	color: white;
	position: absolute;
	top: 120px;
	height: 225px;
	background-color: black;
	text-align: left;
	display: none;
}

.lbl_heading
{
    position: relative;
	top: 80px;
	LEFT: 250px;
	BACKGROUND-IMAGE: url(../images/bg_nav1.jpg);
	MARGIN: 0px;
	TEXT-TRANSFORM: uppercase;
	WIDTH: 250px;
	PADDING: 0px;
	HEIGHT: 15px;
	BACKGROUND-COLOR: transparent;
	text-align: left;
    /*
	FILTER: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.50);
	moz-opacity: 0.50;
	*/
}

#tbl_mailing_list
{
   position: absolute;
	top: 0px;
	left: 0px;
	height: 225px;
	font-size: 12px;
	color: black;
	background-color: black;
	text-align: left;
	/*
	background-image: url(../images/_fabric2.jpg);
	*/
}

td.label
{
	WIDTH: 50%;
	text-align: right;
	color: #C5A36F;
	font-weight: bold;
}

td
{
  color: white;
  font-family: arial;
  font-size: 12px;
  text-align: left;
}

input
{
   width: 100%;
}

input#email
{
    
}

input.frm_textBox
{
    width: 153px;
}


    #contact
	{
	   position: absolute;
	   top: 100px;
	   left: 40px;
	   width: 200px;
	   height: 300px;
	   background-color: transparent;
	   color: yellow;
	   font-family: Geneva, Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   text-align: left;
	   font-weight: normal;
	   display: none;
	}
	
	.contact_names a
	{
	   color: blue;
	   text-align: left;
	   position: relative;
	   left: 0px;
	   text-transform: capitalize;
	   font-size: 12px;
	   font-weight: bold;
	}
	
	.contact_names a:hover
	{
	   color: red;
	}
	
	p.contact
	{
	   color: black;
	   text-align: justify;
	}
	
	.heading
	{
	   text-align: center;
	   color: black;
	   font-weight: bold;
	   text-transform: uppercase;
	   width: 100%;
	}
	
	#tbl_mail_sent
	{
	   position: absolute;
	   top: 0px;
	   left: 0px;
	   width: 100%;
	   height: 100%;
	   color: white;
		background-color: black;
	}
	
	#form1
	{
		height: 50%;
	}
	
	.form_header
	{
		 color: #C5A36F;
		 text-align: center;
		 font-family: arial;
		 font-weight: bold;
		 text-transform: uppercase;	 
	}
	
	.lbl_price_bottle
	{
	   text-transform: capitalize;
	}
	
	.quantity
	{
	   text-align: center;
	}
	
	.mail_sent_logo
	{
		color: red;
		text-decoration: blink;
		font-size: 16px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}