/* GLOBAL */
.clear{ clear:both; }
body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #0082CB;
}

p *{
	text-decoration: none;
}

#wrapper{
	margin: 10px auto 10px auto;
	padding: 10px 11px 12px 10px;
	width: 890px;
	min-height: 100%;
	background-image: url(../images/grfx/grid_gray.gif);
}

#contentBox{
	padding: 0;
	width: 890px;
}

/* ##################### HEADER ################# */

#header {
	width: 890px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 10px;
}

#header #logo {
	float: left;
	margin: 0 10px 0 0;
	padding: 100px 0 0 0;
	width: 170px;
	height: 70px;
	background: url(../images/grfx/main_logo.gif) no-repeat;
}

#header #banner{
	float:left;
	width: 710px;
	height: 170px;
}

#header #identity{
	float: left;
	width: 570px;
	height: 110px;
	background: url(../images/grfx/non-js/banner-swf.gif) no-repeat;
}

#header #join{
	float: right;
	display: inline;
	margin: 10px 10px 0 0;
	padding: 0;
	width: 130px;
	height: 80px;
}

#header #join input, #header #join select{
	float: left;
	margin: 0 0 9px 0;
	padding: 0;
	width: 130px;
	height: 20px;
	font-size: 13px;	
	border: none;
}

#header #nav{
	float: left;
	width: 700px;
	padding-top: 0 !important;
	padding-top: 0;
	padding-left: 10px;
	overflow: hidden;
}

#header #nav ul{ margin: 0; padding: 0; list-style: none;}

#header #nav li{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 130px;
	height: 20px;
	overflow: hidden;
}

#header #nav a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 100%;
}

#header #nav #home{ background-image: url(../images/grfx/menu_home_on.gif); }
#header #nav #releases{ background-image: url(../images/grfx/menu_releases_on.gif); }
#header #nav #parties{ background-image: url(../images/grfx/menu_parties_on.gif); }
#header #nav #press{ background-image: url(../images/grfx/menu_press_on.gif); }
#header #nav #about{ background-image: url(../images/grfx/menu_about_on.gif); }
#header #nav #artists{ background-image: url(../images/grfx/menu_artists_on.gif); }
#header #nav #store{ background-image: url(../images/grfx/menu_store_on.gif); }
#header #nav #events{ background-image: url(../images/grfx/menu_events_on.gif); }
#header #nav #contact{ background-image: url(../images/grfx/menu_contact_on.gif); }
#header #nav #videos{ background-image: url(../images/grfx/menu_videos_on.gif); }

#header #nav #home a{ background-image: url(../images/grfx/menu_home_off.gif); }
#header #nav #home a:hover{ background-image: url(../images/grfx/menu_home_on.gif); }
#header #nav #releases a{ background-image: url(../images/grfx/menu_releases_off.gif); }
#header #nav #releases a:hover{ background-image: url(../images/grfx/menu_releases_on.gif); }
#header #nav #parties a{ background-image: url(../images/grfx/menu_parties_off.gif); }
#header #nav #parties a:hover{ background-image: url(../images/grfx/menu_parties_on.gif); }
#header #nav #press a{ background-image: url(../images/grfx/menu_press_off.gif); }
#header #nav #press a:hover{ background-image: url(../images/grfx/menu_press_on.gif); }
#header #nav #about a{ background-image: url(../images/grfx/menu_about_off.gif); }
#header #nav #about a:hover{ background-image: url(../images/grfx/menu_about_on.gif); }
#header #nav #artists a{ background-image: url(../images/grfx/menu_artists_off.gif); }
#header #nav #artists a:hover{ background-image: url(../images/grfx/menu_artists_on.gif); }
#header #nav #store a{ background-image: url(../images/grfx/menu_store_off.gif); }
#header #nav #store a:hover{ background-image: url(../images/grfx/menu_store_on.gif); }
#header #nav #events a{ background-image: url(../images/grfx/menu_events_off.gif); }
#header #nav #events a:hover{ background-image: url(../images/grfx/menu_events_on.gif); }
#header #nav #contact a{ background-image: url(../images/grfx/menu_contact_off.gif); }
#header #nav #contact a:hover{ background-image: url(../images/grfx/menu_contact_on.gif); }
#header #nav #videos a{ background-image: url(../images/grfx/menu_videos_off.gif); }
#header #nav #videos a:hover{ background-image: url(../images/grfx/menu_videos_on.gif); }

#home #header #nav #home a{ background-image: url(../images/grfx/menu_home_on.gif); }
#releases #header #nav #releases a{ background-image: url(../images/grfx/menu_releases_on.gif); }
#parties #header #nav #parties a{ background-image: url(../images/grfx/menu_parties_on.gif); }
#press #header #nav #press a{ background-image: url(../images/grfx/menu_press_on.gif); }
#about #header #nav #about a{ background-image: url(../images/grfx/menu_about_on.gif); }
#artists #header #nav #artists a{ background-image: url(../images/grfx/menu_artists_on.gif); }
.store #header #nav #store a{ background-image: url(../images/grfx/menu_store_on.gif); }
#events #header #nav #events a{ background-image: url(../images/grfx/menu_events_on.gif); }
#contact #header #nav #contact a{ background-image: url(../images/grfx/menu_contact_on.gif); }
#videos #header #nav #videos a{ background-image: url(../images/grfx/menu_videos_on.gif); }

/* FOOTER CLASSES */
#footer{ 
	color: #FFFFFF; 
	height: 29px;
}
#footer a{ 
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	color: #000000;
}

/* GELERAL CLASSES */
#recordMenu{
	width: 50px;
	height: 100px;
	overflow: hidden;
}

.btnListen, .btnListenDisabled, .btnBuy, .btnBuyDisabled, .btnDownload, .btnDownloadDisabled{
	display: block;
	width: 50px;
	height: 30px;
	margin-bottom: 5px;
	overflow: hidden;
}

.btnListenDisabled, .btnBuyDisabled, .btnDownloadDisabled{
	display: block;
	padding: 0 0 0 50px;
}

.btnListen a, .btnBuy a, .btnDownload a{ display: block; padding-top:30px;  width:30px; height: 30px;}

.btnListen a{ background: url(../images/grfx/btn_listen.gif) no-repeat; }
.btnBuy a{ background: url(../images/grfx/btn_buy.gif) no-repeat; }
.btnDownload a{ background: url(../images/grfx/btn_download.gif) no-repeat; }

.btnListen a:hover{ width: 50px; background-image: url(../images/grfx/btn_listen_rollover.gif);}
.btnBuy a:hover{ width: 50px; background-image: url(../images/grfx/btn_buy_rollover.gif);}
.btnDownload a:hover{ width: 50px; background-image: url(../images/grfx/btn_download_rollover.gif);}

.btnListenDisabled{ background: url(../images/grfx/btn_listen_off.gif) no-repeat; }
.btnBuyDisabled{ background: url(../images/grfx/btn_buy_off.gif) no-repeat; }
.btnDownloadDisabled{ background: url(../images/grfx/btn_download_off.gif) no-repeat; }

.moreLink {
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 13px;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
}

.moreLink:hover{
	color: #000000;
	background-color: #FFFFFF;
}

.myspaceLink {
	display: block;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 13px;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
}

.myspaceLink:hover{
	color: #000000;
	background-color: #FFFF00;
}

.gotoLink {
	margin: 0;
	padding: 0;
	height: 13px;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
}

.gotoLink:hover{
	color: #000000;
	background-color: #FFFFFF;
}


.clear{ clear: both; }

.defaultColor{
	background-color: #FFFFFF;
}