body
{
  background: #000;
  padding: 0;
  margin: 0;
}


/*------------------------------------------------------------------------------------

        TYPOGRAPHY

------------------------------------------------------------------------------------*/
body
{
  font-family:  Arial, helvetica, sans-serif;
  font-size: 0.78em;
  line-height: 150%;
  color: #fff;
}

h1
{
  font-family:  Arial, helvetica, sans-serif;
  font-size: 64px;
  font-weight: bold;
  height: 81px;
  text-indent: -9999px;
}

div#content h1#h1-mantong { background: url('../images/h1_mantong.gif') no-repeat 0 0; }
div#content h1#h1-edal { background: url('../images/h1_edal.gif') no-repeat 0 0; }
div#content h1#h1-info { background: url('../images/h1_info.gif') no-repeat 0 0px; }
div#content h1#h1-buy { background: url('../images/h1_buy.gif') no-repeat 0 0px; }
div#content h1#h1-x001 { background: url('../images/h1_0x001.gif') no-repeat 0 0; height: 50px; }
div#content h1#h1-wallpaper { background: url('../images/h1_wallpaper.gif') no-repeat 0 0; }
div#content h1#h1-soon { background: url('../images/h1_soon.gif') no-repeat 0 0; }
div#content h1#h1-pagenotfound { background: url('../images/h1_404.gif') no-repeat 0 0; }
div#content h1#h1-internalservererror{ background: url('../images/h1_500.gif') no-repeat 0 0; }

h2
{
  font-family:  Arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  text-indent: -9999px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div#content h2#x001a { background: #000 url('../images/h2_0x001a.gif') no-repeat 0 0; }
div#content h2#x001b { background: #000 url('../images/h2_0x001b.gif') no-repeat 0 0; }

p
{
  text-align: justify;
  padding-bottom: 1em;
}

a, a:visited
{
  color: #53b1c1;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

hr
{
  background-color: #4d4d4d;
  border: solid 0px #000;
  color: #4d4d4d;
  height: 1px;
  margin-top: 2em;
  margin-bottom: 2em;
}

hr.r1
{
  margin-top: 15px;
  margin-bottom: 15px;
}

hr.r2
{
  margin-top: 6px;
  margin-bottom: 15px;
}

img
{
  border: 0px solid #000;
}

div#preview
{
  margin-top: 1.4em;
  float: left;
}

a#preview_a
{
  margin-right: 1em;
}

div#buyrelease
{
  margin-top: 1.4em;
  float: right;
}

div#wallpaper1 table, div#wallpaper2 table
{
  width: 100%;
}

div#wallpaper1 table tr td, div#wallpaper2 table tr td
{
  color: #4d4d4d;
  width: 50%;
  letter-spacing: 1px;
}

td.wptd1
{
  text-align: left;
}

td.wptd2
{
  text-align: right;
}

span.wprq
{
  font-size: 1.2em;
}

div#wallpaper1 a, div#wallpaper2 a
{
  color: #4d4d4d;
  font-weight: normal;
}

div#wallpaper1 a:hover, div#wallpaper2 a:hover
{
  color: #6d6d6d;
}

div#error
{
  color: #fff;
}

div#error a
{
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}


/*------------------------------------------------------------------------------------

        LAYOUT

------------------------------------------------------------------------------------*/

div#bg_top
{
  background-color: #555;
  height: 298px;
  float: none;
  z-index: -3;
}

div#bg_mid_left
{
  background-color: #000;
  float: left;
  clear: both;
  width: 49%;
  height: 32px;
  z-index: -1;
}

div#bg_mid_right
{
  background-color: #53b1c1;
  float: left;
  width: 51%;
  height: 32px;
  z-index: -1;

}

div#bg_bottom
{
  float: none;
  clear: both;
  z-index: -3;
}

div#header
{
  position: absolute;
  left: 50%;
  width: 608px;
  margin-left: -134px;
  background-color: #555;
  height: 298px;
  top: 0px;
}

div.waveform
{
  background: url('../images/bg_top_waveform.gif') no-repeat 158px 140px;
}

div#mantong_pose
{
  position: absolute;
  left: 50%;
  width: 417px;
  height: 663px;
  top: 88px;
  background: url('../images/mantong-pose.png') no-repeat top left;
  margin-left: -570px;
  z-index: 0;
}

div#logo
{
  position: absolute;
  left: 50%;
  margin-left: -134px;
  top: 298px;
  background: #53b1c1 url('../images/0xaudio.gif') no-repeat 0 0;
  width: 608px;
  height: 32px;
}

div#menu
{
  background: #000 url('../images/bg_menu.gif') no-repeat 124px 0px;
  position: absolute;
  top: 368px;
  width: 158px;
  left: 50%;
  margin-left: -134px;
  height: 160px;
}

div#content
{
  background: #000 url('../images/bg_content.gif') no-repeat 430px 0px;
  position: absolute;
  top: 368px;
  width: 480px;
  left: 50%;
  margin-left: 24px;
  padding-bottom: 3em;
}

div#wallpaper1
{
  width: 210px;
  float: left;
}

div#wallpaper2
{
  width: 210px;
  float: left;
  margin-left: 35px;
}



/*------------------------------------------------------------------------------------

        MENU

------------------------------------------------------------------------------------*/
div#menu ul li
{
  text-indent: -9999px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div#menu ul li a
{
  display: block;
  width: 114px;
  height: 13px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}


div#menu ul li#about a { background: #000 url('../images/menu.png') no-repeat 0 -26px; }
div#menu ul li#artists a { background: #000 url('../images/menu.png') no-repeat 0 -65px; }
div#menu ul li#releases a { background: #000 url('../images/menu.png') no-repeat 0 -182px; }
div#menu ul li#downloads a { background: #000 url('../images/menu.png') no-repeat 0 -143px; }
div#menu ul li#buy a { background: #000 url('../images/menu.png') no-repeat 0 -104px; }

div#menu ul li#about a:hover { background: #000 url('../images/menu.png') no-repeat 0 -13px; }
div#menu ul li#artists a:hover { background: #000 url('../images/menu.png') no-repeat 0 -52px; }
div#menu ul li#releases a:hover { background: #000 url('../images/menu.png') no-repeat 0 -169px; }
div#menu ul li#downloads a:hover { background: #000 url('../images/menu.png') no-repeat 0 -130px; }
div#menu ul li#buy a:hover { background: #000 url('../images/menu.png') no-repeat 0 -91px; }

div#menu ul li#about.selected a { background: #000 url('../images/menu.png') no-repeat 0 0; }
div#menu ul li#artists.selected a { background: #000 url('../images/menu.png') no-repeat 0 -39px; }
div#menu ul li#releases.selected a { background: #000 url('../images/menu.png') no-repeat 0 -156px; }
div#menu ul li#downloads.selected a { background: #000 url('../images/menu.png') no-repeat 0 -117px; }
div#menu ul li#buy.selected a { background: #000 url('../images/menu.png') no-repeat 0 -78px; }

div#menu ul li#artists.selected li#mantong a { background: #000 url('../images/menu.png') no-repeat 0 -221px; }
div#menu ul li#artists.selected li#mantong a:hover { background: #000 url('../images/menu.png') no-repeat 0 -208px; }
div#menu ul li#artists.selected li#mantong.selected a { background: #000 url('../images/menu.png') no-repeat 0 -195px; }
div#menu ul li#artists.selected li#edal a { background: #000 url('../images/menu.png') no-repeat 0 -260px; }
div#menu ul li#artists.selected li#edal a:hover { background: #000 url('../images/menu.png') no-repeat 0 -247px; }
div#menu ul li#artists.selected li#edal.selected a { background: #000 url('../images/menu.png') no-repeat 0 -234px; }

div#menu ul li#releases.selected li#x001 a { background: #000 url('../images/menu.png') no-repeat 0 -299px; }
div#menu ul li#releases.selected li#x001 a:hover { background: #000 url('../images/menu.png') no-repeat 0 -286px; }
div#menu ul li#releases.selected li#x001.selected a { background: #000 url('../images/menu.png') no-repeat 0 -273px; }
div#menu ul li#releases.selected li#x002 a { background: #000 url('../images/menu.png') no-repeat 0 -338px; }
div#menu ul li#releases.selected li#x002 a:hover { background: #000 url('../images/menu.png') no-repeat 0 -325px; }
div#menu ul li#releases.selected li#x002.selected a { background: #000 url('../images/menu.png') no-repeat 0 -312px; }

/*------------------------------------------------------------------------------------

        STORES

------------------------------------------------------------------------------------*/

ul#stores
{
  margin-top: 2em;
}

ul#stores li
{
  text-indent: -9999px;
  margin-bottom: 1px;
  padding-bottom: 8px;
}

ul#stores li a
{
  display: block;
  width: 488px;
  height: 100px;
  padding-bottom: 0px;
  margin-bottom: 1px;
}

ul#stores li#digitaltunes a { background: #000 url('../images/digital-tunes.jpg') no-repeat 0 0; }
ul#stores li#beatsdigital a { background: #000 url('../images/beatsdigital.jpg') no-repeat 0 0; }


/*------------------------------------------------------------------------------------

        LOGOS

------------------------------------------------------------------------------------*/
ul#connect li
{
  display: block;
  float: left;
  margin-right: 2.6em;
  text-indent: -9999px;
}

ul#connect li a
{
  display: block;
  height: 36px;

}

ul#connect li#myspace a { width: 132px; background: #000 url('../images/connect.png') no-repeat 0 0; }
ul#connect li#facebook a { width: 108px; background: #000 url('../images/connect.png') no-repeat 0 -72px; }
ul#connect li#soundcloud a { width: 66px; background: #000 url('../images/connect.png') no-repeat 0 -144px; }
ul#connect li#myspace a:hover { width: 132px; background: #000 url('../images/connect.png') no-repeat 0 -36px; }
ul#connect li#facebook a:hover { width: 108px; background: #000 url('../images/connect.png') no-repeat 0 -108px; }
ul#connect li#soundcloud a:hover { width: 66px; background: #000 url('../images/connect.png') no-repeat 0 -180px; }

img.facebook
{
  margin-top: -3px;
  border: 0px solid white;
}

img.soundcloud
{
  margin-top: -6px;
  border: 0px solid white;
}

img.waveform
{
  border: 0px solid white;
  display: inline;
  vertical-align: -50%;
}