@charset "UTF-8";
/* ========== Main Content Styles ========== */

*				{margin: 0; padding: 0}
body			{
	
	background: url(../images/red-bk-chrome-7_01.jpg);
	background-repeat:repeat-x; 
	background-color:#000;
	
	}
a img			{border:none}

#splat {
	width: 128px;
	height: 68px;
	position: relative;
	overflow: hidden;
	list-style-type:none;
	
	
} 

#splat li { 
float:left; 
} 

#splat li a { 
display: block; 
width: 128px; 
height: 68px; 
background: url(../images/splatforsprite.jpg);
background-repeat:no-repeat; 
text-indent: -9999px; 
overflow: hidden; 
} 

#splat li a:hover { 
background-position: 0 -68px; 
}



	
#container{
	margin:9px 0 0 0;
	width:960px;
	height:692px;
	margin-left:auto;
	margin-right:auto;
		
		}
		
#stamp {
		
	width:149px;

	margin: -18px 20px 0px 810px;
				
				}
				
#middle{
	width:430px;
	height:560px;
	float:right;
	margin:30px 50px 0 0px;
	background:url(../images/owneyletter.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
	
#middleelements {
		
	
		position:relative;
		bottom:700px;
		z-index:3;
		
		
		}
		
		/* Everything CSS Sprite buttons */

#sprite {
	width:157px;
	height: 191px;
	position:relative;
	overflow:hidden;
    top:-625px;
	left:157px;
	z-index:4;
	}
#sprite li { 
		float:left;   }
		
#sprite  li a { 
		display:block;
		 width:157px;
		 height:191px;
		 background:url(../images/owney_thumb_sprite.png);
		 background-repeat:no-repeat; 
		 text-indent: -9999px;
		 overflow:hidden;
		 font-size: 1px;}
	
		
li#button a {
	top:0;
	 height:191px;
	 background-position: 0 0px;
	 }
	 
li#button a:hover {
		 background-position: 0px -191px;
		 
		 }
		 
		 /* End sprite*/
	

#bookcovers {
	
	width:558px;
	position: relative;
	z-index:2;
	top:-790px;
	left:195px;

	
	}
	
p {
		width:130px;
		font-family: Arial, Helvetica, sans-serif;
		color:#FFF;
	    font-size:12px;
		text-indent: 10px;
		line-height:1.3em;
		margin: -50px 0px 0 15px;
		}

.B {
	font-family: "Times New Roman", Times, serif;
	font-size:48px;
	color:#960;
	margin: 0px 0 0 0;
	}

		

		/* START NAV BUTTONS */
#buttons {	

	width:824px;
	height:20px;
	overflow:hidden;
   bottom:68px;
    position: relative;
	
	left:135px;
	list-style-type:none;
	
}	
	

#buttons li {
	float:left;
	}
	
	
#buttons li a {
	display:block;
	width: 824px;
	height: 20px;
	background:url(../images/nav_bar_ta_cat.jpg); background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size: 1px;
	}
	
	li#home  a {
		
		left:0;
		width: 52px;
		background-position: 0 0;
		}
		
	li#ill  a {
		left:52px;
		width: 80px;
		background-position: -52px 0;
			}
			
	li#book  a {
		left:132px;
		width: 78px;
		background-position: -132px 0;
				}
	
	li#lucky  a {
		left:210px;
		width: 68px;
		background-position: -210px 0;
				}
   li#cd   a {
		left:278px;
		width: 66px;
		background-position: -278px 0;
				}
				
	li#retouch  a {
		left:344px;
		width: 76px;
		background-position: -344px 0;
				}	
	li#artwork  a {
		left:420px;
		width: 62px;
		background-position: -420px 0;
				}
				
	li#artshow  a {
		left:482px;
		width: 70px;
		background-position: -482px 0;
				}	
				
	li#church  a {
		left:552px;
		width: 58px;
		background-position: -552px 0;
				}	
				
	li#contact  a {
		left:610px;
		width: 67px;
		background-position: -610px 0;
				}
	li#catill a {
		left:677px;
		width:80px;
		background-position: -677px 0;
					}
	li#catcontact a {
		left:757px;
		width:67px;
		background-position: -757px 0;				}
				
		
	<!--start hover-->			
	
	li#home  a:hover {
		background-position: 0 -20px;
		}
		
	li#ill  a:hover {
		background-position: -52px -20px;
			}
			
	li#book  a:hover {
		background-position: -132px -20px;
				}
	
	li#lucky  a:hover {
		background-position: -210px -20px;
				}
    li#cd  a:hover {
		background-position: -278px -20px;
				}
				
	li#retouch a:hover {
		background-position: -344px -20px;
				}	
	li#artwork  a:hover {
		background-position: -420px -20px;
				}
				
	li#artshow  a:hover {
		background-position: -482px -20px;
				}	
				
	li#church  a:hover {
		background-position: -552px -20px;
				}	
				
	li#contact  a:hover {
		background-position: -610px -20px;
				}
				
	li#catill a:hover {
		background-position:-677px -20px;
		
		
		}
		
	li#catcontact a:hover {
		background-position:-757px -20px;
		
		}
	<!--end hover-->
		
	
/* END NAV BUTTONS */