* {  margin: 0; padding: 0; }
* html { height: 100%;} 
html, body { height: 100%; }
body { padding-top: 30px; text-align: center; margin: 0;  border: 0;  padding: 0; background-image: url(/assets/images/kitchenette_background.jpg); background-repeat: repeat;  color: #666666; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px;  font-weight: normal; letter-spacing: 0.9px; }

img {border: 0;}

a, a:visited, a:hover, h1 a, h2 a, h3 a, h4 a { color: #666666; outline: none; text-decoration: none; }

H1 { font-size: 4.0em; letter-spacing: 3px; line-height: 1.0em; font-weight: normal;  }
H2 { font-size: 14px; font-weight: normal; letter-spacing: 3px; line-height: 1.0em;  }
H3 { font-size: 3.0em; font-weight: normal; letter-spacing: 3px; line-height: 1.0em;  }
H4 { font-size: 1.5em; font-weight: normal; line-height: 1.0em;  }

/*spinning icon ************************************************/
#content_loading { position: absolute; top: 0px; left: 0px; width: 1064px; height: 100%;}
#rotation_animation { position: absolute; top: 50%; left: 50%; }

#container_page { margin: 0 auto;width: 1064px; position: relative; /* min-height: 100%; */ height: auto !important; /*height: 100%;*/ text-align: center; display: none;/* gets faded in */ }


/* SPLASH PAGE ************************************************************************/
#splash_container{width: 1064px; float: left; margin-top: 30%;  }
#splash_logo { float: left; width: 1064px; height: 55px;  }
#splash_links{ float: left; width: 1064px; position: relative; font-size: 12px;  }
#splash_francais { position: absolute; top: 10px; left: 714px;  }
#splash_english { position: absolute; top: 10px; left: 774px; }
#splash_bell { position: absolute; left: 828px; top: -10px; width: 61px; height: 44px; }
#bell_sound_container { display: none; visibility: hidden;} 
#bell_sound { display: none; visibility: hidden;} 

/* header in general used throught the site *******************************************/
#container_head { float: left; width: 1064px; clear: both;}
/* header doesn't have a height, but the elements in it will be positioned absolutely off the div */
#header{ float: left; position: relative; width: 1064px; height: 20px; z-index: 100; }
#header_logo { position: absolute; width: 198px; top: 25px; left: 90px; }
/* menu in English ***************************************************************/ 

 #menus{ position: absolute; top: 27px; left: 28%; }
#catering { position: absolute; top: 27px; left: 34%; }
#team{ position: absolute; top: 27px; left: 42%; }
#images{ position: absolute; top: 27px; left: 47%; }
#what_people_are_saying{ position: absolute; top: 27px; left: 54%; }
#contact{ position: absolute; top: 27px; left: 72%; }
#video{ position: absolute; top: 27px; left: 80%; }
#francais{ position: absolute; top: 27px; left: 85%; } 

/* menu in French ***************************************************************/ 
#menus_fr{ position: absolute; top: 27px; left: 29%; }
#traiteur { position: absolute; top: 27px; left: 35%; }
#equipe{ position: absolute; top: 27px; left: 43%; }
#images_fr{ position: absolute; top: 27px; left: 49%; }
#ce_que_disent_les_gens{ position: absolute; top: 27px; left: 55%; }
#contact_fr{ position: absolute; top: 27px; left: 72%; }
#video_fr{ position: absolute; top: 27px; left: 80%; }
#english{ position: absolute; top: 27px; left: 85%; }
/* common for both languages */
a.selected, a:hover { text-decoration: underline; }

/* MAIN CONTENT AREA IN WHITE BOX ************************************/

#container_content { width: 1064px; height: 688px; float: left; position: relative; clear: both; text-align: center; background-image: url(/assets/images/kitchenette_white_box.png); background-repeat: none; }

/* CONTENTS OF THE WHITE BOX ONLY, MOSTLY IMAGES ***********************/
#container_loading_content { width: 884px; height: 536px; position: absolute; top: 53px; left: 90px; z-index: 1; }

/* Menus */
#menu_selection_container { width: 295px; position: absolute; top: 20px; left: 60px;  }
.menu_item { width: 295px; height: 121px; float: left; }
#menu_text { width: 346px; height: 531px; position: absolute; top: 0px; right: 60px; }

/* slideshow using Simple Controls Gallery Plugin */
#gallery_container {   float: left; width: 654px; height: 531px; z-index: 1; margin-bottom: 10px; margin-left: 100px;  } 
#gallery {    position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 0px solid;} 


/*catering */
#catering_image {  padding-top: 50px; }
/*team */
#team_img { width: 883px; height: 531px; float: left; }
#equipe_img { width: 883px; height: 531px; float: left; }

/* what ppl are saying */
#press_thumbs_container {  width: 883px; height: 531px; float: left; position: relative; } 
#left_column { float: left; width: 443px; height: 531px;  }
#right_column { float: left; width: 440px; height: 531px;  }

.press_thumb { float: left; width: 293px; height: 108px; z-index: 1; margin-left: 60px; cursor: pointer;  }
.press_thumb img:hover{ cursor: pointer; }
.press { width: 293px; height: 108px; float: left; cursor: pointer;}
.animated { cursor: pointer; } 
.bubbles { width: 883px; height: 531px; display: none;  position: absolute; top: 0px; left: 0px; z-index: 2;} 
/*martini boys only*/
#press_martini_boys { float: left; width: 380px; height: 97px; position: relative; margin-top: 5px; text-align: left; margin-left: 70px;}
#press_martini_boys a {  color: #009ACD; font-size: 10px; }
#press_martini_boys a:visited {  color: #009ACD; font-size: 10px;}
#martini_boys_review { position: absolute; top: 33px; left: 10px; width: 380px;}
#martini_boys_restaurant { position: absolute; bottom: 0px;  left: 10px; width: 380px;  }


/* contact */
#contact_container { float: left; position: relative; width: 883px; height: 531px; }
#contact_background { position: absolute; top: 0px; left: 0px; }
#contact_email { position: absolute; top: 444px; left: 465px; }
#contact_map {  position: absolute; top: 262px; left: 50px; }

/* video */
#video_container { float: left; width: 883px; height: 531px; visibility: visible; display: block; z-index: 99; }
#video_title { z-index: 100; position: absolute; left: 0px; bottom: 20px; text-align: center; width: 883px; height: 30px;  }
#video_link { z-index: 100; position: absolute; left: 0px; bottom: 10px; text-align: center; width: 883px; height: 20px; }
/* footer */
#container_foot { width: 100%; max-width: 1064px; float: left; position: relative;}
#footer  { position: absolute; left: 10%; top: -55px; font-size: 10px;}
#footer a { font-size: 10px; }
#footer p{ text-align: left;  }
#footer p a { text-decoration: underline; }