/*GLOBAL*/

body {background-color: #000000;}

div {color: #FFFFFF; font-family: 'Comic Sans MS', sans-serif;}/*border: 1px solid #ffff00}*/

img {border-style: none}

a:link{color: #FFFFFF;}
a:visited{color: #FFFFFF;/*color: #8A1E04;*/}
/*a:hover{color: #8A1E04;}*/

:focus {-moz-outline-style: none;} /*Removes annoying dotted outline of clicked links in Firefox*/

textarea {resize: none;} /* To disable resizing of all text areas (CSS3) */

hr {width: 90%}

/*CLASS*/

.smallitalic {font: italic x-small}

.italic {font-style: italic}

.underline {text-decoration:underline}

.leftfloat {float: left; margin: 5px 20px 5px 0px}

.rightfloat {float: right; margin: 5px 0px 5px 20px}

.boldcenter {text-align: center; font-weight: bold;}

.indent {text-indent: 150px}

.nobullets {list-style-type: none}

.italiccenter {text-align: center; font-style: italic;}

.nodecoration {text-decoration: none;}

.align_right {text-align: right;}

.align_center {text-align: center;}

/*Items related to dropdown menu*/
li.menu li
{
 background-color: #424242;
 padding-right: 7px; /*To leave room for arrow.gif*/
}

li.menu ul
{
 list-style-type: none;
 position: absolute;
 top: 48px;
 padding: 0px;
 white-space: nowrap;
}

li.menu ul ul
{
 top: 20px;
}

li.menu .submenu
{
 background-image: url('images/menuandspecials/arrow.gif');
 background-position: center right;
 background-repeat: no-repeat;
}

li.menu li:hover
{
 background-color: #666666;
}

li.menu a:hover
{
 color: #FF0000;
}

li.submenu a:hover
{
 color: #FFFFFF;
}

.promo_item
{
 padding: 0px 30px 15px 30px;
/* min-height: 120px;*/
}

.promo_item:hover
{
 background-color: #2A2A2A;
}

.promo_item_img_left
{
 float: left;
 margin: 5px 15px 0px 25px;
 height: 100px;
 width: 120px;
}

.promo_item_img_right
{
 float: right;
 margin: 5px 15px 0px 5px;
 height: 100px;
 width: 180px;
}

.promo_item_txt_left
{
 min-height: 100px;
}

.promo_item_txt_right
{
 min-height: 100px;
}

.press_item
{
 clear:both;
}

.press_item img
{
 float: left;
 vertical-align: text-top;
}

/*ID*/

#entry_banner {
 position: absolute;
 top: 100px;
 width: 844px;
 font: italic x-small arial;
}

#copyrightandcontact

{
 margin-left: auto;
 margin-right: auto;
 font: italic x-small arial;
 width: 600px;
}

#entry_copyright

{
 color: #888888;
 float: left;
}

#entry_contact

{
 color: #888888;
 float: right;
}

#navbar {position: absolute; top: 20px; left: 0px}

#navbar2 {
position: absolute;
top: 20px;
left: 0px;
}
#navbar_logo {}

#navbar_top_gradient

{

 position: absolute;

 top: 0px;

 left: 133px

}

#navbar_bottom_gradient

{

 position: absolute;

 top: 59px;

 left: 133px

}

#navbar_buttons

{

 position: absolute;

 top: 45px;

 left: 133px;

 list-style-type: none;

 padding: 0px;

 margin: 0px;

 width: 650px;

}
#navbar2_top_gradient

{

 position: absolute;

 top: 0px;

 left: 133px

}

#navbar2_bottom_gradient

{

 position: absolute;

 top: 75px;

 left: 133px

}

#navbar2_buttons

{

 position: absolute;

 top: 35px;

 left: 133px;

 list-style-type: none;

 padding: 0px;

 margin: 0px;

 width: 650px;

}
#navbar_buttons li

{

 float: left;

 overflow: hidden;

}

#navbar_buttons li a

{

 display: block;

 background: url('navbar_buttons.gif') no-repeat;

 height: 14px;

 text-indent: -9999px;

}

#navbar2_buttons li

{

 float: left;

 overflow: hidden;

}

#navbar2_buttons li a

{

 display: block;

 background: url('images/common/navigationbar/test_navbar_small_all_buttons.gif') no-repeat;

 height: 20px;

 text-indent: -9999px;

}

#navbar3_buttons

{

 position: absolute;

 top: 55px;

 left: 133px;

 list-style-type: none;

 padding: 0px;

 margin: 0px;

 width: 650px;

}
#navbar3_buttons li

{

 float: left;

 overflow: hidden;

}

#navbar3_buttons li a

{

 display: block;

 background: url('images/common/navigationbar/test_navbar_small_all_buttons.gif') no-repeat;

 height: 20px;

 text-indent: -9999px;

}
#navbar_buttons #navbar_home

{
 background-position: 0px 0px;
 width: 95px;
}

#navbar_buttons #navbar_menu

{

 background-position: -95px 0px;

 width: 88px;

}

#navbar2_buttons #navbar2_eventsandpromotions
{
 background-position: -120px 0px;
 width: 176px;
}

#navbar2_buttons #navbar2_contactanddirections
{
 background-position: -344px 0px;
 width: 174px;
}

#navbar3_buttons #navbar3_menuandspecials
{
 background-position: -18px -20px;
 width: 140px;
}

#navbar3_buttons #navbar3_cateringandprivateparties
{
 background-position: -206px -20px;
 width: 220px;
}

#navbar3_buttons #navbar3_aboutusandpress
{
 background-position: -474px -20px;
 width: 146px;
}


#navbar_buttons #navbar_news

{

 background-position: -183px 0px;

 width: 90px;

}

#navbar_buttons #navbar_contact

{

 background-position: -273px 0px;

 width: 109px;

}

#navbar_buttons #navbar_services

{

 background-position: -382px 0px;

 width: 107px;

}

#navbar_buttons #navbar_about

{

 background-position: -489px 0px;

 width: 89px;

}

#navbar_buttons #navbar_filler

{

 background-position: -578px 0px;

 width: 57px;

}

#navbar2_buttons #test_navbar2_filler1

{

 background-position: 0px 0px;

 width: 120px;

}

#navbar2_buttons #test_navbar2_filler2

{

 background-position: -296px 0px;

 width: 48px;

}

#navbar2_buttons #test_navbar2_filler3

{

 background-position: -518px 0px;

 width: 117px;

}

#navbar3_buttons #test_navbar3_filler4

{

 background-position: 0px -20px;

 width: 18px;

}

#navbar3_buttons #test_navbar3_filler5

{

 background-position: -158px -20px;

 width: 48px;

}

#navbar3_buttons #test_navbar3_filler6

{

 background-position: -426px -20px;

 width: 48px;

}

#navbar3_buttons #test_navbar3_filler7

{

 background-position: -620px -20px;

 width: 15px;

}

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

#test_image_banner2
{
 position: absolute;
 top: 0px;
 left: 200px;
}

#test_image_banner3
{
 position: absolute;
 top: 0px;
 left: 400px;
}

div#image_banner
{
margin: auto;
 position: absolute;
 top: 140px;
 left: 84px;
}

div#main

{
 position: absolute;
 top: 280px;
 left: 34px;
 font-size: small;
 width: 700px;
}

#main h1

{

 font-weight: normal;

 font-size: x-large;
 
 margin: 0px;
 
 padding: 0px;

}

#main h2

{

 font-weight: bold;

 font-size: small;

 margin-bottom: 0px;
}

#main_home

{
}

#main_platform
{
 background-color: #1A1A1A;
}

#main_home_top
{
 min-height: 325px;
}

#main_home_top img
{
 margin: 5px;
 padding: 5px;
}

#main_home_asian_bistro_banner
{
 text-align: center;
 z-index: -10;
}

#main_home_top_group
{
}

#main_home_top_left
{
 float: left;
 width: 130px; 
 height: 200px;
}

#main_home_top_center

{

/*float: left;*/
 width: 220px;

}

#main_home_top_right

{

 float: right;

 width: 130px;

}

#main_home_bottom
{
 text-align: center;
}

#main_home_vertical_image
{
 position: absolute;
 top: 70px;
 left: 30px;
}

#main_home_horizontal_image
{
 position: absolute;
 top: 180px;
 left: 90px;
}

#main_home_izakaya_header
{
 position: absolute;
 top: 70px;
 left: 470px;
}

#main_home_izakaya_definition
{
 position: absolute;
 top: 90px;
 left: 265px;
 right: 20px;
}

#main_home_welcome_and_open_until
{
 position: absolute;
 top: 200px;
 left: 310px;
}

#main_home_welcome
{
 margin-bottom: 0px;
}

#main_home_open_until
{
 margin-top: 0px;
}

#main_home_latest_news
{
 text-align: center;
 position: absolute;
 top: 250px;
 left: 310px;
 right: 40px;
}

#main_menu
{
}

#main_menu_top
{
}

#mainmenu
{
text-align: right;
}

#mainmenu a
{
 text-decoration: none;
}

#specials
{
 color: #FFFFFF;
 text-align: right;
}

#specials a:hover
{
 color: #FF0000;
}

#specials a
{
text-decoration: none;
}

#specials li:hover
{
 color: #FF0000;
 cursor: pointer;
}

#new_mainmenu
{
 text-align: right;
}

#new_mainmenu li:hover
{
 color: #FF0000;
 cursor: pointer;
}

#main_menu_top_left
{
 float: left;
 height: 500px;
 width: 25%;
}

#main_menu_top_right
{
 float:right;
 width: 70%;
}

#main_menu_panel
{
 position: relative; /*Use relative position of top:0, left:0 to allow absolute positioning of child <div>s (see #main_menu_panel div)*/
 top: 0px;
 left: 0px;
 border: double 3px;
 background: #2A2A2A url('images/menuandspecials/sake.gif') no-repeat center center;
 margin: 5px;
 height: 500px;
}

#main_menu_panel div
{
 position: absolute;
 top: 0px;
 left: 0px;
 visibility: hidden;
 padding: 10px 10px 10px 10px;
}

#main_menu_panel_dinnermenu
{
 height: 480px;
 width: 454px;
 overflow: auto;
 text-align: center;
}

#main_menu_panel_happyhourmenu
{
 height: 480px;
 width: 454px;
 overflow: auto;
 text-align: center;
}

#main_menu_panel_happyhourmenu li
{
 display: list-item;
}

#main_menu_panel_happyhourmenu li::marker
{
 margin-right: 100px;
}

#main_menu_panel_sakemenu
{
 height: 480px;
 width: 454px;
 overflow: auto;
 text-align: center;
}

#main_menu_panel_drinkmenu
{
 height: 480px;
 width: 454px;
 overflow: auto;
 text-align: center;
}

#main_menu_bottom
{
 clear: both;
 font-size: x-small;
 font-style: italic;
 padding-top: 10px;
}

#main_news p

{

 margin: 0px 0px 0px 20px;

 padding: 0px;

}

#main_contact
{
}

#main_contact_left
{
 float: left;
 width: 45%;
 padding: 15px 0px 15px 15px;
}

#main_contact_right
{
/* float: right; */
 margin-left: 52%;
 padding: 15px 15px 15px 0px;
 width: 45%;
 height: 469px;
}

#main_contactanddirections
{
}

#map_canvas
{
 width: 256px;
 height: 256px;
 border: ridge;
}

#map_canvas div
{
 /*Ensure text within map is black!*/
 color: #000000;
}

#contact_overlay
{
 position: absolute;
 top: -280px; /*See div#main*/
 left: -34px; /*See div#main*/
 width: 783px; /*Really need to clean this up*/
 bottom: 0px;
 background-color: #000000;
 z-index: 1;
 opacity: 0.8; /* For CSS3-compliant browsers */
 filter: alpha(opacity=80); /* For MSIE */
 visibility: hidden;
}

#email_window
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 200px;
 width: 300px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

#main_services h1
{
 margin-bottom: 0px;
 padding-bottom: 0px

}

#main_cateringandprivateparties
{
}

#main_cateringandprivateparties_top
{
 height: 200px;
/* border: 1px solid #ff0000;*/
}

#main_cateringandprivateparties_top_text
{
 width: 55%;
 float: left;
 padding-left: 15px;
 padding-top: 15px;
/* border: 1px solid;*/
}

#main_cateringandprivateparties_top_image
{
 margin-left: 55%;
/* border: 1px solid;*/
 padding-top: 10px;
}

#main_cateringandprivateparties_bottom
{
 position: relative;
 top: -30px;
/* border: 1px solid #00ff00;*/
 height: 200px;
}

#main_cateringandprivateparties_bottom_text
{
 margin-left: 45%;
 padding-right: 15px;
 padding-bottom: 15px;
/* border: 1px solid;*/
 position: absolute;
 bottom: 0px;
}

#main_cateringandprivateparties_bottom_image
{
 width: 45%;
 float: left;
/* border: 1px solid;*/
 padding-left: 15px;
}

#catering_overlay
{
 position: absolute;
 top: -280px; /*See div#main*/
 left: -34px; /*See div#main*/
 width: 783px; /*Really need to clean this up*/
 bottom: 0px;
 background-color: #000000;
 z-index: 1;
 opacity: 0.8; /* For CSS3-compliant browsers */
 filter: alpha(opacity=80); /* For MSIE */
 visibility: hidden;
}

#catering_comments
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -200px;
 left: 80px;
 width: 550px;
 min-height: 500px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

#main_aboutusandpress
{
}

#main_aboutusandpress_left
{
 float: left;
 width: 45%;
 padding-left: 15px;
 padding-top: 15px;
}

#main_aboutusandpress_right
{
 margin-left: 52%;
 width: 45%;
 height: 500px;
 padding-top: 15px;
}

#main_aboutusandpress_scrollbox
{
 height: 450px;
 overflow: auto;
 border: 3px ridge;
}

#main_aboutusandpress_slideshow_thumb
{
 background: #FFFFFF url('images/aboutusandpress/slideshow_thumb.jpg') no-repeat 0px 0px;
 width: 256px;
 height: 55px;
 margin: auto;
}

#main_aboutusandpress_slideshow_thumb:hover
{
 background-position: 0px -55px;
}

#about_overlay
{
 position: absolute;
 top: -280px; /*See div#main*/
 left: -34px; /*See div#main*/
 width: 783px; /*Really need to clean this up*/
 bottom: 0px;
 background-color: #000000;
 z-index: 1;
 opacity: 0.8; /* For CSS3-compliant browsers */
 filter: alpha(opacity=80); /* For MSIE */
 visibility: hidden;
}

#slideshow_window
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 80px;
 width: 550px;
 height: 500px;
 border: 1px solid;
 text-align: left;
 background-color: #000000;
 z-index: 2;
 visibility: hidden;
}

#dinner_menu
{
 border-style: solid;
}

#main_events_left
{
/* border: 1px solid;*/
 float: left;
 width: 65%;
}

#main_events_right
{
 margin-left: 65%;
 min-height: 485px;
 padding-top: 15px;
}

#main_events_events
{
 border: double;
 margin-left: 5%;
 width: 80%;
 padding: 0px 5px 50px 5px;
}

#events_overlay
{
 position: absolute;
 top: -280px; /*See div#main*/
 left: -34px; /*See div#main*/
 width: 783px; /*Really need to clean this up*/
 bottom: 0px;
 background-color: #000000;
 z-index: 1;
 opacity: 0.8; /* For CSS3-compliant browsers */
 filter: alpha(opacity=80); /* For MSIE */
 visibility: hidden;
}

#sasaloyaltyclub_promo
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 80px;
 width: 550px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

#sasaloyaltyclub_promo_left
{
 float:left;
 width: 40%;
}

#sasaloyaltyclub_promo_right
{
 margin-left: 40%;
 padding: 0px 10px 10px 10px;
}

#sasaloyaltyclub_form
{
}

#promo2
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 80px;
 width: 550px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

#promo2_left
{
 float:left;
 width: 40%;
}

#promo2_right
{
 margin-left: 40%;
 padding: 0px 10px 10px 10px; 
}

#promo3
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 80px;
 width: 550px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

#promo3_left
{
 float:left;
 width: 40%;
}

#promo3_right
{
 margin-left: 40%;
 padding: 0px 10px 10px 10px; 
}

#promo_overlay_left
{
 float:left;
 width: 40%;
}

#promo_overlay_right
{
 margin-left: 40%;
 padding: 0px 10px 10px 10px; 
}

#promo_default
{
/*Hate having to use absolute positioning, but....*/
 position: absolute;
 top: -100px;
 left: 80px;
 width: 550px;
 border: 1px solid;
 text-align: left;
 background-color: #702000;
 z-index: 2;
 visibility: hidden;
}

/*PSEUDO-CLASS*/

#navbar_buttons #navbar_home:hover {background-position: 0px -14px}

#navbar_buttons #navbar_menu:hover {background-position: -95px -14px}

#navbar_buttons #navbar_news:hover {background-position: -183px -14px}

#navbar_buttons #navbar_contact:hover {background-position: -273px -14px}

#navbar_buttons #navbar_services:hover {background-position: -382px -14px}

#navbar_buttons #navbar_about:hover {background-position: -489px -14px}

#navbar2_buttons #navbar2_eventsandpromotions:hover {background-position: -120px -40px}

#navbar2_buttons #navbar2_contactanddirections:hover {background-position: -344px -40px}

#navbar3_buttons #navbar3_menuandspecials:hover {background-position: -18px -60px}

#navbar3_buttons #navbar3_cateringandprivateparties:hover {background-position: -206px -60px}

#navbar3_buttons #navbar3_aboutusandpress:hover {background-position: -474px -60px}