/*----------------------------------------------------------------------------*/
html, body
{
   margin: 0;
   padding: 0;
   /*
   cursor: url('/design/htc_island/cur/default.png'),default;
   */
   font-size: 12px;
   font-family: Verdana, sans-serif;
   background: #3A4E69;
}
a:link, a:visited, a:active, a:hover, a:focus
{
   border: 0;
   outline: 0;
}
a img
{
   border: 0;
   outline: 0;
   text-decoration: none;
}
table
{
   margin: 0;
   padding: 0;
   table-layout: auto;
   border-collapse: collapse;
   font-size: 9px;
}
table td
{
   margin: 0;
   padding: 0;
}
textarea
{
   resize: none;
}
li ul, li ol, ul, ol
{
   margin: 0;
}
ul
{
   list-style-type: disc;
   padding: 0;
}
ol
{
   list-style-type: decimal;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
div.hidden
{
   width: 0;
   height: 0;
   display: none;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
div.wrapper
{
   position: relative; 
   min-width: 100%;

   min-height: 100%;
   overflow: hidden;
   display: none;
   opacity: 0;
   filter: alpha(opacity=0);
}
div.wrapper > img
{
   position: absolute;
   display: block;
   margin: -30px auto 0;
   z-index: 1;
}
div.clouds
{
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   height: 50%;
   overflow: hidden;
   z-index: 1500;
}
div.wrapper > div.clouds.tbox
{
   z-index: 5;
}
div.clouds > img
{
   position: absolute;
}
div.clouds > img.cloud_b1
{
   left: 0;
   top: 0;
   width: 651px;
}
div.clouds > img.cloud_b2
{
   left: 25%;
   top: 0;
   width: 925px;
}
div.clouds > img.cloud_b3
{
   left: 50%;
   top: 0;
   width: 861px;
}
div.clouds > img.cloud_b4
{
   left: 90%;
   top: 0;
   width: 891px;
}
div.clouds > img.cloud_t1, div.clouds > img.cloud_t2
{
   left: 100%;
   top: 0;
}
div.island
{
   position: absolute;
   left: 50%;
   top: 50%;
   width: 1220px;
   height: 820px;
   margin: -500px 0 0 -610px;
   background: url("../img/bg_island.png"/) center no-repeat;
   z-index: 10;
}
div.island > div.action
{
   position: relative;
   width: 1220px;
   height: 820px;
   z-index: 100;
}
div.action img
{
   position: absolute;
   display: block;
}
div.action > img.audio
{
   left: 714px;
   top: 298px;
   display: none;
}
div.action > img.logo_tribal
{
   left: 605px;
   top: 724px;
   z-index: 100;
   display: none;
}
div.action > img.logo_htc
{
    left: 1040px;
    top: 284px;
    display: block;
}



.element {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px;
   z-index: 9999;

    }