/* *****************************************************************
MainNav Definition. Level 1
***************************************************************** */
#mainNav li {
    float:left;
    line-height:1em;
    clear:left;
}

#mainNav a {
    text-transform:uppercase;
    color:#FFF;
    text-decoration:none;
    font-size:1.2em;
}

#mainNav a:hover, #mainNav a.active {
    color:#0cace4;
}

#mainNav a.homeIcon {
    padding-left:12px;
    width:9px;
    height:12px;
    margin:0px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image:url("../pix/icons/ico_home.png");
}

#mainNav a.homeIcon:hover {
    background-position:0px -12px;
}

#mainNav a.homeIcon:active {
    background-position:0px -24px;
}

/* *****************************************************************
Definition of mainnav Subitems
***************************************************************** */
#mainNav .items {
    width:100%;
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#mainNav .items li {
    list-style-type:none;
    margin:0px 0px 8px 8px;
    padding:0px;
    height:60px;
    float:left;
    clear:none;
}

#mainNav .items .icon {
    width:40px;
    height:40px;
    float:left;
    display:block;
    margin-right:9px;
    background-image:url("../pix/icons/genrestage.png");
    background-repeat:no-repeat;
    overflow:hidden;
    opacity:0.75;
    -moz-opacity:0.75;
    filter:Alpha(opacity=75);
}

/** fix for IE 6 nastyness *//*
* html .items .icon {
    display:inline !important;
    background-image:url("../pix/icons/genrestage8.png") !important;
}*/

#mainNav .items .icon span {
    margin:42px 0px 0px -75px;
    text-align:center; 
    width:200px;
    display:none;
    white-space:nowrap;
    position:absolute;
    font-size:0.8em;
}

#mainNav .items a.icon:hover, #mainNav .items .active {
    background-position:0px 0px;
    opacity:1.0;
    -moz-opacity:1.0;
    filter:alpha(opacity=100);
}

#mainNav .items .icon:hover span, #mainNav .items .active span {
    display:block;
}

/* *****************************************************************
Genre icons
***************************************************************** */
#mainNav .alternative { background-position:-280px 0px !important; }
#mainNav .ballet      { background-position:-160px 0px !important; }
#mainNav .blues       { background-position:-40px  -40px !important; }
#mainNav .classic     { background-position:-120px 0px !important; }
#mainNav .country     { background-position:-440px 0px !important; }
#mainNav .electro     { background-position:-40px  0px !important; }
#mainNav .hardrock    { background-position:-80px -40px !important; }
#mainNav .hiphop      { background-position:0px    -40px !important; }
#mainNav .jazz        { background-position:0px    0px !important; }
#mainNav .latin       { background-position:-160px -40px !important; }
#mainNav .opera       { background-position:-200px 0px !important; }
#mainNav .pop         { background-position:-120px -40px !important; }
#mainNav .soul        { background-position:-80px 0px !important; }
#mainNav .reggae      { background-position:-400px 0px !important; }
#mainNav .rock        { background-position:-360px 0px !important; }
#mainNav .francaise   { background-position:-320px 0px !important; }
#mainNav .world       { background-position:-240px 0px !important; }

/* *****************************************************************
Format icons
***************************************************************** */
#mainNav .backstage { background-position:-280px -40px !important; }
#mainNav .charity   { background-position:-320px -40px !important; }
#mainNav .concert   { background-position:-360px -40px !important; }
#mainNav .festivals { background-position:-200px -40px !important; }
#mainNav .legends   { background-position:-240px -40px !important; }
#mainNav .hd        { background-position:-440px -40px !important; }
#mainNav .tvshow    { background-position:-400px -40px !important; }

/* *****************************************************************
location indicator
***************************************************************** */
.location {
    position:absolute;
    width:33px;
    height:28px;
    top:67px;
}

.location.stages {
    left:131px;
}

.location.genres {
    left:60px;
}

.location .icon {
    position:absolute;
    display:block;
    width:25px;
    height:25px;
    overflow:hidden;
    margin:3px 8px 0px 0px;
    background:url('../pix/icons/genrestage_small.png') no-repeat bottom left;
}

.location a.close {
    position:relative;
    width:9px;
    height:9px;
    display:block;
    background:url("../pix/icons/closeicon.png") no-repeat center center;
    left:24px;
}

.location a.close span { display:none; }

/* *****************************************************************
Genre icons small
***************************************************************** */
.location .alternative { background-position:-175px 0px !important; }
.location .ballet      { background-position:-100px 0px !important; }
.location .blues       { background-position:-25px  -25px !important; }
.location .classic     { background-position:-75px 0px !important; }
.location .country     { background-position:-275px 0px !important; }
.location .electro     { background-position:-25px  0px !important; }
.location .hardrock    { background-position:-50px -25px !important; }
.location .hiphop      { background-position:0px   -25px !important; }
.location .jazz        { background-position:0px    0px !important; }
.location .latin       { background-position:-100px -25px !important; }
.location .opera       { background-position:-125px 0px !important; }
.location .pop         { background-position:-75px -25px !important; }
.location .soul        { background-position:-50px 0px !important; }
.location .reggae      { background-position:-250px 0px !important; }
.location .rock        { background-position:-225px 0px !important; }
.location .francaise   { background-position:-200px 0px !important; }
.location .world       { background-position:-150px 0px !important; }

/* *****************************************************************
Format icons small
***************************************************************** */
.location .backstage { background-position:-175px -25px !important; }
.location .charity   { background-position:-200px -25px !important; }
.location .concert   { background-position:-225px -25px !important; }
.location .festivals { background-position:-125px -25px !important; }
.location .legends   { background-position:-150px -25px !important; }
.location .hd        { background-position:-275px -25px !important; }
.location .tvshow    { background-position:-250px -25px !important; }