body{
background-color:#000000;
text-align:center;
scrollbar-track-color:#FFFFFF;
scrollbar-base-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}

div.frame{
	width:350px;
	color:black;
	position:absolute;
	margin-top:500px;
	margin-left:760px;
	left: 5px;
	top: -233px;
	height:450px;
	overflow:auto;

}


div.contacts{
	width:400px;
	color:black;
	position:absolute;
	left:150px;
	top:1px;
	height:246px;


	}
	
	div.contacts2{
	width:485px;
	color:black;
	position:absolute;
	height:246px;
	
	
	}
	
	div.bio{
	width:200px;
	color:black;
	position:absolute;
	left: 500px;
	top: 250px;
	height:358px;

	}
	
	div.bio2{
	width:218px;
	color:black;
	position:absolute;
	height:358px;

	
	
	}
	
		div.shop{
	width:268px;
	color:black;
	position:absolute;
	left: 200px;
	top: 425px;
	height:183px;
	
	}
	
	div.shop2{
	width:268px;
	color:black;
	position:absolute;
	height:183px;

	}
	
		div.gigs{
	width:99px;
	color:black;
	position:absolute;
	left: 630px;
	top: 100px;
	height:100px;
	
	}
	
	div.gigs2{
	width:99px;
	color:black;
	position:absolute;
	height:100px;

	}
	
			div.audio{
	width:99px;
	color:black;
	position:absolute;
	left: 520px;
	top: 610px;
	height:100px;
	
	}
	
	div.audio2{
	width:99px;
	color:black;
	position:absolute;
	height:100px;

	}


div.background{
margin:auto;
text-align:left;
background-image:url(Images/johnsitetable.jpg);
background-repeat:no-repeat;
width:1024px;
max-width:1024px;
min-height:768px;
height:768px;
}

a{
text-decoration:none;
color:none;
}

p{
color:black;
font-family:Arial, Helvetica, sans-serif;
}


.footer{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px
}

.footer a{
color:#A31C19;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.footer a:hover{
color:#A31C19;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}





/***** IMAGE POP STYLE ******/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: gray;
padding: 0px;
left: 0px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.contacts_hover{
font-size:24px;
}