html,body{
	margin:0;
	padding:0;
}
body{
	background-color:#FFF;
	font-family:arial;
}
#container{
	margin:auto;
	position:relative;
	width:960px;
}
article,header,nav,section{
	display:block;
}
#first{
/*	display:none;*/
	clear:both;
	background:url(images/border-original.png) no-repeat top left;
	height:250px;
	margin-top:15%;
}
.clearfloat{
	clear:both;
	text-indent:-5000px;
}
header{ /*all elements that are contained within the header element*/
	height:50px;
	padding:37px 60px 0 100px;
	position:relative;
	width:800px;
}
	h1{
		margin-bottom:0;
		/*text-indent:-5000px;*/
		width:150px;
	}
	header nav ul{
		left:150px;
		list-style:none;
		margin:0 0 0 100px;
		padding:0;
		position:absolute;
		bottom:-3px;
		width:360px;
	}
	header nav li{
		float:left;
		padding:0 25px;
	}
#selection{ /*all elements that are contained within the section such, the 1st page msuic selection*/
	margin:0 auto;
	width:800px;
}
	#selection ul{
		list-style:none;
		margin:0;
		padding:0;
		width:800px;
	}
	#selection li{
		background:url(images/thumbalbumbg.png) no-repeat 22px 18.5px;
		float:left;
		height:75px;
		padding:25px 29px;
		width:75px;
	}
	#selection h3{
		height:75px;
		margin:0;
		padding:0;
		text-indent:-5000px;
		width:75px;
	}
	#mraz,#jack,#one,#ataris,#redhot,#tech{
		cursor:pointer;
		width:75px;
	}
	#mraz{background-image:url(images/thumbs/jasonMrazBW.jpg);}
	#mraz:hover{background-image:url(images/thumbs/jasonMraz.jpg);}
	#jack{background-image:url(images/thumbs/jackBW.jpg);}
	#jack:hover{background-image:url(images/thumbs/jack.jpg);}
	#one{background-image:url(images/thumbs/oneBW.jpg);}
	#one:hover{background-image:url(images/thumbs/one.jpg);}
	#ataris{background-image:url(images/thumbs/atarisBW.jpg);}
	#ataris:hover{background-image:url(images/thumbs/ataris.jpg);}
	#redhot{background-image:url(images/thumbs/redhotBW.jpg);}
	#redhot:hover{background-image:url(images/thumbs/redhot.jpg);}
	#tech{background-image:url(images/thumbs/technoBW.jpg);}
	#tech:hover{background-image:url(images/thumbs/techno.jpg);}
	
#content section{
	background:url(images/imgBG.png) no-repeat 103px -3px;
	padding:5px 110px 0 110px;
	width:800px;
}	
img{
	float:left;
	padding:0 20px 0 0;
	width:360px;
}
#content h2{
	float:left;
	margin:0;
	padding:0;
	width:420px;
}
#content #others{
	position:absolute;
	top:370px;
}
#content ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:420px;
}
#content li{
	background:none;
	margin:0;
	padding:0;
	width:420px;
	
}
#content li p{
	font-family:times;
	font-size:16px;
	line-height:8px;
	margin-left:20px;
	font-style:italic;
	white-space:pre-line;	
}