@charset "utf-8";
/* CSS Document */

body {background-color: black;
	  background-image:url(../images/lt-bg-pat.png);
	  background-repeat:repeat;}

figure {width:600px;
		margin: 20px auto;}

.logo { width:571px;
		height:100px;
		margin:10px 15px;}

#pic{width:300px;
	 height:404px;
	 margin:auto 150px;}	   
		   
#portrait{width:295px;
   		  height:500px;
		  margin:30px auto;}
		   
#pet{margin:30px auto;
	 	   width:500px;
	 	   height:533px;}		   
		
#oil{ margin:20px auto;
	   width:300px;
	   height:404px;}
		   
#life{margin:30px auto;
	 	   width:500px;
	 	   height:556px;}		   		  		   
		   


#menu{ width:100%; height:35px; margin:auto;}

/* ul gets 90px * number of pages displayed */
#menu ul { width:450px; height:35px; list-style:none; margin:auto;}
#menu li { width:90px; float:left;}
#menu a  { display:block; line-height:35px;}

#menu a { background-image:url(../images/gallery_sprite.png); 
		  text-indent:-100px; overflow:hidden;}

#menu a.index      { background-position: 0 0;}
#menu a.portraits  { background-position: -90px 0;}
#menu a.pets   { background-position: -180px 0;}
#menu a.life_draw   { background-position: -270px 0;}
#menu a.oils   { background-position: -360px 0;}

#menu a.index:hover    { background-position: 0  -35px;}
#menu a.portraits:hover{ background-position: -90px -35px;}
#menu a.pets:hover{ background-position: -180px -35px;}
#menu a.life_draw:hover{ background-position: -270px -35px;}
#menu a.oils:hover{ background-position: -360px -35px;}


#menu a.index:active    { background-position: 0  -70px;}
#menu a.portraits:active{ background-position: -90px -70px;}
#menu a.pets:active{ background-position: -180px -70px;}
#menu a.life_draw:active{ background-position: -270px -70px;}
#menu a.oils:active{ background-position: -360px -70px;}

#index a.index     { background-position: 0  -105px;}
#portraits a.portraits { background-position: -90px -105px;}
#pets a.pets  { background-position: -180px -105px;}
#life_draw a.life_draw  { background-position: -270px -105px;}
#oils a.oils  { background-position: -360px -105px;}