#master {
	background: url(../img/masterBackground.gif) repeat-x;
	/*
	background-position: 0px 0px;
	*/
}

#toolbarLogo {
/*
	position: absolute;
	top: 8px;
	left: 15px;
*/	width: 165px;
	height: 39px;
	position: relative;
	float: left;
	background: url(../img/toolbarLogo.gif) no-repeat;
}



#toolbar {
	
	/*
	float: left;
	*/
	width: 910px;
	height: 56px;
	
	background: url(../img/toolbarBackground.gif) repeat-x;
}

#toolbarWrapper {
	/*
	position: absolute;
	top: 10px;
	left: 310px;
	*/
	/*
	position: relative;
	*/
	padding: 10px 0px 0px 310px;
	width: 600px;
	height: 35px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 147px;
	height: 35px;
}

#nav li { /* all list items */
	float: left;
	width: 147px; /* width needed or else Opera goes nuts */
}

#nav li#fanclub {
	padding: 0px 3px 0px 0px;
	float: left;
	width: 147px;
	height: 35px;
	background: url(../img/toolbarFanclub.gif) no-repeat;
}
#nav li#fanclub a {
	text-indent: -9999px;
}
#nav li#fanclub a:hover {
	background: url(../img/toolbarFanclub_ov.gif) no-repeat;
	overflow: hidden;
}

#nav li#audition {
	padding: 0px 3px 0px 0px;
	float: left;
	width: 147px;
	height: 35px;
	background: url(../img/toolbarAudition.gif) no-repeat;
}
#nav li#audition a {
	text-indent: -9999px;
}
#nav li#audition a:hover {
	background: url(../img/toolbarAudition_ov.gif) no-repeat;
	overflow: hidden;
}

#nav li#order {
	padding: 0px 3px 0px 0px;
	float: left;
	width: 147px;
	height: 35px;
	background: url(../img/toolbarOrder.gif) no-repeat;
}
#nav li#order a {
	text-indent: -9999px;
}
#nav li#order a:hover {
	background: url(../img/toolbarOrder_ov.gif) no-repeat;
	overflow: hidden;
}

#nav li#mobile {
	padding: 0px 3px 0px 0px;
	float: left; 
	width: 147px;
	height: 35px;
	background: url(../img/toolbarMobile.gif) no-repeat;
}
#nav li#mobile a {
	text-indent: -9999px;
}
#nav li#mobile a:hover {
	background: url(../img/toolbarMobile_ov.gif) no-repeat;
	overflow: hidden;
}


#nav li ul { /* second-level lists */
	position: absolute;
	/* PROBLEM AREA!
	background: orange;  
	*/
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul #tooltipOrder {
	position: absolute;
	top: -5px;
	left: 0px;
	background: url(../img/tooltipOrder.gif) no-repeat;
	width: 229px;
	height: 67px;
	/*
	left: -9999px;
	*/
}
#nav li ul #tooltipOrder a {
	display: block;
	width: 229px;
	height: 67px;
	/*
	left: -9999px;
	*/
}
#nav li ul #tooltipOrder a:hover {
	background-position: -9999px -9999px;
}



#nav li ul #tooltipOrder #shop {
	position: absolute;
	top: 26px;
	left: 10px;
	width: 100px;
	height: 13px;
	/*
	background-color: red;
	*/
}
#nav li ul #tooltipOrder #shop a {
	display: block;
	width: 100px;
	height: 13px;
	text-indent: -9999px;
}

#nav li ul #tooltipOrder #yahoo {
	position: absolute;
	top: 26px;
	left: 119px;
	width: 100px;
	height: 13px;
	/*
	background-color: blue;
	*/
}
#nav li ul #tooltipOrder #yahoo a {
	display: block;
	width: 100px;
	height: 13px;
	text-indent: -9999px;
}

#nav li ul #tooltipOrder #secret {
	position: absolute;
	top: 43px;
	left: 10px;
	width: 209px;
	height: 15px;
	/*
	background-color: green;
	*/
}
#nav li ul #tooltipOrder #secret a {
	display: block;
	width: 209px;
	height: 15px;
	text-indent: -9999px;
}




#nav li ul #tooltipMobile {
	position: absolute;
	top: -5px;
	left: -152px;
	background: url(../img/tooltipMobile.gif) no-repeat;
	width: 300px;
	height: 67px;
	z-index: 999;
}
#nav li ul #tooltipMobile a {
	display: block;
	width: 300px;
	height: 67px;
}
#nav li ul #tooltipMobile a:hover {
	background-position: -9999px -9999px;
}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}