/* 
 * Body is the root of HTML document. Here we'll put the adastra background.
 */
body
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background: #474825 url(background.jpg) fixed repeat-y top left;
	float: left;
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 18;
}
/*
 * Cityscape that's fixed on bottom of screen regardless of resolution
 */
#cityscape
{
	position: absolute;
	background: url(cityscape.gif) repeat-x left bottom;
	bottom: 0px; 
	height: 126px; /* height of cityscape.gif */
	width: 100%;
	min-width:970px;/*--Fixes Background Bug--*/
	z-index: -51;
}

/*
 * Menu on the top-left is called "menubox". It's of specified size
 * which matches 'papersbg.png', and also has papersbg.png as its background
 * image.
 */
#menubox
{
	width: 457px;
	height: 320px;
	position: absolute;
	top: 0px; left: 0px;
	background: url(papersbg.gif);
	z-index: 17;
}

/* 
 * Our menubox has menus specified using ul's, so it looks nice on older
 * browsers, and so our site is more accessible.
 * We must remove bullet points.
 */
#menubox ul
{
	list-style: none outside;
	padding: 0; margin: 0;
/*	position: relative;*/
	display: block;
	z-index: 16; 
}
/*
 * Some properties generic for all menubox items
 * For example, they must stop behaving like menuboxes.
 */
#menubox ul li
{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 15;
	cursor: hand;
}
/**
  * All text usually intended for non-css-aware browsers will be hidden
  */
#menubox ul li span, #menubox div#topframe span
{
	display: none;
}

/* Now come individual menu items */
#menubox ul li#home
{
	left: 0px;
	top: 182px;
	width: 75px;
	height: 34px;
	background: url(home_normal.gif) no-repeat;
}
#menubox ul li#home:hover
{
	background: url(home_hover.gif) no-repeat;
}
#menubox ul li.en#home		{background: url(en/home_normal.gif) no-repeat;}
#menubox ul li.en#home:hover	{background: url(en/home_hover.gif) no-repeat;}
#menubox ul li.hu#home		{background: url(hu/home_normal.gif) no-repeat;}
#menubox ul li.hu#home:hover	{background: url(hu/home_hover.gif) no-repeat;}



#menubox ul li#band
{
	left: 66px;
	top: 179px;
	width: 96px;
	height: 34px;
	background: url(band_normal.gif) no-repeat;
}
#menubox ul li#band:hover
{
	background: url(band_hover.gif) no-repeat;
}
#menubox ul li.en#band		{background: url(en/band_normal.gif) no-repeat;}
#menubox ul li.en#band:hover	{background: url(en/band_hover.gif) no-repeat;}
#menubox ul li.hu#band		{background: url(hu/band_normal.gif) no-repeat;}
#menubox ul li.hu#band:hover	{background: url(hu/band_hover.gif) no-repeat;}


#menubox ul li#photo
{
	left: 154px;
	top: 167px;
	width: 88px;
	height: 37px;
	background: url(photo_normal.gif) no-repeat;
}
#menubox ul li#photo:hover
{
	background: url(photo_hover.gif) no-repeat;
}
#menubox ul li.en#photo		{background: url(en/photo_normal.gif) no-repeat;}
#menubox ul li.en#photo:hover	{background: url(en/photo_hover.gif) no-repeat;}
#menubox ul li.hu#photo		{background: url(hu/photo_normal.gif) no-repeat;}
#menubox ul li.hu#photo:hover	{background: url(hu/photo_hover.gif) no-repeat;}


#menubox ul li#lyrics
{
	left: 236px;
	top: 169px;
	width: 88px;
	height: 30px;
	background: url(lyrics_normal.gif) no-repeat;
}
#menubox ul li#lyrics:hover
{
	background: url(lyrics_hover.gif) no-repeat;
}
#menubox ul li.en#lyrics	{background: url(en/lyrics_normal.gif) no-repeat;}
#menubox ul li.en#lyrics:hover	{background: url(en/lyrics_hover.gif) no-repeat;}
#menubox ul li.hu#lyrics	{background: url(hu/lyrics_normal.gif) no-repeat;}
#menubox ul li.hu#lyrics:hover	{background: url(hu/lyrics_hover.gif) no-repeat;}



#menubox ul li#media
{
	left: 12px;
	top: 208px;
	width: 87px;
	height: 30px;
	background: url(media_normal.gif) no-repeat;
}
#menubox ul li#media:hover
{
	background: url(media_hover.gif) no-repeat;
}

#menubox ul li#press
{
	left: 109px;
	top: 204px;
	width: 87px;
	height: 35px;
	background: url(press_normal.gif) no-repeat;
}
#menubox ul li#press:hover
{
	background: url(press_hover.gif) no-repeat;
}
#menubox ul li#contact
{
	left: 205px;
	top: 193px;
	width: 88px;
	height: 34px;
	background: url(contact_normal.gif) no-repeat;
}
#menubox ul li#contact:hover
{
	background: url(contact_hover.gif) no-repeat;
}
#menubox ul li.en#contact	{background: url(en/contact_normal.gif) no-repeat;}
#menubox ul li.en#contact:hover	{background: url(en/contact_hover.gif) no-repeat;}
#menubox ul li.hu#contact	{background: url(hu/contact_normal.gif) no-repeat;}
#menubox ul li.hu#contact:hover	{background: url(hu/contact_hover.gif) no-repeat;}


/***** END OF INDIVIDUAL BUTTONS **********/



/* girl decoration */
#menubox div#girl
{
	position: absolute;
	left: 265px;
	top: 4px;
	width: 117px;
	height: 125px;
	background: url(girl.png) no-repeat;
	z-index: 1;
}
/* menubox frame contents */
#menubox div#topdecore
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 254px;
	height: 159px;
	background: url(topdecore.gif) no-repeat;
	z-index: 2;
}
/* menubox frame (above decore) */
#menubox div#topframe
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 284px;
	height: 191px;
	background: url(topframe.png) no-repeat;
	z-index: 3;
}

#submenu-container
{
	position: absolute;
	left: 0px;
	/*bottom: 75px;*/
	top: 270px;
	width:  330px;
	height: 200px;
	max-height: 200px;

}
#submenu-container2
{
	position: relative;
	margin-top: 30px;
	left: 40px; /* for some reason webkit browsers didn't take the plain 'top' with percentage ... msie, firefox and opera had no problem ... */
	width: 100%;
	height: 85%;
	
}
#submenu-background
{
	background: #222200;
	width: 100%; height: 100%; 
	filter: alpha(opacity=35); /* ie */ 
	-moz-opacity: 0.35; /* mozilla */ 
	opacity: 0.35; /* generic? css3 */
	float: left; /* for transparency to work in (all?) browsers ... */
	position: absolute;
	left: 0; top: 0;
	z-index: -1;
}
#submenu
{
	position: relative;
/*	margin-top: 10px;*/

	width: 100%;
	height: 100%;
	
	overflow: auto;
}



#contents-container
{
	position: absolute;
	left: 430px;
	top: 15px;
	right: 90px;
	width: 55%;
	height: 95%;
}
#contents-container #background
{
	background: #222200;
	width: 100%; height: 100%; 
	filter: alpha(opacity=35); /* ie */ 
	-moz-opacity: 0.35; /* mozilla */
	opacity: 0.35; /* generic? css3 */
	float: left; /* for transparency to work in (all?) browsers ... */
	position: absolute;
	left: 0px; top: 0px;
	z-index: -15;
}

#contents
{
	margin-top: 5%;
	margin-left: 5%;
	width: 90%;
	height: 90%;
	overflow: auto;
}

/* for purposes of preloader */
.hiddenimage
{
	display: none;
}


div.ie6info
{
	position: absolute;
	left: 5px;
	bottom: 5px;

	z-index: 55;

	color: #a0a000;
	font-size: 0.6em;
	font-family: Verdana, Arial, sans-serif;
	background: black;
	width: 420px;
}
div.ie6info a
{
	color: #a0a000;	
}

/*************************
example:
div#navigation a[type="application/pdf"]:after {
	content:  url("/media/pdf-icon.gif")

}
***************/