/*****************************************
  master.css (Stylesheet by One Shoe)
*****************************************/

#header {
  width: 100%;
  height: 123px;
  position: relative;
  overflow: hidden;
  background: #384040 url(../images/header_background.jpg) no-repeat 0 0;
}

#header-wrapper {
  width: 800px;
  margin: 15px auto 0 auto;
}

#header span {
  float: left;
}

#header #logo {
	font-size: 4.5em;
	text-transform: uppercase;
}

#header #logo a {
  width: 134px;
  height: 0;
  margin-top: 20px;
  padding-top: 79px;
  display: block;
  overflow: hidden;
  color: #fff;
  background: url(../images/logo_iglo.png) no-repeat 0 0;
}

#header #slogan {
  height: 0;
  margin: 0 10px;
  width: 110px;
  overflow: hidden;
  padding-top: 100px;
  background: url(../images/alacarte.png) no-repeat 0 15px;
}


/* switch language */

#switch-language {
  width: 150px;
  position: absolute;
  top: 60px;
  right: 70px;
}

#switch-language li {
  height: 100px;
  width: 50px;
  float: left;
}

#switch-language li a  {
  width: 24px;
  padding: 32px 0 0 8px;
  display: block;
  color: #fff;
}

#header li.dutch {
  height: 32px;
  background: url(../images/icon_dutch.png) no-repeat 0 0;
}

#header li.french {
  height: 32px;
  background: url(../images/icon_french.png) no-repeat 0 0;
}

#header li.active,
#header li:hover {
  background-position: 0 -33px;
}



/*
 * layout content 
 */

#wrapper {
  min-height: 400px;
  width: 800px;
  margin: 20px auto 20px auto;
  overflow: hidden;
  position: relative;
  background: url(../images/wrapper_background.png) no-repeat 0 -1px;
}

.gender {
  display: inline;
}

.participate #wrapper,
.contact #wrapper,
.terms #wrapper,
.coupon #wrapper {
  padding-top: 10px;
  background: url(../images/wrapper_background_repeat_top.png) no-repeat 0 0;
}

#inner_wrapper {
  width: 100%;
  float: left;
  background: url(../images/wrapper_background_repeat_bottom.png) no-repeat 0 100%;
}

#wrapper.front-page {
  background: url(../images/wrapper_frontpage_background.png) no-repeat -5px -1px;
}


/* navigation */

#navigation {
  float: left;
  font-family: Times New Roman;
}

.participate #navigation,
.contact #navigation,
.terms #navigation {
  margin-top: -10px;
}

#navigation ul {
  margin-bottom: 10px;
}

#navigation ul li {
  height: 36px;
  width: 142px;
  padding-top: 10px;
  text-align: center;
  background: url(../images/navigation_item_background.png) no-repeat 0 0;
}

#navigation ul li.active {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  background: url(../images/navigation_item_active_background.png) no-repeat 0 0;
}

#navigation ul li.first-active {
  background: none;
  font-size: 16px;
  font-weight: bold;
}

#navigation ul li a {
  margin-left: -10px;
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#navigation ul li.active span {
  margin-left: -10px;
  margin-top: -2px;
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#navigation ul li a:hover {
  text-decoration: underline;
}

#best-western {
  position: absolute;
  bottom: 0;
  margin-top: 31px;
  display: block;
  margin-left: 20px;
}

.contact #best-western {
  margin-top: 105px;
}

#content {
  width: 590px;
  padding: 20px;
  float: left;
}

#content.hotels {
  padding-top: 0;
}

#content.hotel {
  height: 300px;
}

.front-page #content {
  width: 650px;
  padding: 0;
  float: left;
}

.action-products {
  padding-left: 50px;
}



/*
 * Footer
 */

#footer {
  float: right;
}

#footer a {
  margin-right: 20px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}