/* basic formatting */
body {font:76% normal verdana,tahoma,arial,"sans serif";}
h1 {font:2.5em georgia,"times new roman",helvetica,verdana,"sans serif";}
p {line-height:1.6em;}

/*menu css*/
/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		width:562px;
		height:75px;
		list-style:none;
		margin:30px auto;
		
		padding:0px;
		
	
		
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background: url(images/spirite2.png) no-repeat scroll top left;
		display:block;
		height:75px;
		position:relative;
		
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:112px;
		background-position:0px -0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "gallery" */
	ul#menu li a.gallery {
		width:112px;
		background-position:-112px 0px;
	}
	
		/* Specify width and background position attributes specifically for the class: "current" */
	ul#menu li a.current {
		width:112px;
		background-position:-224px 0px;
	}
	
	
			/* Specify width and background position attributes specifically for the class: "bio" */
	ul#menu li a.bio {
		width:112px;
		background-position:-336px 0px;
	}
	
	
				/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact {
		width:112px;
		background-position:-448px 0px;
	}
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background: url(images/spirite2.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -75px;
	}
	
	/* Shift background position on hover for the class: "gallery" */
	ul#menu li a.gallery span {
		background-position:-112px -75px;
	}

/* Shift background position on hover for the class: "gallery" */
	ul#menu li a.current span {
		background-position:-224px -75px;
	}

/* Shift background position on hover for the class: "gallery" */
	ul#menu li a.bio span {
		background-position:-336px -75px;
	}

/* Shift background position on hover for the class: "gallery" */
	ul#menu li a.contact span {
		background-position:-448px -75px;
	}


img.mic{display:block; height:300px; width:535px; margin:0px auto; }
div#demo{margin:0 auto; position:relative; width:700px;}


div.gallery{ height:250px; width:590px;display:block;  margin:25px auto; float:left; overflow:hidden; }







.gallery ul { margin-left:40px;  padding:0; list-style:none;  display: block;  }
.gallery ul li {display:table-cell;  }
.gallery ul li { float:left; padding:2px; border:#666666 thin solid; width:92px; height:60px; margin:6px; clear: none;}
.gallery{overflow: hidden;}






a:link{ border:none;text-decoration: none;
}
a:hover{border:none;text-decoration: none;
}


a.image1{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-1.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
a.image2{ 
   font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-2.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
a.image3{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-3.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }

  
a.image4{ 
   font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-4.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
    
a.image5{ 
   font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-5.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
    
a.image6{ 
   font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-6.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
    
a.image7{ 
   font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-7.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
    
a.image8{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-8.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
    
a.image9{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-9.jpg);
  
   background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image10{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-10.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
   

  a.image11{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image:url(images/galley/Untitled-11.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  a.image12{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-12.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  a.image13{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-13.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
  a.image14{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-14.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }


  a.image15{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-15.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
    a.image16{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-16.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }

 a.image17{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-17.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image18{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-18.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image19{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-19.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image20{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-20.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image21{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-21.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image22{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-22.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }
  
   a.image23{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-image: url(images/galley/Untitled-23.jpg);
  
  background-position: 92px 0px;display:-moz-inline-box;
  display:inline-block; width:92px; height:60px;   }


a.image1:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0); background-position: 0px 0px; background-color:#999966; }

a.image2:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
a.image3:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  a.image4:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  a.image5:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  a.image6:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  a.image7:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  a.image8:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  
  a.image9:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }

 a.image10:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
   a.image11:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
   a.image12:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
   a.image13:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
   a.image14:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
  
   a.image15:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
  
     a.image16:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image17:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image18:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image19:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image20:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image21:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image22:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }
     a.image23:hover{ 
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);  background-position: 0px 0px; }


a.link{position:relative; color:#999999; top:280px; left:0px; text-decoration:none;}

a.link:hover{color:#CCCCCC;}



</style>