/********************************************
 *	Styles for Iron Maiden 2008				*
 *											*
 *	08-05-2008								*
 ********************************************/

* {
	margin:0;
	padding:0;
}

html 
{
	height:100%;
	background:#051C30 url(bkg_html.jpg) repeat-x;
}

body {
	font-size:76%;
	font-family:Arial; 
	color:#fff;
}

img {
	border:none;
}

a {
	position:relative;
	outline:none;
	color:#fff;
}



/************************************
 *	General Styles ||| Structure	*
 ************************************/

#container 
{
	width:882px;
	margin:0 auto;
	padding:15px 0;
}
	
	#holder_top 
	{
		width:882px;
		height:15px;
		background:transparent url(bkg_top.png) no-repeat;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bkg_top.png');
	}
	
	#holder 
	{
		width:852px;
		padding:0 15px;
		background:transparent url(bkg_middle.png) repeat-y;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bkg_middle.png', sizingMethod='scale');
	}
	
	#holder_bottom 
	{
		width:882px;
		height:15px;
		background:transparent url(bkg_bottom.png) no-repeat;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bkg_bottom.png');
	}
		


/********************
 *	Common Styles	*
 ********************/

/**
 *	float styles
 */
.clear 
{
	clear:both;
	width:1px;
	height:0;
}

	/* blank image required for FF on Mac */
	.clear img 
	{
		width:1px;
		height:0;
	}

.floatLeft { float:left; }
.floatRight { float:right; }

.hidden { display:none; }


/************
 *	Header	*
 ************/

#header 
{
	position:relative;
	width:852px;
	height:178px;
	background:url(bkg_header.jpg) no-repeat;
}

	#header .header_logo 
	{
		position:absolute;
		top:12px;
		width:100%;
	}
	
		#header .header_logo a,
		#header .header_logo a:visited 
		{
			position:relative;
			display:block;
			width:300px;
			height:55px;
			margin:0 auto;
			z-index:100;
		}
		
		#header .header_logo img 
		{
			position:relative;
			display:block;
			width:100%;
			height:100%;
		}
		
		#header .header_logo .header_text 
		{
			position:relative;
			font-size:1.2em;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			padding:2.4em 0 0;
		}
		
	#header .header_details 
	{
		position:absolute;
		top:5px;
		right:5px;
		width:105px;
		padding:0.7em 0.7em 0.4em;
		background:#333;
	}
	
		#header .header_details .h_item 
		{
			position:relative;
			font-size:1.2em;
			font-weight:bold;
			color:#fff;
			padding:0 0 0.3em;
			line-height:1em;
		}
		
			#header .header_details .h_item span 
			{
				color:#ffd91f;
			}
	

/****************
 *	Navigation	*
 ****************/

#navigation 
{
	position:absolute;
	top:140px;
	width:100%;
	height:30px;
	margin:0 auto;
	padding:0.3em 0 0;
	text-align:center;
	z-index:100;
}

	#navigation .tab 
	{
		position:relative;
		display:inline;
		font-size:1.4em;
		font-weight:bold;
		text-transform:uppercase;
	}
	
		#navigation .tab a,
		#navigation .tab a:visited
		{
			position:relative;
			color:#fff;
			text-decoration:none;
		}
		
		#navigation .tab a:hover,
		#navigation .tab a.active,
		#navigation .tab a.active .tab_middle /* for IE6 */
		{
			color:#ffd91f;
		}
	
	#navigation .tab_separator 
	{
		display:inline;
		padding:0 0.5em 0 0;
	}
	
		#navigation .tab_separator img 
		{
			padding:0 0 0.2em;
		}
		
		
/************
 *	Footer	*
 ************/

#footer 
{
	width:852px;
	height:103px;
	color:#666;
	background:url(bkg_footer.jpg) no-repeat;
}

	#footer #footerLinks 
	{
		padding:1.2em 0 0;
		text-align:center;
	}
	
		#footer #footerLinks a,
		#footer #footerLinks a:visited 
		{
			position:relative;
			color:#666;
			text-decoration:none;
		}
		
		#footer #footerLinks a:hover 
		{
			text-decoration:underline;
		}
	
		#footer #footerLinks .tab 
		{
			display:inline;
		}
	
		#footer #footerLinks .tab_separator 
		{
			display:inline;
			padding:0 0.5em;
		}
		
	#footer #footerCopy 
	{
		width:100%;
		color:#666;
		text-align:center;
	}
	
		#footer #footerCopy a,
		#footer #footerCopy a:visited 
		{
			color:#666;
			text-decoration:none;
		}
		
		#footer #footerCopy a:hover 
		{
			text-decoration:underline;
		}
	

/****************
 *	Content		*
 ****************/

#contentHolder 
{
	width:100%;
}

	#contentHolder p
	{
		padding:0.4em 0;
		line-height:1.1em;
	}
	
	#loader 
	{
		display:none;
		position:absolute;
		top:10px;
		left:10px;		
		width:32px;
		height:32px;
		padding:10px;
		background:transparent url(pix_loader.gif) 10px 10px no-repeat;
	}
	

	
/************
 *	HOME	*
 ************/

#contentHolder .home
{
	position:relative;
	width:852px;
	height:441px;
	background:transparent url(bkg_hometxt.jpg) no-repeat;
}


	 
	#contentHolder .home .artists 
	{
		position:absolute;
		bottom:10px;
		width:852px;
	}
	
		#contentHolder .home .artists .artist 
		{
			position:relative;
			float:left;
			width:284px;
			height:126px;
		}
		
			#contentHolder .home .artists .artist .image 
			{
				position:absolute;
				bottom:0;
				left:15px;
				width:120px;
				height:126px;
			}
				
				#contentHolder .home .artists .artist .image img 
				{
					display:block;
					width:100%;
					height:100%;
				}
			
			#contentHolder .home .artists .artist .logo 
			{
				position:absolute;
				top:0;
				right:15px;
				width:134px;
			}
			
				#contentHolder .home .artists .artist .logo img 
				{
					display:block;
					margin:auto;
				}
			
			#contentHolder .home .artists .artist .text 
			{
				position:absolute;
				bottom:5px;
				left:150px;
				width:134px;
				font-size:1em;
				font-weight:bold;
				color:#fff;
				line-height:1em;
			}
			
				#contentHolder .home .artists .artist .text span 
				{
					color:#ffd91f;
				}
				
				

/********************
 *	GETTING THERE	*
 ********************/

#contentHolder .getting-there
{
	position:relative;
	width:852px;
	height:441px;
	background:transparent url(bkg_home.jpg) no-repeat;
}

	#contentHolder .getting-there .gt_left 
	{
		float:left;
		width:390px;
		height:408px;
		padding:15px 0 0 10px;
	}
	
		#contentHolder .getting-there .gt_item 
		{
			float:left;
			width:184px;
			height:126px;
			padding:0 10px 15px 0;
		}
		
		#contentHolder .getting-there .gt_left a, 
		#contentHolder .getting-there .gt_left a:visited
		{
			display:block;
			width:184px;
			height:126px;
		}
		
		#contentHolder .getting-there .gt_left img 
		{
			display:block;
			width:184px;
			height:126px;
		}
	
		#contentHolder .getting-there .gt_img_plane {}
	
	
	#contentHolder .getting-there .gt_right 
	{
		float:right;
		width:436px;
		height:408px;
		padding:15px 15px 0 0;
	}
	
		#contentHolder .getting-there .gt_right img 
		{
			display:block;
			width:436px;
			height:408px;
		}


	/**
	 *	LeightBox
	 */

	#lightboxContent 
	{
		display:none;
	}

	#overlayBox 
	{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:100;
		background-color:#000;
		-moz-opacity: 0.7;
		opacity:.70;
		filter: alpha(opacity=70);
	}
		
	#lightboxHolder
	{
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:101;
	}

		#lightboxContainer
		{
			width:500px;
			margin:15% auto 0;
			padding:5px;
			background:#fff;
		}
		
			#lightboxContainer .gt_content 
			{
				width:460px;
				padding:20px;
				background:#000;
			}
		
			#lightboxContainer img 
			{
				display:block;
				width:100%;
				height:auto;
			}
			
			#lightboxContainer .close 
			{
				font-weight:bold;
				padding:5px 10px;
			}
			
				#lightboxContainer .close a,
				#lightboxContainer .close a:visited 
				{
					color:#000;
					text-decoration:underline;
				}
				
				#lightboxContainer .close a:hover 
				{
					text-decoration:none;
				}


/********************
 *	TICKETS			*
 ********************/

#contentHolder .tickets
{
	position:relative;
	width:852px;
	background:#000 url(bkg_tickets.jpg) no-repeat;
}

	#contentHolder .tickets img
	{
		display:block;
		margin:0 auto;
		padding:5px 0 0;
		text-align:center;
	}

	#contentHolder .tickets .t_left 
	{
		float:left;
		width:830px;
		padding:15px;
	}
		
		#contentHolder .tickets .t_left .header 
		{
			font-size:1.2em;
			font-weight:bold;
			color:#ffd91f;
			text-align:left;
		}
		
		#contentHolder .tickets .t_left .price 
		{
			font-size:1.2em;
			font-weight:bold;
			text-align:left;
		}
	
	#contentHolder .tickets .t_right 
	{
		float:right;
		width:210px;
		padding:15px;
	}
	
		#contentHolder .tickets .t_right .header 
		{
			font-size:1.1em;
			font-weight:bold;
			color:#ffd91f;
			text-align:left;
		}
		
		#contentHolder .tickets .t_right .price 
		{
			font-size:1em;
			font-weight:bold;
			text-align:left;
		}
		
		
/********************
 *	THE SHOW		*
 ********************/

#contentHolder .the-show
{
	position:relative;
	width:822px;
	padding:350px 15px 20px;
	background:#000 url(bkg_theshow.jpg) no-repeat;
}

	#contentHolder .the-show h1 
	{
		font-size:1.4em;
		padding:0 0 15px;
	}