<style type="text/css">
	table {
			width:1024px;
			height:768px;
			border:none;
			}
	#left {
			width:200px;
			font-size:0px;
			border:none;
			background-image:url(sidebanner.gif);
			border:none;
			z-index:2;
			
			
			
		   }
	#right {
			width:500px;
			background-image:url(background.gif);
			padding:0px;
			border:none;
			padding-left:150px;
			
			
			
			}
	#top	{
			width:1024px;
			height:150px;
			border:none;
			background-image:url(Top-Banner.gif);
			border-bottom: #000000 thin;
			
		
			
			}
.style5 {	font-family: "High Tower Text";
	font-size: 24px;
	color: #E6B426;
	
}
.style7 {font-size: 18}
.style8 {	font-size: 18px;
	font-weight: bold;
}
.style9 {
	font-family: "High Tower Text";
	font-size: 18px;
	color: #E6B426;
	font-weight: bold;
}
p a:hover
	{
	
	background-color: #020000;

	}
#keys {	z-index:1;
	position:absolute;
	top:183px;
	left:38px;
	width: 283px;
	height: 290px;
	border:none;
	
	
	
}
.style20 {
	font-size: 24px;
	font-weight: bold;
	color: #00000;
	font-family: "High Tower Text";
}
.style21 {
	color: #990000;
	font-size: 20px;
}
.style24 {color: #990000}
.style25 {color: #990000; font-weight: bold; }
#container {
	position:relative;
	width:500px;
	height:396px;
	margin:20px auto 0 auto;
	padding-left:20px;
	overflow: auto;
		 
	     
	    } 
	/* Removing the list bullets and indentation */ 
	#container ul { 
	    padding:0; 
	    margin:50px; 
	    list-style-type:none;
		
	    } 
	/* Remove the images and text from sight */ 
	#container a.gallery span { 
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:13px; 
	    left:9px; 
	    overflow:hidden; 
	     
	    } 
		/* Adding the thumbnail images */ 
	#container a.gallery, #container a.gallery:visited { 
	    display:block;  
	    text-decoration:none; 
	    border:1px solid #000; 
	    margin:1px 5px 1px 2px; 
	    text-align:center; 
	    cursor:default;
		 
	    } 
	#container a.slidea { 
	    background: url(smallpianos/new/usedgp1.JPG);
	    height:80px; 
	    width:70px;
		 
	    } 
	#container a.slideb { 
	    background: url(smallpianos/new/usedp1.JPG);
	    height:80px; 
	    width:70px;
	
	    } 
	#container a.slidec { 
	    background: url(smallpianos/new/usedp2.JPG);
	    height:80px; 
	    width:70px;
		 
	    } 
	#container a.slided { 
	    background: url(smallpianos/new/usedp3.JPG) ;
	    height:80px; 
	
	    width:70px;
		
	    } 
	* html #container a.slided { 
	    width:80px; 
	    w\idth:70px; 
		
	    } 
	#container a.slidee { 
	    background: url(smallpianos/new/usedp4.JPG);
	    height:80px; 
	    width:70px; 
		
	    } 
	#container a.slidef { 
	    background: url(smallpianos/new/usedp4.JPG);
	    height:80px; 
	    width:70px; 
		
	    } 
	* html #container a.slidef { 
	    width:80px; 
	    w\idth:70px;
		
	    } 



	

	/* set the size of the unordered list to neatly house the thumbnails */ 
	#container ul { 
	    width:210px; 
	    height:386px; 
	    } 
	#container li { 
	    float:left; 
	    } 
	/* move the thumbnails into the correct position */ 
	#container ul { 
	    margin:5px; 
		display: inline;
		
		
    } 
	/* change the thumbnail border color */ 
	#container a.gallery:hover { 
	    border:1px solid #fff; 
	    } 
		/* styling the :hover span */ 
	#container a.gallery:hover span { 
	    position:absolute; 
	    width:448px; 
	    height:372px; 
	    top:100px; 
	    left:0px; 
	   
	    }
		#container a.gallery:hover img { 
	    border:1px solid #fff; 
	    float:left; 
	    margin-right:5px; 
	    }
		#container a.slideb:hover img, #container a.slidei:hover img { 
	    float:right; 
	    }  
		#container { 
		height:500px;
		margin-left:20px; 
	    } 
		#why {
		margin-left:100px;
		}
</style>
