/*
-------------------------------------
	LAYOUT STUFF
-------------------------------------
*/

html{
	background:url('img/wood-bg.gif');
}

body{
	margin:0;
	padding:0;
	background:url('img/mag-laptop.png') no-repeat center top;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#container{
   width:885px;
	margin:0 auto;
}

#header{
	height:270px;
	background:url('img/header.png') no-repeat;
}

#content{
	background:url('img/body-bg.png');
	width:885px;
	margin:0 auto;
}

#gig{
	padding:10px;
	margin-top:10px;
	border:1px dashed #ccc;
	background:#efefef;
}

#content .main{
	width:610px;
	margin-left:45px;
	padding-top:190px;
	padding-bottom:10px;
}

#footer {
	height: 90px;
	position: relative;
	width:885px;
	margin:0 auto;
	background:url('img/footer.png') no-repeat;
	text-align:center;
	padding-top:10px;
}

/*
	NAVIGATION
*/

#nav{
	position:absolute;
	top:330px;
	z-index:9999;
	background:url('img/navigation.png');
	width:254px;
	height:257px;
	margin-left:600px;
}

#nav ul{
	margin:50px 0 0 30px;
	padding:0;
	list-style-type:none;
}

#nav ul li{
	display:block;
	width:115px;
	height:26px;
	list-style-type:none;
}

#nav ul li a{
	display:block;
	width:115px;
	height:26px;
	text-indent:-9999em;
}

#nav ul li a.home{
	background:url('img/homeon.png');
	}
#nav ul li a.band{
	background:url('img/bandon.png');
}	
#nav ul li a.contact{
	background:url('img/contacton.png');
}	
#nav ul li a.media{
	background:url('img/mediaon.png');
}
#nav ul li a.photo{
	background:url('img/photoson.png');
}
#nav ul li a.tour{
	background:url('img/touron.png');
}	
/*
-------------------------------------
	FONT STUFF
-------------------------------------
*/

h1, h2, h3, h4, p{
	margin:0 0 0 0;
}

a{
	color:#4394AD;
}

h1{
	font-weight:normal;
	font-style:italic;
	color:#333;
	font-size:40px;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px dashed #999;
}

h2{
	font-weight:normal;
	font-style:italic;
	color:#333;
	font-size:18px;
	padding-top:20px;
	padding-bottom:-10px;
}

h3{
	font-weight:bold;
	font-style:italic;
	color:#4394AD;
	font-size:15px;
	padding-top:0px;
	padding-bottom:0px;
}

p{
	font-size:13px;
	line-height:24px;
	color:#666;
	padding-top:10px;
}
/*
-------------------------------------
	GALLERY TOP
-------------------------------------
*/


#gallery {
	position:absolute;
	top:150px;
	margin-left:338px;
	height:290px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:9999; 
		color:#333; 
		height:50; 
		width:100%;
		text-align:center;
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	

/*
-------------------------------------
	FUN STUFF
-------------------------------------
*/

#iphone{
	position:absolute;
	top:0px;
	z-index:2222;
	width:335px;
	height:319px;
	background:url('img/iphone.png') no-repeat;
	margin-left:-118px;
}

#marlboro{
	position:absolute;
	top:0px;
	z-index:3333;
	width:277px;
	height:334px;
	background:url('img/marlboro.png') no-repeat;
	margin-left:667px;
}

#postit{
	position:absolute;
	top:192px;
	z-index:1111;
	width:269px;
	height:271px;
	background:url('img/postit.png') no-repeat;
	margin-left:38px;
}

#polaroid{
	position:absolute;
	top:118px;
	z-index:1111;
	width:321px;
	height:344px;
	background:url('img/polaroid-over.png') no-repeat;
	margin-left:279px;
}

#facebook a{
	position:absolute;
	top:228px;
	z-index:6666;
	width:149px;
	height:106px;
	background:url('img/facebook.png') no-repeat;
	margin-left:570px;
	text-indent:-9999em;
}

span.tour{
	position:absolute;
	z-index:1111;
	width:126px;
	height:226px;
	margin-left:-133px;
	background:url('img/ticket.png');
}