@charset "UTF-8";


*				{margin:0; padding:0;}


/*start splat*/
#splat {
	width: 128px;
	height: 68px;
	position: relative;
	
	list-style-type:none;
	
} 

#splat li { 
float:left; 
} 

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

} 

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

	

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;	
	text-align:center;
	}

body			{
	background: url(../images/red-bk-chrome-7_01.jpg);
	background-repeat:repeat-x; 
	background-color:#000; 
} 
	
	
#catsprite {
	width:330px;
	height: 376px;
	overflow:hidden;
	position:relative;
	}
	
#catsprite li{
	float:left;
	}
	
#catsprite li a {
	display:block;
	width:330px;
	height:366px;
	background:url(../images/catsprite.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}
	
#catsprite li a:hover {
	background-position:0 -366px;
	}

	
#container {
	
	width:960px;
	height:710px;
	margin-right:auto;
	margin-left:auto;
	padding:9px 0 0 0;}
   

#backgroundill {
	width:960px;
	height:710px;
	background-image:url(../images/bgindexpage.jpg);background-repeat:no-repeat;
	margin:-30px 0 0 0;
	
	}
	

.w {
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	color:#C60;
		}
#text {font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:-210px 0 0 30px;
	color:#FFF;
	letter-spacing: .05em;
	}


#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 0;
	letter-spacing: .2em;
	}
	
#twit {
	position:relative;
	left:900px;
	width: 40px;
	height: 40px;
}
.designed {
	margin: 0 30px;
	}
	

		
.leftcolumn {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	text-align: center;
	line-height: 1.4em;
	float: left;
	width: 258px;height: 364px;
	margin: -600px 0px 0 130px;
	
}

.ta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: .3em;
	
	}
	
.ill {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		letter-spacing: .2em;
		}
	
#tsprite {
	width:258px;
	height: 364px;
	overflow:hidden;
	position:relative;
	}
	
#tsprite li{
	float:left;
	}
	
#tsprite li a {
	display:block;
	width:258px;
	height:364px;
	background:url(../images/portsprite.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}
	
#tsprite li a:hover {
	background-position:0 -364px;
	}
		
.rightcolumn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
	float: right;
	width: 329px;height: 400px;
	margin: -600px 85px 0 0;
	
	
	}
	.rightcolumn img{
		padding: 10px 0 0 0 ;
		}
	
	.cdj {
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:14px;
		letter-spacing: .3em;
		}
		
	.illcat {
		
	font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
			letter-spacing: .2em;
			color:#FFF;
			
			}
	
/* START NAV BUTTONS */
#buttons {	

	width:824px;
	height:20px;
	overflow:hidden;
  
    position: relative;
	top: -68px;
	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) 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 */