@charset "UTF-8";

/* nav***********************************************************************/
#gNav a {color: #333; text-decoration: none;}
#gNav a:hover {color: #666; text-decoration:none; }
#gNav ul {margin:0px; padding: 0px 0 0 0; position: relative; list-style: none;}
#gNav ul li {padding: 0px 0; position: relative;z-index: 1; line-height: 0;}
#gNav ul li {padding: 0px 0; position: relative;z-index: 1; line-height: 0;}
#gNav ul li a.nav_g {
font-size:14px;
font-weight:bold;
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 1;
	text-indent:-9999px;
      -webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#gNav { float: none; width: 100%; padding:0px 0 0px 0px; height: 2.5em; margin:0 0 0 0em; }
#gNav ul { float:left; width: 100%; padding: 0px 0; }
#gNav ul li { float:left; margin: 0 0px 0 0; }

#gNav ul li.nav00 a.nav_g { background: url(../images/gnavi_home.gif) no-repeat 0px 10px; width: 73px;}
#gNav ul li.nav01 a.nav_g { background: url(../images/gnavi_news.gif) no-repeat 0px 10px; width: 73px;}
#gNav ul li.nav02 a.nav_g { background: url(../images/gnavi_disco.gif) no-repeat 8px 10px; width: 133px;}
#gNav ul li.nav03 a.nav_g { background: url(../images/gnavi_soundvision.gif) no-repeat 8px 10px; width: 137px; }
#gNav ul li.nav04 a.nav_g { background: url(../images/gnavi_photo.gif) no-repeat 8px 10px; width: 82px;}
#gNav ul li.nav05 a.nav_g { background: url(../images/gnavi_bio.gif) no-repeat 8px 10px; width: 115px;}
#gNav ul li.nav06 a.nav_g { background: url(../images/gnavi_store.gif) no-repeat 8px 10px; width: 82px;}
#gNav ul li.nav07 a.nav_g { background: url(../images/gnavi_360.gif) no-repeat 8px 10px; width: 70px;}
#gNav ul li:hover a.nav_g { background-color: #ececec; }
#gNav ul li.current{ background-color: #ececec;}

ul#nvFt { width: 99.5%; float:right; margin:-2.1em -0.1em 0 0em; border-bottom: 1px solid #000; padding: 0 0.5em 0.45em 0;}
ul#nvFt li{ text-indent:-9999px; height: 20px; list-style: none; float:right; margin:0 0 0 5px;}

ul#nvFt li.ft05{width: 20px; height: 20px; }
ul#nvFt li.ft04{width: 20px; height: 20px; }
ul#nvFt li.ft03{width: 20px; height: 20px;}
ul#nvFt li.ft02{width: 20px; height: 20px;}
ul#nvFt li.ft01{width: 20px; height: 20px;}

ul#nvFt li a{height: 20px; display: block; }
ul#nvFt li.ft05 a{width: 20px; background: url("../images/icon_amazon_n.jpg") no-repeat;}
ul#nvFt li.ft04 a{width: 20px; background: url("../images/icon_facebook_n.jpg") no-repeat;}
ul#nvFt li.ft03 a{width: 20px; background: url("../images/icon_twitter_n.jpg") no-repeat;}
ul#nvFt li.ft02 a{width: 20px; background: url("../images/icon_itunes_n.jpg") no-repeat;}
ul#nvFt li.ft01 a{width: 20px; background: url("../images/icon_myspace_n.jpg") no-repeat;}

ul#nvFt li.ft05 a:hover{width: 20px; background: url("../images/icon_amazon_o.jpg") no-repeat;}
ul#nvFt li.ft04 a:hover{width: 20px; background: url("../images/icon_facebook_o.jpg") no-repeat;}
ul#nvFt li.ft03 a:hover{width: 20px; background: url("../images/icon_twitter_o.jpg") no-repeat;}
ul#nvFt li.ft02 a:hover{width: 20px; background: url("../images/icon_itunes_o.jpg") no-repeat;}
ul#nvFt li.ft01 a:hover{width: 20px; background: url("../images/icon_myspace_o.jpg")no-repeat;}

/* screens smaller than 1000***********************************************************************/
@media only screen and (min-width:821px) and (max-width:1000px) {
#gNav { height: 2.5em;
margin:0 0 2.5em 0em; 
width:100%;
border: none;
}
#gNav ul {
	float:left;
	width: 100%;
	padding: 0px 0;
	margin: 0 0px;
}
#gNav ul li {
}
ul#nvFt {
width:99.5%;
float:right;
margin:-2.1em 0px 0em 0;
border-bottom: 1px solid #000;
padding: 0 0.5em 0.45em 0;
}
ul#nvFt { width: 99.5%; float:right; margin:0.5em -0.1em 5em 0em; border-bottom: 1px solid #000; padding: 0 0.5em 0.45em 0;}

}
/* screens smaller than 820***********************************************************************/
@media only screen and (min-width:541px) and (max-width:820px) {

#gNav {
width:100%;
margin:0 0 2.5em -0.2em;
}
ul#nvFt {
width:99%;
float:right;
margin:-2.2em 0em; 0em 2em;
border-bottom: 1px solid #000;
padding: 0 0.5em 0.5em 0;
}
}
/* /screens smaller than 820 ***********************************************************************/


/* screens smaller than 540***********************************************************************/
@media only screen and (max-width:540px) {

#gNav { margin:0 0 2.5em 0em;
width: 100%;}

ul#nvFt {
width:99%;
float:right;
margin:-2.7em 0em; 0em 1em;
padding: 0.5em 0.5em 0.5em 0;
}
}
/* /screens smaller than 540 ***********************************************************************/

/* screens smaller than 320***********************************************************************/
@media only screen and (max-width:320px) {
#gNav {
	width: 99%;
	margin-bottom: 0px;
height: 7.55em;
}

ul#nvFt {
float:right;
margin:0em 0em; 0.5em 0;
border-bottom: none;
padding: 0.5em 0.5em 0.5em 0;
}

}