html{
	margin:0;
	padding:0;
	background:url(images/bg_body.gif) top;
}

body{
	font-family:verdana, arial, tahoma;
	color:#ccc;
	background:url(images/bg_body_t.gif) repeat-x top;
	font-size:62.5%;
	margin:0;
	padding:50px 0;
	position:relative;
}

.clearer{
	width:100%;
	clear:both;
	height:1px;
	font-size:1%;
}

a{
	outline:none;
}

img{
border:none;
}

#wrapper{
	width:748px;
	margin:0 auto;
	font-size:1.4em;
	line-height:1.2;
	background:url(images/bg_content_m.gif) repeat-y top left;
}

#wrapper2{
	background:url(images/bg_content_t.gif) no-repeat top left;
}

#wrapper3{
	background:url(images/bg_content_b.gif) no-repeat bottom left;
	padding:22px 21px 22px 22px;
	position:relative;
	z-index:20;
}

h1{
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}

h2{
	font-weight:normal;
	font-size:1.5em;
	text-transform:none;
	margin-top:0;
	padding-top:0;
}

h3{
	text-transform:uppercase;
	font-size:1.5em;
	margin:0;
	padding:0;
}

.info a{
	color:#fff;
	text-decoration:none;
	background:#444;
}

a:hover{
	background:#555;
}

/*Nav*/
	#nav{
	 height:100%;
	 position:relative;
	}

	#nav ul{
		list-style-type:none;
		margin:0;
		padding:0;
		height:100%;
	}
	
	#nav li{
		display:inline;
	}
	
	#nav li a{
		display:block;
		text-indent:-999em;
		text-decoration:none;	
		width:30px;
		background-position:top left;
		background-repeat:no-repeat;
		height:1000px;
		position:absolute;
		z-index:10;
	}
	
	#wrapper #nav li a:hover{
		background-position:0 2px;
	}
	
	#nav #home a{
		background-color:#F2A90C;
		background-image:url(images/nav_home.gif);
	}

	#nav #aboutlink{
		background-color:#713C80;
		background-image:url(images/nav_about.gif);
	}

	body.contact #aboutlink, body.about #aboutlink, body.listen #aboutlink, body.gallery #aboutlink, body.gigs #aboutlink {
		left:30px
	}
	
	body.home #aboutlink {
		left:555px;
	}
	
	#nav #gigslink{
		background-color:#023F6D;
		background-image:url(images/nav_gigs.gif);
	}

	body.gigs #gigslink, body.contact #gigslink, body.listen #gigslink, body.gallery #gigslink{
		left:60px
	}
	
	body.home #gigslink, body.about #gigslink{
		left:585px;
	}
	
	#nav #gallerylink{
		background-color:#BC1931;
		background-image:url(images/nav_gallery.gif);
	}
	
	body.contact #gallerylink, body.listen #gallerylink, body.gallery #gallerylink{
		left:90px
	}
	
	body.gigs #gallerylink, body.home #gallerylink, body.about #gallerylink {
		left:615px;
	}
	
	#nav #listenlink{
		background-color:#5F7D48;
		background-image:url(images/nav_buy.gif);
	}
	
	body.contact #listenlink, body.listen #listenlink{
		left:120px
	}
	
	body.gigs #listenlink, body.home #listenlink, body.about #listenlink, body.gallery #listenlink {
		left:645px;
	}
	
	#nav #contactlink{
		background-color:#998902;
		background-image:url(images/nav_contact.gif);
	}
	
	body.contact #contactlink{
		left:150px
	}
	
	body.home #contactlink, body.about #contactlink, body.gallery #contactlink, body.listen #contactlink, body.gigs #contactlink{
		left:675px;
	}

	.info{
		background:#222;
		padding:0 0 1em;
	}
	
	/*Home section*/
		body.home .info{
			padding:0 160px 1em 40px;
		}
		
	/*About section*/
		body.about .info{
			padding:0 130px 1em 70px;
		}
	
	/*Gigs section*/
		body.gigs .info{
			padding:0 100px 1em 100px;
		}
		
	/*Gallery section*/
		body.gallery .info{
			padding:0 70px 1em 130px;
		}
	
	/*Listen section*/
		body.listen .info{
			padding:0 40px 1em 160px;
		}
	
	/*Contact section*/
		body.contact .info{
			padding:0 10px 1em 190px;
		}
		

#content{
	position:relative;
	height:1%;
	overflow:hidden;
}

body.gallery .info .images a{
	padding:5px;
	margin:5px;
	display:block;
	float:left;
}