/* body */
body
{
    margin:        0px;
    padding:       0px;
    margin-bottom: 40px;
    font-family:   Arial, Helvetica, sans-serif;
    font-size:     11px;
    line-height:   1.3em;
    text-align:    center;
    color:         #ffffff;
}
p, p a, li, li a, div a, span a
{
    text-align:      left;
    color:           #ffffff;
    text-decoration: none;
}
a:link, a:visited, a:hover, a:active
{
color:#ffffff;
}

img
{
    border: 0px;
}

table
{
    border:      0px;
}

td
{
    font-size: 11px;
    margin:    0px;
}

/*back stripe*/

body.home
{
    background-image: url(images/stripe_home.gif);
}
body.music
{
    background-image: url(images/stripe_music.gif);
}
body.visual
{
    background-image: url(images/stripe_visual.gif);
}
body.community
{
    background-image: url(images/stripe_community.gif);
}
body.live
{
    background-image: url(images/stripe_live.gif);
}
body.info
{
    background-image: url(images/stripe_information.gif);
}
body.shop
{
    background-image: url(images/stripe_shop.gif);
}
body.contact
{
    background-image: url(images/stripe_contact.gif);
}

/*Back picture*/

div.image_home,
div.image_music,
div.image_visual,
div.image_community,
div.image_live,
div.image_info,
div.image_shop,
div.image_contact
{
    z-index: 100;
    left:   0px;
    top:    0px;
    width:  799px;
    height: 589px;
    position:          absolute;
    margin:            0px;
    background-color: transparent;

}
div.image_home
{
    background-image: url(images/back_home.jpg);
}

div.image_music
{
    background-image: url(images/back_music2.jpg);
}
div.image_visual
{
    background-image: url(images/back_visual.jpg);
}
div.image_community
{
    background-image: url(images/back_community.jpg);
}
div.image_live
{
    background-image: url(images/back_live.jpg);
}
div.image_info
{
    background-image: url(images/back_information.jpg);
}
div.image_shop
{
    background-image: url(images/back_shop.jpg);
}
div.image_contact
{
    background-image: url(images/back_contact.jpg);
}

/*content box*/

div.content_home,
div.content_home_stf,
div.p_pack,
div.player_music,
div.content_visual,
div.content_community,
div.content_community_blogs,
div.content_live,
div.content_live_archive,
div.content_tracks,
div.content_info,
div.content_headline,
div.content_shop,
div.content_contact,
div.content_contactjoin,
div.background_home,
div.background_home_stf,
div.background_visual,
div.background_community,
div.background_community_blogs,
div.background_live,
div.background_live_archive,
div.background_tracks,
div.background_info,
div.background_infohead,
div.background_shop,
div.background_contact,
div.background_contactjoin
{
    z-index: 200;
    padding-left:   13px;
    position:          absolute;
    margin:            0px;
    padding-right:     3px;
    text-align:        left;
    overflow:          auto;
    font-size:         11px;
}

div.subnav_home,
div.nav_music,
div.subnav_visual,
div.subnav_community,
div.subnav_live,
div.subnav_info,
div.subnav_shop,
div.content_music,
div.subnav_contact
{
    z-index: 200;
    position:          absolute;
    margin:            0px;
    text-align:        left;
    font-size:         11px;
    left:   0px;
    top:    0px;
    margin:            0px;
}


/* index.html */
div.content_home a:hover
{
color:#F4AB0E;
}

div.content_home
{
    left:   50px;
    top:    345px;
    width:  370px;
    height: 30px;
    z-index: 400;
    font-size: 11px;
    
    /* IE scrollbar stuff */
    scrollbar-3dlight-color:    #736446;
    scrollbar-arrow-color:      #B5A584;
    scrollbar-base-color:       #000000;
    scrollbar-darkshadow-color: #2A251A;
    scrollbar-face-color:       #433A29;
    scrollbar-highlight-color:  #61543B;
    scrollbar-shadow-color:     #363636;
}
 
div.background_home
{
    left:   46px;
    top:    338px;
    width:  380px;
    height: 32px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.content_home_stf
{
    left:   436px;
    top: 165px;
    width:  400px;
    height: 175px;
    z-index: 400;
    font-size: 11px;
    
    /* IE scrollbar stuff */
    scrollbar-3dlight-color:    #736446;
    scrollbar-arrow-color:      #B5A584;
    scrollbar-base-color:       #000000;
    scrollbar-darkshadow-color: #2A251A;
    scrollbar-face-color:       #433A29;
    scrollbar-highlight-color:  #61543B;
    scrollbar-shadow-color:     #363636;
}

div.background_home_stf
{
    left:   456px;
    top: 155px;
    width:  305px;
    height: 177px;
    z-index: 310;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.subnav_home
{
    position:          absolute;
    left:   453px;
    top:    340px;
    width:  115px;
    height: 102px;
}


/* music.html */
div.content_music a:hover,
div.cplayer_music a:hover,

{
color:#ffffff;
text-decoration:underline;
}


div.content_music
{
    left:   45px;
    top:    75px;
    width:  435px;
    height: 314px;
    z-index: 400;
    /*background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
    background-image: url(images/track1.jpg);*/
}

div.nav_music
{
    left:   510px;
    top:    75px;
    width:  300px;
    height: 314px;
    z-index: 400;
}

div.p_pack
{
    left:   520px;
    top:    42px;
    width:  290px;
    height: 240px;
    z-index: 900;
}

div.subnav_music
{
    position:          absolute;
    text-align:        left;
    font-size:         11px;
    font-weight: bold;
    margin:            0px;
    left:   45px;
    top:    409px;
    width:  435px;
    height: 31px;
    z-index: 400;
    background-image: url(images/musicnav_back.gif);
}


/* visual.htm */
div.content_visual a:hover
{
color:#544830;
}

div.content_visual
{
    left:   365px;
    top:    50px;
    width:  360px;
    height: 380px;
    z-index: 400;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #433A29;
    scrollbar-highlight-color:  #61543B;
    scrollbar-3dlight-color:    #736346;
    scrollbar-darkshadow-color: #2A241A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #DDD5C6;
    scrollbar-base-color:       #000000;
}
div.background_visual
{
    left:   365px;
    top:    20px;
    width:  370px;
    height: 300px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}
div.subnav_visual
{
    left:   640px;
    top:    340px;
    width:  144px;
    height: 99px;
}
div.images_visual
{
    z-index: 200;
    position:          absolute;
    margin:            0px;
    left:   64px;
    top:    135px;
    margin: 0px;
    left:   49px;
    top:    176px;
    width:  530x;
    height: 358px;
}

div.thumb0,
div.thumb1,
div.thumb2,
div.thumb3,
div.thumb4,
div.thumb5,
div.thumb6,
div.thumb7,
div.thumb8,
div.prev_button,
div.next_button,
div.fullsize_image
{
    position:   absolute;
    margin:     0px;
    border-style:none;
    z-index: 200;
    padding-left:      0px;
    position:          absolute;
    margin:            0px;
    padding-right:     0px;
    text-align:        left;
    overflow:          auto;
    font-size:         11px;    
}




div.thumb0
{
    position: absolute;
    top: 197px;
    left: 62px;
}
div.thumb1
{
    position: absolute;
    top: 193px;
    left: 125px;
}
div.thumb2
{
    position: absolute;
    top: 187px;
    left: 190px;
}
div.thumb3
{
    position: absolute;
    top: 295px;
    left: 68px;
}
div.thumb4
{
    position: absolute;
    top: 290px;
    left: 131px;
}
div.thumb5
{
    position: absolute;
    top: 285px;
    left: 196px;
}
div.thumb6
{
    position: absolute;
    top: 391px;
    left: 74px;
}
div.thumb7
{
    position: absolute;
    top: 386px;
    left: 137px;
}
div.thumb8
{
    position: absolute;
    top: 381px;
    left: 202px;
}

div.prev_button
{
    position: absolute;
    top: 493px;
    left: 94px;
}

div.next_button
{
    position: absolute;
    top: 490px;
    left: 175px;
}

div.fullsize_image
{
    position: absolute;
    top: 176px;
    left: 48px;
}

/* community.htm */
div.content_community a:hover
{
color:#DCBC3B;
}

div.content_community
{
    left:   375px;
    top:    34px;
    width:  379px;
    height: 224px;
    z-index: 400;
    
        /* IE scrollbar stuff */
    scrollbar-face-color:       #433D29;
    scrollbar-highlight-color:  #61593B;
    scrollbar-3dlight-color:    #736946;
    scrollbar-darkshadow-color: #2A261A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #B5AA84;
    scrollbar-base-color:       #000000;
}
div.background_community
{
    left:   375px;
    top:    24px;
    width:  389px;
    height: 244px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.content_community_blogs
{
    left:   20px;
    top:    34px;
    width:  334px;
    height: 224px;
    z-index: 400;
    
        /* IE scrollbar stuff */
    scrollbar-face-color:       #433D29;
    scrollbar-highlight-color:  #61593B;
    scrollbar-3dlight-color:    #736946;
    scrollbar-darkshadow-color: #2A261A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #B5AA84;
    scrollbar-base-color:       #000000;
}
div.background_community_blogs
{
    left:   10px;
    top:    24px;
    width:  354px;
    height: 244px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.subnav_community
{
    left:   611px;
    top:    304px;
    width:  115px;
    height: 102px;
}

/*Live.html*/
div.content_live a:hover
{
color:#1F3220;
}

div.content_live
{
    left:   40px;
    top:    178px;
    width:  340px;
    height: 180px;
    z-index: 400;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #263F27;
    scrollbar-highlight-color:  #3B613C;
    scrollbar-3dlight-color:    #467347;
    scrollbar-darkshadow-color: #1A2A1A;
    scrollbar-shadow-color:     #29432A;
    scrollbar-arrow-color:      #84B585;
    scrollbar-base-color:       #000000;
}

/*Live.html*/
div.content_live_archive a:hover
{
color:#1F3220;
}


div.content_live_archive
{
    left:   420px;
    top:    178px;
    width:  340px;
    height: 180px;
    z-index: 410;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #263F27;
    scrollbar-highlight-color:  #3B613C;
    scrollbar-3dlight-color:    #467347;
    scrollbar-darkshadow-color: #1A2A1A;
    scrollbar-shadow-color:     #29432A;
    scrollbar-arrow-color:      #84B585;
    scrollbar-base-color:       #000000;
}

.live_heading 
{
    font-size: 15px;
    font-weight:bold;
}

div.content_tracks
{
    left:   250px;
    top:    178px;
    width:  340px;
    height: 180px;
    z-index: 410;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #263F27;
    scrollbar-highlight-color:  #3B613C;
    scrollbar-3dlight-color:    #467347;
    scrollbar-darkshadow-color: #1A2A1A;
    scrollbar-shadow-color:     #29432A;
    scrollbar-arrow-color:      #84B585;
    scrollbar-base-color:       #000000;
}

div.background_tracks
{
    left:   240px;
    top:    168px;
    width:  355px;
    height: 200px;
    z-index: 300;
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);
}

div.background_live
{
    left:   35px;
    top:    168px;
    width:  355px;
    height: 200px;
    z-index: 300;
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);
}

div.background_live_archive
{
    left:   415px;
    top:    168px;
    width:  355px;
    height: 200px;
    z-index: 301;
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);
}

div.subnav_live
{
    left:   341px;
    top:    376px;
    width:  188px;
    height: 110px;
}

/* info.html */
div.content_info a:hover,
div.content_headline a:hover

{
color:#DCC719;
}

div.content_info
{
    left:   368px;
    top:    312px;
    width:  375px;
    height: 180px;
    z-index: 400;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #433D29;
    scrollbar-highlight-color:  #61593B;
    scrollbar-3dlight-color:    #736946;
    scrollbar-darkshadow-color: #2A261A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #B5AA84;
    scrollbar-base-color:       #000000;
}
div.content_headline
{
    left:   15px;
    top:    36px;
    width:  338px;
    height: 130px;
    z-index: 400;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #433D29;
    scrollbar-highlight-color:  #61593B;
    scrollbar-3dlight-color:    #736946;
    scrollbar-darkshadow-color: #2A261A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #B5AA84;
    scrollbar-base-color:       #000000;
}
div.background_infohead
{
    left:   20px;
    top:    26px;
    width:  348px;
    height: 150px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=70);
}
div.background_info
{
    left:   368px;
    top:    302px;
    width:  385px;
    height: 200px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=70);
}

div.subnav_info
{
    left:   613px;
    top:    186px;
    width:  105px;
    height: 106px;
}
/* shop.html */
div.content_shop a:hover
{
color:#719395;
}

div.content_shop
{
    left:   415px;
    top:    45px;
    width:  319px;
    height: 312px;
    z-index: 400;
    
    /* IE scrollbar stuff */
    scrollbar-face-color:       #294143;
    scrollbar-highlight-color:  #3B5E61;
    scrollbar-3dlight-color:    #467073;
    scrollbar-darkshadow-color: #1A292A;
    scrollbar-shadow-color:     #294143;
    scrollbar-arrow-color:      #84B2B5;
    scrollbar-base-color:       #000000;
}
div.background_shop
{
    left:   415px;
    top:    35px;
    width:  329px;
    height: 332px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}
div.subnav_shop
{
    left:   417px;
    top:    370px;
    width:  226px;
    height: 115px;
}

/* Contact.html */
div.content_contact a:hover
{
color:#8AAFBE;
}


div.content_contact
{
    left:   30px;
    top:    34px;
    width:  221px;
    height: 323px;
    z-index: 400;
    

}
div.background_contact
{
    left:   30px;
    top:    24px;
    width:  231px;
    height: 310px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}
div.content_contactjoin
{
    left:   30px;
    top:    34px;
    width:  379px;
    height: 290px;
    z-index: 400;
    
        /* IE scrollbar stuff */
    scrollbar-face-color:       #293D43;
    scrollbar-highlight-color:  #3B5861;
    scrollbar-3dlight-color:    #466873;
    scrollbar-darkshadow-color: #1A262A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #84A9B5;
    scrollbar-base-color:       #000000;
}
div.background_contactjoin
{
    left:   30px;
    top:    24px;
    width:  389px;
    height: 315px;
    z-index: 300;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.subnav_contact
{
    left:   555px;
    top:    370px;
    width:  115px;
    height: 102px;
}

div.lyrics
{
    left:   60px;
    top:    83px;
    width:  408px;
    height: 297px;
    z-index: 601;
    position:  absolute;
    overflow:          auto;
        /* IE scrollbar stuff */
    scrollbar-face-color:       #444444;
    scrollbar-highlight-color:  #666666;
    scrollbar-3dlight-color:    #777777;
    scrollbar-darkshadow-color: #2A2A2A;
    scrollbar-shadow-color:     #363636;
    scrollbar-arrow-color:      #AAAAAA;
    scrollbar-base-color:       #000000;
    
}



/*Navigation*/

div.nav
{
    left:   39px;
    top:    526px;
    width:  722px;
    height: 37px;
    position:          absolute;
    margin:            0px;
    text-align:        left;
        z-index: 800;
    
}
