* {  margin: 0; padding: 0; }
* html { height: 1%;} }
html, body { height: 100%; }
body { 	text-align: center;    margin: 0;  border: 0;  padding: 0;
  		background-color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; 
  		font-size: 11px;color: #828282;   font-size: 11px;   line-height: 18px;   
  		text-decoration: none;  text-align: center;}

#container-page { margin: 0 auto; width: 1000px; position: relative; min-height: 100%; height: auto !important; height: 100%; text-align: center;}

#container-page-bare { padding: 10px;}

#container-head { float: left; width: 954px; clear: both;}

#container-content {  padding: 0 0 10px 0; float: left; clear: both;display: none; }

#prana_content { width: 950px; position: relative; top: 1px; left: 5px; clear: both; min-height: 602px; text-align: center; /* gets faded in */}
#prana_content_text {  width: 750px;/* float: left;*/ position: absolute; top: 0px; left: 0px;text-align: left; color: #336600; font-size: 13px; margin-left: 100px; margin-right: 100px;padding-top: 18px; min-height: 618px; } 

#prana_home_content { width: 950px; position: absolute; top: 0px; left: 0px; text-align: center;margin-top: 18px; color: #8CF04F; }

.background_image { width: 950px; position: absolute; top: 0px; left: 0px; }

#content_wide { width: 1000px; position: relative; top: 0px; /*left: 25px */;background-color: #ffffff; }

#container-foot { width: 100%;height: 20px; float: left; clear: both; }

#footer  { background-color: #ffffff;  padding-top: 20px; line-height: 18px; width: 951px; text-align: center; height: 20px;}

a { color: #828282; text-decoration: none; outline: none;  }
a:hover { color: #474747; }
.selected, .selected a, .selected a:hover { color: #000000; }

IMG { border: 0; }

#header      { position: relative; width: 954px; height: 85px; background-color: #ffffff;  } 
#header_logo { position: absolute; top: 10px; left: 3px; width: 187px; height: 80px; }
#header_menu { position: absolute; top: 0px; left: 190px; width: 764px; height: 80px; }
.menu_text, a.menu_text { font-size: 11px; }

#menu_prana_menu    { position: absolute; top: 42px; left: 49px; }
#menu_drinks { position: absolute; top: 42px; left: 99px;}
#menu_private { position: absolute; top: 42px; left: 159px;}
#menu_press { position: absolute; top: 42px; left: 269px; }
#menu_green { position: absolute; top: 42px; left: 329px; }
#menu_temple {position: absolute; top: 42px; left: 389px;}
#menu_gallery { position: absolute; top: 42px; left: 469px; }
#menu_reservations { position: absolute; top: 42px; left: 539px; }
#menu_location { position: absolute; top: 42px; left: 639px; } 
#menu_contact { position: absolute; top: 42px; right: 0px; }  

#dashed_line { width: 950px; position: absolute; left: 5px; top: 85px; }
#front_page_image { float: left; clear: both; width: 950px; padding-bottom: 10px; }

/* Main Containers */
.frontpage_main_container { width: 951px; position: relative; top: 0px; left: 0px; clear: both; background-color: #ffffff; /* gets faded in */}

/* Menu  and Drinks sections*/
#menu_main_container { width: 951px; min-height: 628px;  position: absolute; top: 0px; left: 0px;}

#section_content_image { float: left; } /*if any TV for Menu and Drinks*/
#section_content_text {  width: 950px; float: left; text-align: center; color: #336600; font-size: 13px; } /*document content and titles: Menu/ Drinks*/

#menu_container { float: left; width: 950px;} /* contains the Ajax Loader chunk and the Type of meal selector nav */

#menu_type_selection_container {float: left; width: 950px; text-align: center; margin-bottom: 40px;margin-top: 20px;} /*meal nav bar */
#menu_type_selection_container a { font-size:13px;  }
#menu_type_selection_container a:hover { font-size:13px; color: #000; }
#menu_type_selection_container a:active { font-size:13px; color: #000; }
#menu_type_selection_container a.menu_selected { color: #000; }

#dinner_menu { width: 500px; float: left; }
#dinner_menu a, h2 { color: #336600;  }
#lunch_menu {  width: 450px; float: left; }
#lunch_menu a, h2 { color: #336600; }

#drinks_main_container { width: 951px; position: absolute; top: 0px; left: 0px; min-height: 628px; } 
#drinks_container { float: left; width: 950px;} /* contains the AJAX load chunk and the type of beverage nav bar */
#drinks_type_selection_container {float: left; width: 950px; text-align: center; margin-bottom: 40px;margin-top: 20px; } /*meal nav bar */
#drinks_type_selection_container a { font-size:13px; color: #336600; }
#drinks_type_selection_container a:hover { font-size:13px; color: #000; }
#drinks_type_selection_container a:active { font-size:13px; color: #000; }
#drinks_type_selection_container a.drinks_selected { color: #000; }

#location{ width: 840px; height: 476px; position: absolute; top: 36px; left: -50px;border: solid 4px; border-color: #336600; } 
#location_info{ position: absolute; left: -90px; top: 580px;width: 950px; text-align: center; }

#reservations_text img { position: absolute; top: 40px; left: 180px; }
#reservations_text p {  position: absolute; top: 50px; left: 215px;  }
#reservations_text a { color: #336600; }
#reservations_extra_text  { position: absolute; top: 40px; left: 170px; position: relative;   }
#reservations_extra_text p {  position: absolute; top: 150px; left: 20px; background-color: #FFF; width: 360px; padding-left: 30px; }


/* JDialog chunk that has the text Template variable call */
#promo_text { text-align: left; color: #336600; width: 400px; }
/*contact section */
#link_container {position: absolute; top: 200px; left: 100px; width: 600px; }
.link_entry{font-size: 14px; text-align: center; padding-top: 10px; font-weight: bold; text-align: left;}

/* Private Events */
#private_content_text {  width: 950px; float: left; text-align: justify; font-size: 13px; } 
.private_container {  width: 950px; float: left; position: relative; margin: auto; text-align: left; }
.private_header { float: left; width: 960px; padding-top: 5px;} 
.menu_text_container {  float: left; width: 970px;} 
.menu_venue_text { float: left; padding-bottom: 0px;} 
.venue_photos_container {  float: left; width: 950px;  } 
.venue_photo { float: left; } 



.tooltip {  background-color:#fff; background:#fff; color:#828282; font-size:1.2em; border: 1px solid #474747; padding: 0;margin: 0;}
.tooltip_title { background: #fff; border-bottom: 1px solid #474747; margin: 3px;}
.tooltip_content { background: #fff; margin: 3px; text-align: left;}