/* ~^~=-.,_,.-=~=-.,_,.-=~=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^~=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^oO:
																													   			  |---=~-,.
  AKWD: 																														  |---=~-,.
	Web page design by																											  |---=~-,.
	  Adam Kauffman																												  |---=~-,.
	Special Thanks to Suvd																										  |---=~-,.
	Copyright AKWD 2009																											  |---=~-,.
																																  |---=~-,.
  ~^~=-.,_,.-=~=-.,_,.-=~=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^~=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^=-.,_,.-=~^oO: *\
/*Begin CSS*/
#menu ul {margin:0; padding:0; list-style-type:none;}

/*adding the initial images*/
#menu li.list1 {background:transparent url(../images/nav/HomeUB.jpg);}
#menu li.list2 {background:transparent url(../images/nav/BIO_UB.jpg);}
#menu li.list3 {background:transparent url(../images/nav/FlutesUB.jpg);}
#menu li.list4 {background:transparent url(../images/nav/MusicUB.jpg);}
#menu li.list5 {background:transparent url(../images/nav/Gallery_UB.jpg);}
#menu li.list6 {background:transparent url(../images/nav/ContactUB.jpg);}
#menu li.list7 {background:transparent url(../images/nav/FluteUB.jpg);}
#menu li.list8 {background:transparent url(../images/nav/FAQ_UB.jpg);}



/* general link styling */

#menu a {display:block; width:100px; height:0; padding-top:56px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:56px; height:0;}

#menu a#home {background:transparent url(../images/nav/HomeOB.jpg) -80px -144px no-repeat;}
#menu a#bio {background:transparent url(../images/nav/BIO_OB.jpg) -80pc -144px no-repeat;}
#menu a#fluteinfo {background:transparent url(../images/nav/FlutesOB.jpg) -80px -144px no-repeat;}
#menu a#music {background:transparent url(../images/nav/MusicOB.jpg) -80px -144px no-repeat;}
#menu a#gallery {background:transparent url(../images/nav/Gallery_OB.jpg) -80pc -144px no-repeat;}
#menu a#contact {background:transparent url(../images/nav/ContactOB.jpg) -80px -144px no-repeat;}
#menu a#flute {background:transparent url(../images/nav/FluteOB.jpg) -80pc -144px no-repeat;}
#menu a#faq {background:transparent url(../images/nav/FAQ_OB.jpg) -80pc -144px no-repeat;}


#menu a#home:hover {background-position:0 0; z-index:50;}
#menu a#bio:hover {background-position:0 0; z-index:50;}
#menu a#fluteinfo:hover {background-position:0 0; z-index:50;}
#menu a#music:hover {background-position:0 0; z-index:50;}
#menu a#gallery:hover {background-position:0 0; z-index:50;}
#menu a#contact:hover {background-position:0 0; z-index:50;}
#menu a#flute:hover {background-position:0 0; z-index:50;}
#menu a#faq:hover {background-position:0 0; z-index:50;}




* html #menu a:hover {height:56px; height:0;}

#menu a#home:active,
#menu a#home:focus {background:transparent url(../images/nav/HomeDB.jpg) 0 0;z-index:50;}
#menu a#bio:active,
#menu a#bio:focus {background:transparent url(../images/nav/BIO_DB.jpg) 0 0;z-index:50;}
#menu a#fluteinfo:active,
#menu a#fluteinfo:focus {background:transparent url(../images/nav/FlutesDB.jpg) 0 0;z-index:50;}
#menu a#music:active,
#menu a#music:focus {background:transparent url(../images/nav/MusicDB.jpg) 0 0;z-index:50;}
#menu a#faq:active,
#menu a#faq:focus {background:transparent url(../images/nav/Gallery_DB.jpg) 0 0;z-index:50;}
#menu a#contact:active,
#menu a#contact:focus {background:transparent url(../images/nav/ContactDB.jpg) 0 0;z-index:50;}
#menu a#flute:active,
#menu a#flute:focus {background:transparent url(../images/nav/FluteDB.jpg) 0 0;z-index:50;}
#menu a#faq:active,
#menu a#faq:focus {background:transparent url(../images/nav/FAQ_DB.jpg) 0 0;z-index:50;}