* {
  box-sizing: border-box;
 -moz-box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS";
  font-size: 90%;
  background: #fff;
  color: #000;
}

table { font-size: 100%; }
img { border: none; }
a { color: #c03050; }

.grey { color: #808080; }
.red { color: #f00; }
.centered { text-align: center; }
.blue { background: #e0e8f0; padding: 10px; margin-bottom: 10px }
.dim { background: #f0f0f0; padding: 10px; margin-bottom: 10px }

span.zwsp,
span.tsp,
span.hsp,
span.ensp { display: inline; display: inline-block; display: -moz-inline-box; overflow: hidden; text-decoration: inherit }
span.zwsp { width: 0em; }
span.tsp { width: 0.167em; }
span.hsp { width: 0.083em; }
span.ensp { width: 0.5em; }

.par-start { position: relative; left: -0.33em; }
.plus-start { position: relative; left: -0.91em; }

.head {
  position: relative;
  height: 140px;
}

.home {
  position: absolute;
  left: 2%;
  top: 60px;
  margin-left: -2px;
}

.logo {
  position: absolute;
  left: 38.5%;
  margin-left: -201px;
  margin-left: -316px;
  margin-left: -287px;
  top: 25px;
}

.medal {
  position: absolute;
  left: 45%;
  margin-left: 140px;
  top: 25px;
}

.contacts {
  position: absolute;
  left: 74%;
  top: 50px;
  margin-top: -2.5em;
  font-size: 85%;
}

.layout {
  margin: -43px 0 20px 0;
}

.inset {
  padding: 0 10px;
}

.menu {
  margin: 10px 0 0 0;
}

.menu h2 {
  font-size: 125%;
  font-style: italic;
  color: #000;
  margin: 0 0 0.33em 0;
}

.menu .spacer {
  font-size: 1px;
  height: 10px;
}

.menu p {
  margin: 0 0 0.67em 0;
}

.feature { margin: 40px 0 0 0; }
.feature-spacer { height: 40px; }
.semi-spacer { height: 10px; }

.packshot {
  position: relative;
  height: 265px;
  background: url('/images/enclub/grey-grad.gif');
  margin-bottom: 10px;
}

.simple-packshot {
  position: relative;
  height: 80px;
  margin-bottom: 10px;
}

.packshot-text {
  position: absolute;
  left: 50%;
  width: 48%;
  top: 25px;
}

.packshot-text h1 {
  font-size: 180%;
  margin: 0;
}

.packshot-text h6 {
  font-size: 160%;
  margin: 5px 0 0 0;
  color: #404040;
}

ul {
  margin: 0;
  padding: 0 0 0 20px;
}

li {
  margin: 0;
  margin-bottom: 10px;
}

ul li {
  list-style-type: none;
  text-indent: -1.18em;
  behavior: expression(!this.before? this.before = this.innerHTML = '&mdash;<span class="ensp">&nbsp;</span>' + this.innerHTML : '');
}

ul p {
  text-indent: 0;
  margin: 10px 0 10px 0;
}

ul li:before {
  margin: 0;
  margin-bottom: 10px;
  content: '\2014';
  margin-right: 0.5em;
}

h1 {
  font-size: 150%;
  color: #000; 
  margin: 0 0 5px 0;
}

p { 
  margin: 0 0 0.67em 0;
}

h2 {
  font-size: 125%;
  color: #0050a0; 
  margin: 0 0 5px 0;
}

h2 small {
  display: block;
  font-size: 75%;
  font-weight: normal;
  color: #505050; 
}

h3 {
  font-size: 120%;
  margin: 10px 0 5px 0;
}

img.made-by {
  position: absolute;
  right: 27%;
  top: 40px;
}

div.made-by {
  position: absolute;
  display: block;
  left: 74%;
  top: 44px;
  font-size: 90%;
}

div.made-by a {
  color: #404040;
}

sup, sub { vertical-align: middle; font-size: 75%; font-weight: normal; color: #0050a0; }
sup { position: relative; bottom: 0.5em; }
sub { position: relative; top: 0.5em; }


.copyrights {
  padding: 0px 50% 20px 26%;
  text-align: center
}
 
.bottom {
  position: relative;
  width: 100%;
  height: 95px;
  background: bottom url('/images/enclub/bot-grad.gif') repeat-x;
}