.container {
		position: absolute;  top:0px;  left:0px;  bottom:0px;  right:0px;
		height:100%;
		font-family:futura, arial;
		background-color:#FFFFFF;
		z-index:-2;
	}
	
	.contact {   
		position: absolute;
		left:87%;
		top:75%;
		text-align:center;		
		z-index:0;
		font-size:24pt;		
	}

	.bio {   
		position: absolute;
		left:17%;
		top:55%;
		z-index:0;
		font-size:24pt;		
	}

	.jam {   
		position: absolute;
		left:70%;
		top:15%;
		z-index:0;
		font-size:24pt;		
	}


	.andrew {
		position:absolute;
		top:50%;
		left:10%;
		font-size:100pt;
	}
	
	.andrew2 {
		position:absolute;
		top:70%;
		left:10%;
		font-size:64pt;
	}
	
	.performance {
		position:absolute;
		top:30%;
		left:70%;
		margin:0px 0px 0px 5px;
		font-size:24pt;		
	}
		
	.quotes {
		position:absolute;
		top:30%;
		left:70%;
		margin:0px 10px 0px 5px;
		font-size:24pt;		
	}
		
	.video{
		position:absolute;
		top:50%;
		left:50%;
		margin:0px 0px 0px 50px;
		font-size:24pt;		
	}	

	.teaching{
		position:absolute;
		top:20%;
		left:60%;
		font-size:24pt;		
	}
		
	.blog{
		position:absolute;
		top:35%;
		left:20%;
		margin:0px 0px 0px 0px;
		font-size:24pt;		
		z-index:-1;
	}
		
	.platz6{
		position:absolute;
		top:80%;
		left:45%;
		margin:0px 0px 0px 0px;
		text-align:right;
	}
		
	div.platz6>div a:hover {
		text-decoration:underline;
	}
	
	.shadow {
		text-shadow:9px 9px 2px #A9A9A9;
	}
			
	.shadow2 {
		text-shadow: 4px 5px 2px #404040;
	}
			
	.shadow3 {
		text-shadow:2px 2px 1px #A0A0A0;
	}
		
	.icon {
		width:20px;
		height:20px;
		border:0px;
	}

	.jamdescript {
		position: absolute;	
		top:10%;
		left:20%;
		z-index:0;
		margin:0px 0px 0px 40px;
		color: #000000;
		cursor:pointer; 
	}
	
	div.jamdescript>div a:hover {
		text-decoration:underline;
	}

	.stills {
		position: absolute;	
		top:10%;
		left:40%;
		z-index:0;
		margin:0px 0px 0px 40px;
		color: #000000;
		cursor:pointer; 
	}
	
	.stills2 {
		position: absolute;	
		top:60%;
		left:65%;
		color:#000000;		
		margin:0px 0px 0px 0px;
	}
	
	.stills21 {
		position: absolute;	
		top:63%;
		left:65%;
		color:#000000;		
		margin:0px 0px 0px 0px;
	}
	
	.stills22 {
		position: absolute;	
		top:66%;
		left:65%;
		color:#000000;		
		margin:0px 0px 0px 0px;
	}
	
	.stills23 {
		position: absolute;	
		top:69%;
		left:65%;
		color:#000000;		
		margin:0px 0px 0px 0px;
	}
	
	.stillpad {
	
	}
	
	.stuff {
		background-color:#000000;
		padding: 10px;
		position: absolute;	
		display:none;
		z-index:0;
		top:50%;
		left:300%;
		color: #FFFFFF;		
	}
		
	a:link {
		text-decoration: none;
		color: #000000;		
	}
	
	a:visited {
		text-decoration: none;
		color: #000000;		
	}
			
	a[href]:hover {
		color: #FF0000;
	}

	div.platz6 a {
		text-decoration: none;
		color: #FF0000;		
	}

	div.jamdescript a {
		text-decoration: none;
		color: #FF0000;		
	}

	b>a:link {
		text-decoration: none;
		color: #FF0000;		
	}
	
	b>a:visited {
		text-decoration: none;
		color: #FF0000;		
	}
			
	/*.hov table {
		position:absolute;
		border-collapse:collapse;
		left:0;
	}*/
	
	.hov a { /* controls color and bg color of the <a> tag that get hovered over*/
		color: #000000;		
		text-decoration:none;
	
	}
	
	.hov b { /* keeps pop-up invisible until hovered first <a> tag  is hovered*/
		display:none;
		font-weight:normal;
	}

	.hov:hover { /* controls location of pop-up*/
		position:absolute;
	}
	
	.hov a:hover,.hov:hover a {  /*NOT SURE WHAT THIS DOES*/
		border:0px;
		text-decoration:none;
		position:relative;
		z-index:3;
		
	} 

	.hov:hover b, .hov a:hover b {
		display:block; 
		visibility:visible;
		position:absolute;
		bottom:100%;
		cursor:pointer; 
		padding:5px 5px 5px 5px;
		font-size:12pt;		
	}

	.hov b a { /*controls size of the pop up*/
		white-space:nowrap;
		background-color:#FFFFFF;
		text-decoration:none;
		display:block;
		z-index:0;
	}
	
	.hov b a:hover { /* prevents links in the pop up from being underlined*/
		text-decoration:none;
	}

	.hov2 a { /* controls color and bg color of the <a> tag that get hovered over*/
		color: #000000;		
		text-decoration:none;
	}
	
	.hov2 b { /* keeps pop-up invisible until hovered first <a> tag  is hovered and controls attributes for the pop-up*/
		display:none;
		font-weight:normal;		
	}

	.hov2:hover { /* controls location of pop-up*/
		position:absolute;
	}
	
	.hov2 a:hover,.hov2:hover a {  /*NOT SURE WHAT THIS DOES*/
		border:0px;
		text-decoration:none;
		position:relative;
		z-index:3;
		
	} 

	.hov2:hover b, .hov2 a:hover b {
		display:block; 
		visibility:visible;
		position:absolute;
		right:50%; 
		bottom:50%;
		cursor:pointer;
		padding:5px 20px 10px 20px;	
		font-size:12pt;
		text-align:right;
	}

	.hov2 b a { /*controls size of the pop up*/
		white-space:nowrap;
		text-decoration:none;
		display:block;
	}

	.hov3 a { /* controls color and bg color of the <a> tag that get hovered over*/
		color: #000000;		
		text-decoration:none;
		padding:0px 10px 0px 10px;		
	}
	
	.hov3 b { /* keeps pop-up invisible until hovered first <a> tag  is hovered and controls attributes for the pop-up*/
		display:none;
		font-weight:normal;		
	}

	.hov3:hover { /* controls location of pop-up*/
		position:absolute;
	}
	
	.hov3 a:hover,.hov3:hover a {  /*NOT SURE WHAT THIS DOES*/
		border:0px;
		text-decoration:none;
		position:relative;		
	} 

	.hov3:hover b, .hov3 a:hover b {
		display:block;
		background-color:white;
		visibility:visible;
		position:absolute;
		right:100%; 
		bottom:-40%;
		cursor:pointer;
		padding:0px 0px 20px 0px;	
		font-size:12pt;
		text-align:right;
	}

	.hov3 b a { /*controls size of the pop up*/
		white-space:nowrap;
		text-decoration:none;
		display:block;
	}
	
	.foobar {
		border: 1px solid black;
	}