* {
  margin: 0;
  padding: 0;
  font-size: 100.01%;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background: #050022;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  text-align:center;
}

#preload {
  position: absolute;
  left: -1000em;
}
    
#content {
  position: relative;
  width: 1002px;
  height: 802px;
  margin: 0 auto;
  text-align: left;
  background: url('img/index/bg.jpg');
}

#content a {
  position: absolute;
  display: block;
  z-index: 10;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
}

#content a span, #content a span.title {
  position: absolute;
  display: block;
  font-size: 10.5pt;
}

#content a span {
  color: #f4c05a;
  text-align: center;
}

#content a span.title {
  text-align: left;
  display: none;
  color: #FFF;
}

#content a:hover span.title, #content a:active span.title {
  display: block;
}

a#main, a#main:link, a#main:visited {
  left: 460px;
  top: 350px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
}

a#main:hover, a#main:active {
  color: #f26522;
}


a#m1, a#m1:link, a#m1:visited {
  left: 154px;
  top: 161px;
  width: 120px;
  height: 139px;
}
a#m1:hover, a#m1:active {
  background: url('/img/index/mand_1.jpg') top left no-repeat;
}
a#m1 span {
  top: 134px;
  left: -53px;
}
a#m1 span.title {
  top: 58px;
  left: 120px;
}


a#m2, a#m2:link, a#m2:visited {
  left: 236px;
  top: 492px;
  width: 139px;
  height: 153px;
}
a#m2:hover, a#m2:active {
  background: url('/img/index/mand_2.jpg') top left no-repeat;
}
a#m2 span {
  top: 148px;
  left: -47px;
}
a#m2 span.title {
  top: 66px;
  left: 139px;
}


a#m3, a#m3:link, a#m3:visited {
  left: 770px;
  top: 108px;
  width: 143px;
  height: 160px;
}
a#m3:hover, a#m3:active {
  background: url('/img/index/mand_3.jpg') top left no-repeat;
}
a#m3 span {
  top: 155px;
  left: -12px;
}
a#m3 span.title {
  top: 72px;
  left: 143px;
}


a#m4, a#m4:link, a#m4:visited {
  left: 756px;
  top: 387px;
  width: 146px;
  height: 160px;
}
a#m4:hover, a#m4:active {
  background: url('/img/index/mand_4.jpg') top left no-repeat;
}
a#m4 span {
  top: 155px;
  left: -12px;
}
a#m4 span.title {
  top: 72px;
  left: 146px;
}