/* Menu bar ======================================================================== */
#main-navigation-start {
  width: 155px;
  height: 35px;
  background: url(/img/set01/main-navigation/bg-start.jpg) no-repeat;
  float: left;
}

#main-navigation-container {
  position: relative;
  height: 35px;
  float: left;
}

#main-navigation-end {
  width: 155px;
  height: 35px;
  background: url(/img/set01/main-navigation/bg-end.jpg) no-repeat;
  float: left;
}

/* Menu list ======================================================================= */
#menu-list,#menu-list ul,#menu-list ul li,#menu-list a.starter,#menu-list ul.menu,#menu-list ul.menu li a {
  z-index: 100;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu-list {
  position: relative;
}

/* Menu bar */
#menu-list li {
  position: relative;
  display: block;
  float: left;
  height: 35px;
}

#menu-list a.starter {
  position: relative;
  height: 35px;
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -10000px;
  white-space: nowrap;
}

#menu-list a.starter:hover,#menu-list a.starter-active {
  background-position: left bottom !important;
}

/* Dropdown menus */
#menu-list ul.menu {
  text-align: left;
  position: absolute;
  visibility: hidden;
  background: #AA0000 url(/img/set01/main-navigation/gradient-magazine.jpg) repeat-y left top;
  border-top: 1px solid #AA0000;
  width: 150px;
}

#menu-list ul.menu li {
  width: 150px;
  height: auto;
  border-bottom: 1px solid #AA0000;
}

#menu-list ul.menu li a {
  color: #FFF;
  display: block;
  padding: 5px 10px;
  /* IE 5.x hack */
  width: 150px;
  w\idth: 130px;
}

#menu-list ul.menu li a.menu-starter {
  background: transparent url(/img/set01/main-navigation/icon-arrow-right.gif) no-repeat right center;
  position: relative;
  padding-right: 25px;
  /* IE 5.x hack */
  width: 150px;
  w\idth: 115px;
}

#menu-list ul.menu li a:hover,#menu-list ul.menu li a.menu-starter-active {
  background-color: #AA0000;
}

/* Item: magazine ================================================================== */
#menu-list-magazine,#menu-list-magazine a.starter {
  width: 86px;
  background: url(/img/set01/main-navigation/bg-magazine.jpg) no-repeat left top;
}

body.magazine #menu-list-magazine a.starter {
  background-position: left bottom;
}

/* Item: news/stories ============================================================== */
#menu-list-news,#menu-list-news a.starter {
  width: 124px;
  background: url(/img/set01/main-navigation/bg-news.jpg) no-repeat left top;
}

#menu-list-news ul.menu {
  border-top-color: #B35A00;
  background: #B35A00 url(/img/set01/main-navigation/gradient-news.jpg) repeat-y left top;
}

#menu-list-news ul.menu li {
  border-bottom-color: #B35A00;
}

#menu-list-news ul.menu li a:hover,#menu-list-news ul.menu li a.menu-starter-active {
  background-color: #B35A00;
}

body.news #menu-list-news a.starter {
  background-position: left bottom;
}

/* Item: info ====================================================================== */
#menu-list-info,#menu-list-info a.starter {
  width: 62px;
  background: url(/img/set01/main-navigation/bg-info.jpg) no-repeat left top;
}

#menu-list-info ul.menu {
  border-top-color: #8FB300;
  background: #8FB300 url(/img/set01/main-navigation/gradient-info.jpg) repeat-y left top;
}

#menu-list-info ul.menu li {
  border-bottom-color: #8FB300;
}

#menu-list-info ul.menu li a:hover,#menu-list-info ul.menu li a.menu-starter-active {
  background-color: #8FB300;
}

body.info #menu-list-info a.starter {
  background-position: left bottom;
}

/* Item: events ==================================================================== */
#menu-list-events,#menu-list-events a.starter {
  width: 88px;
  background: url(/img/set01/main-navigation/bg-events.jpg) no-repeat left top;
}

#menu-list-events ul.menu {
  border-top-color: #009999;
  background: #009999 url(/img/set01/main-navigation/gradient-events.jpg) repeat-y left top;
}

#menu-list-events ul.menu li {
  border-bottom-color: #009999;
}

#menu-list-events ul.menu li a:hover,#menu-list-events ul.menu li a.menu-starter-active {
  background-color: #009999;
}

body.events #menu-list-events a.starter {
  background-position: left bottom;
}

/* Item: shop ====================================================================== */
#menu-list-shop,#menu-list-shop a.starter {
  width: 98px;
  background: url(/img/set01/main-navigation/bg-shop.jpg) no-repeat left top;
}

#menu-list-shop ul.menu {
  border-top-color: #0066B3;
  background: #0066B3 url(/img/set01/main-navigation/gradient-shop.jpg) repeat-y left top;
}

#menu-list-shop ul.menu li {
  border-bottom-color: #0066B3;
}

#menu-list-shop ul.menu li a:hover,#menu-list-shop ul.menu li a.menu-starter-active {
  background-color: #0066B3;
}

body.shop #menu-list-shop a.starter {
  background-position: left bottom;
}

/* Item: cooking =================================================================== */
#menu-list-cooking,#menu-list-cooking a.starter {
  width: 80px;
  background: url(/img/set01/main-navigation/bg-cooking.jpg) no-repeat left top;
}

#menu-list-cooking ul.menu {
  border-top-color: #12127D;
  background: #12127D url(/img/set01/main-navigation/gradient-cooking.jpg) repeat-y left top;
}

#menu-list-cooking ul.menu li {
  border-bottom-color: #12127D;
}

#menu-list-cooking ul.menu li a:hover,#menu-list-cooking ul.menu li a.menu-starter-active {
  background-color: #12127D;
}

body.cooking #menu-list-cooking a.starter {
  background-position: left bottom;
}

/* Item: community ================================================================= */
#menu-list-community,#menu-list-community a.starter {
  width: 102px;
  background: url(/img/set01/main-navigation/bg-community.jpg) no-repeat left top;
}

#menu-list-community ul.menu {
  border-top-color: #990099;
  background: #990099 url(/img/set01/main-navigation/gradient-community.jpg) repeat-y left top;
}

#menu-list-community ul.menu li {
  border-bottom-color: #990099;
}

#menu-list-community ul.menu li a:hover,#menu-list-community ul.menu li a.menu-starter-active {
  background-color: #990099;
}

body.community #menu-list-community a.starter {
  background-position: left bottom;
}