/* TOP */

#top {
  position:relative;
  margin: 20px 0px 40px 35px;
}


#top #description {
  margin: 20px 0px 20px 0px;
}

#top #restaurant-img {
  width: 300px; 
  float: left;
  margin: 40px 20px 20px 0px;
}

#top #short-description {
  width: 480px; 
  float: left;
  font-size: 11pt;
  margin: 40px 20px 40px 0px;
}


/* Gallery styles */

#gallery{
  /* CSS3 Box Shadow */
  -moz-box-shadow:0 0 3px #AAAAAA;
  -webkit-box-shadow:0 0 3px #AAAAAA;
  box-shadow:0 0 3px #AAAAAA;

  /* CSS3 Rounded Corners */
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;

  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;

  border:1px solid tan;

  /* The width of the gallery */
  width:800px;
  overflow:hidden;
}

#slides{
  /* This is the slide area */
  height:300px;

  /* jQuery changes the width later on to the sum of the widths of all the slides. */
  width:800px;
  overflow:hidden;
}

.slide{
  float:left;
}

#menu{
  /* This is the container for the thumbnails */
  height:45px;
  text-align:center;
}

ul {
  margin: 0; 
  padding: 0;
}


li{
  /* Every thumbnail is a li element */
  width:57px;
  display:inline-block;
  list-style:none;
  height:45px;
  overflow:hidden;
  float: left;
}


li.inact:hover {
  background:url("../images/pic_bg.png") repeat scroll 0 0 transparent;
}
li.act, li.act:hover {
  background:url("../images/active_bg.png") no-repeat scroll 0 0 transparent;
}


li.act a{
  cursor:default;
}

.fbar{
  /* The left-most vertical bar, next to the first thumbnail */
  width:2px;
  background:url(../images/divider.png) no-repeat right;
}

li a{
  display:block;
  background:url(../images/divider.png) no-repeat right;
  height:35px;
  padding-top:10px;
}

a img{
  border:medium none;
}