html { font-size: 100%; /* IE hack */ }

body {
  margin: 0;
  padding: 0;
  text-align: center;

  background: #51586A ;

  color: #555;
  font-family: "trebuchet ms", arial, sans-serif;
  font-size: 62.5%;
}

* html body {
  font-family: arial, sans-serif;
  f\ont-family: "trebuchet ms", arial, sans-serif;
}

ul, ol, li { margin: 0; padding: 0; }
img { display: block; border: 0; }
.inline { display: inline }

a:link { color: #555; }
a:hover { color: red; }

#counter {
  margin: 0 0 0 -9999px;
}



/* ========== wrapper ========== */

#wrapper {
  width: 750px;
  padding: 0 10px;
  margin: 0 auto;


  
  background: #fff url("/images/wrapper-bg.gif") left top repeat-y;

}

#wrapper:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html #wrapper {height: 1%; width: 770px; w\idth: 750px;}
#wrapper {display: block;}
/* End hide from IE-mac */


#bottom-photos {
  clear: both;
  margin: 10px 0;
  text-align: center;
}

#bottom-photos img {
  display: inline;
  margin: 0 20px;
}


#language {
  width: 750px;
  margin: 0 auto;
  text-align: right;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0 0 3px;
}

#language a { color: red; }



/* ========== header ========== */

#header {
  background: #fff url("/images/header-bg.jpg") left top no-repeat;
  height: 160px;
}




/* ========== menubar ========== */

#menubar {
  font-size: 1.15em;
  font-weight: bold;
  color: #555;
  line-height: 1.355em;
  border: solid #bbb;
  border-width: 1px 0;
  padding: 5px 0;
  background: #FCF9FA;
}

#menubar ul {
  margin: 5px 5px 5px;
  width: 745px;
}

#menubar ul li {
  display: inline;
  list-style: none;
  padding-left:0px;
  height: 25px;
  padding-right:0px;
}

#menubar ul li a {
  margin: 0 5px 0 0;
  padding: 0 0 0 25px;
  background: transparent url("/images/bullet.png") left center no-repeat;
  color: #555;
}

* html #menubar ul li a {
  background: #fff;
  bac\kground: transparent url("/images/bullet.png") left center no-repeat;
}

#menubar ul li a:hover {
  color: red;
  background: transparent url("/images/bullet-hover.png") left center no-repeat;
}

* html #menubar ul li a:hover {
  background: #fff;
  bac\kground: transparent url("/images/bullet-hover.png") left center no-repeat;
}

#submenu {
  font-size: 1.2em;
  font-weight: bold;
  color: #555;
  line-height: 1.1em;
  border: solid #bbb;
  border-width: 0 0 1px;
  padding: 5px 0;
  background: #F4F0F1;
}

#submenu ul {
  margin: 0 25px;
}

#submenu ul li {
  display: inline;
}

#submenu ul li a {
  margin: 0 5px 0 0;
  padding: 0 0 0 10px;
  color: #555;
}

#submenu ul li a:hover { color: red; }




/* ========== content ========== */

#content {
  padding: 5px 25px 10px;
  text-align: left;
  font-size: 1.4em;
  line-height: 1.355em;
  background: #fff url("/images/content-bg.jpg") left top repeat-x;
  background: #E9E5E7;
}

#plate {
  float: right;
  margin: 5px 0 10px 10px;
  width: 220px;
  border: solid 1px #555;
  font-size: 0.785em;
  line-height: 1.3em;
  text-align: center;
  padding:  10px 10px 5px;
}

* html #plate { width: 240px; w\idth: 220px; }

#content td { 
vertical-align: middle;
}

#content h2 {
  font-size: 1.1em;
  text-align: center;
  border: solid 1px #bfbea9;
  text-transform: uppercase;
  background: #F4F0F1;
  padding: 4px 0;
}

#content h3 {
  font-size: 1.142em;
  padding: 3px 5px;
  background: #F4F0F1;
  margin: 20px 0 0;
}

#content ul {
  margin: 0 0 0 30px;
}

ul.contacts {
  margin: 0 0 20px 30px;
  list-style: none;
}

#content dt {
  font-weight: bold;
  padding: 10px 0 2px;
}

#content dd {
  font-size: 0.785em;
  margin: 0 0 0 25px;
}

#content dl ul { list-style: circle; }

.small { font-size: 0.785em; }

.lunchbox {
  float: right;
  margin: 0 0 10px 10px;
}


/* ========== bottombar ========== */

#bottombar {
  background: url("/images/bottombar-bg.gif") center top no-repeat;
  width: 770px;
  margin: 0 auto;
  padding: 15px 0 0;
  font-size: 1.1em;
  color: #fff;
}