/* ------------ Tilted Rollover Menu CSS Entries -----------------*/

div#menu {
	top: 23px;
	z-index: 12;
	left: 0px;
	position: absolute;
	height: 127px;
	width: 800px;
	
}

div#menu a{

    float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
    background-repeat:no-repeat;
}

/* ------------ Home -----------------*/

#a_menu_home {
	
	width: 43px;
	overflow: hidden;
	background-image: url(graphics/menu-home.gif);
	
}
a#a_menu_home:hover, body#home #menuhomediv a#a_menu_home{
	background-position: 0px -20px;
			
}
div#menuhomediv {
	top: 12px;
	z-index: 1;
	left: 230px;
	width: 43px;
	position: absolute;	
}



/* ------------ Ramblings -----------------*/

#a_menu_ramblings {
	
	width: 77px;
	overflow: hidden;
	background-image: url(graphics/menu-ramblings.gif);
	
}
a#a_menu_ramblings:hover, body#ramblings #menuramblingsdiv a#a_menu_ramblings{
	background-position: 0px -20px;
			
}
div#menuramblingsdiv {
	top: 10px;
	z-index: 1;
	left: 288px;
	width: 77px;
	position: absolute;	
}

/* ------------ News -----------------*/


#a_menu_news {
	
	width: 43px;
	overflow: hidden;
	background-image: url(graphics/menu-news.gif);
	
	
}
a#a_menu_news:hover, body#news #menunewsdiv a#a_menu_news{
	background-position: 0px -20px;
	
}
div#menunewsdiv {
	top: 19px;
	z-index: 1;
	left: 227px;
	width: 43px;
	position: absolute;	
}


/* ------------ About Phil -----------------*/

#a_menu_about {
	width: 77px;
	overflow: hidden;
	background-image: url(graphics/menu-about.gif);
		
}
a#a_menu_about:hover, body#about #menuaboutdiv a#a_menu_about{
	background-position: 0px -20px;
	
}
div#menuaboutdiv {
	top: 4px;
	z-index: 1;
	left: 374px;
	width: 77px;
	position: absolute;	
}


/* ------------ Projects -----------------*/

#a_menu_projects {
	
	width: 59px;
	overflow: hidden;
	background-image: url(graphics/menu-projects.gif);
	
	
}
a#a_menu_projects:hover, body#projects #menuprojectsdiv a#a_menu_projects{
	background-position: 0px -20px;
	
}
	
div#menuprojectsdiv {
	top: -2px;
	z-index: 1;
	left: 525px;
	width: 59px;
	position: absolute;	
}


/* ------------ Books -----------------*/

#a_menu_books {
	
	width: 46px;
	overflow: hidden;
	background-image: url(graphics/menu-books.gif);
		
}
a#a_menu_books:hover, body#books #menubooksdiv a#a_menu_books{
	background-position: 0px -20px;
	
}
div#menubooksdiv {
	top: -2px;
	z-index: 1;
	left: 465px;
	width: 46px;
	position: absolute;	
}

/* ------------ Photography -----------------*/

#a_menu_photography {
	
	width: 93px;
	overflow: hidden;
	background-image: url(graphics/menu-photography.gif);
		
}
a#a_menu_photography:hover, body#photography #menuphotographydiv a#a_menu_photography{
	background-position: 0px -20px;
	
}
div#menuphotographydiv {
	top: -6px;
	z-index: 1;
	left: 597px;
	width: 93px;
	position: absolute;
	height: 36px;
}

/* ------------ Links -----------------*/

#a_menu_links {
	
	width: 35px;
	overflow: hidden;
	background-image: url(graphics/menu-links.gif);
		
}
a#a_menu_links:hover, body#links #menulinksdiv a#a_menu_links{
	background-position: 0px -20px;
	
}
div#menulinksdiv {
	top: -16px;
	z-index: 1;
	left: 751px;
	width: 35px;
	position: absolute;
	height: 36px;
}

/* ------------ Shop -----------------*/

#a_menu_shop {
	
	width: 41px;
	overflow: hidden;
	background-image: url(graphics/menu-shop.gif);
		
}
a#a_menu_shop:hover, body#shop #menushopdiv a#a_menu_shop{
	background-position: 0px -20px;
	
}
div#menushopdiv {
	top: -13px;
	z-index: 1;
	left: 701px;
	width: 41px;
	position: absolute;
	height: 36px;
}

/* ------------ Projects Section Rollover Menu CSS Entries -----------------*/

div#projectsmenu {
	top: 2px;
	z-index: 12;
	left: 0px;
	position: absolute;
	height: 127px;
	width: 233px;
	

}

div#projectsmenu a {

    float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
    background-repeat:no-repeat;

}

/* ------------ Ask Phil -----------------*/

#a_projectsmenu_ask {
	
	width: 49px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-ask.gif);
	background-repeat:no-repeat;
	
}
a#a_projectsmenu_ask:hover, #ask #projectsmenuask a#a_projectsmenu_ask{
	background-position: 0px -20px;
	
}
div#projectsmenuask {
	top: 0px;
	z-index: 1;
	left: 0px;
	width: 43px;
	position: absolute;	
}


/* ------------ What Do I Want? -----------------*/

#a_projectsmenu_want {
	
	width: 111px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-want.gif);
	
	
}
a#a_projectsmenu_want:hover, #want #projectsmenuwant a#a_projectsmenu_want{
	background-position: 0px -20px;
	
}
div#projectsmenuwant {
	top: 16px;
	z-index: 2;
	left: 3px;
	width: 43px;
	position: absolute;	
}

/* ------------ Pictures of my Favourite Bitches -----------------*/

#a_projectsmenu_bitches {
	
	width: 205px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-bitches.gif);
		
}
a#a_projectsmenu_bitches:hover, #bitches #projectsmenubitches a#a_projectsmenu_bitches{
	background-position: 0px -20px;
	
}
div#projectsmenubitches {
	top: 32px;
	z-index: 3;
	left: 6px;
	width: 43px;
	position: absolute;	
}

/* ------------ Fake Animals In Real Places -----------------*/

#a_projectsmenu_fake {
	
	width: 205px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-fake.gif);
		
}
a#a_projectsmenu_fake:hover, #fake #projectsmenufake a#a_projectsmenu_fake{
	background-position: 0px -20px;
	
}
div#projectsmenufake {
	top: 48px;
	z-index: 3;
	left: 9px;
	width: 43px;
	position: absolute;	
}


/* ------------ Great Mr Whippys I've Eaten -----------------*/

#a_projectsmenu_whippy {
	
	width: 185px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-whippy.gif);
	background-repeat:no-repeat;
	
}
a#a_projectsmenu_whippy:hover, #whippy #projectsmenuwhippy a#a_projectsmenu_whippy{
	background-position: 0px -20px;
	
}
div#projectsmenuwhippy {
	top: 64px;
	z-index: 4;
	left: 12px;
	width: 43px;
	position: absolute;	
}

/* ------------ Travels With My Waving Cat -----------------*/

#a_projectsmenu_wavingcat {
	
	width: 177px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-wavingcat.gif);
	
	
}
a#a_projectsmenu_wavingcat:hover, #wavingcat #projectsmenuwavingcat a#a_projectsmenu_wavingcat{
	background-position: 0px -20px;
	
}
div#projectsmenuwavingcat {
	top: 80px;
	z-index: 5;
	left: 15px;
	width: 30px;
	position: absolute;	
}


/* ------------ One Perfect Place -----------------*/

#a_projectsmenu_perfect {
	
	width: 114px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-perfect.gif);
	
	
}
a#a_projectsmenu_perfect:hover, #perfect #projectsmenuperfect a#a_projectsmenu_perfect{
	background-position: 0px -20px;
	
}
div#projectsmenuperfect {
	top: 96px;
	z-index: 6;
	left: 18px;
	width: 43px;
	position: absolute;	
}

/* ------------ Song Titles -----------------*/

#a_projectsmenu_songtitles {
	
	width: 68px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-songtitles.gif);

	
}
a#a_projectsmenu_songtitles:hover, #songs #projectsmenusongtitles a#a_projectsmenu_songtitles{
	background-position: 0px -20px;
	
}
div#projectsmenusongtitles {
	top: 112px;
	z-index: 7;
	left: 21px;
	width: 43px;
	position: absolute;	
}

/* ------------ Old People -----------------*/

#a_projectsmenu_oldpeople {
	
	width: 70px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-oldpeople.gif);
		
}
a#a_projectsmenu_oldpeople:hover, #oldpeople #projectsmenuoldpeople a#a_projectsmenu_oldpeople{
	background-position: 0px -20px;
	
}
div#projectsmenuoldpeople {
	top: 128px;
	z-index: 8;
	left: 24px;
	width: 43px;
	position: absolute;	
}

/* ------------ Signs -----------------*/

#a_projectsmenu_signs {
	
	width: 70px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-signs.gif);
		
}
a#a_projectsmenu_signs:hover, #signs #projectsmenusigns a#a_projectsmenu_signs{
	background-position: 0px -20px;
	
}
div#projectsmenusigns {
	top: 144px;
	z-index: 8;
	left: 27px;
	width: 43px;
	position: absolute;	
}

/* ------------ Dwarf Watch -----------------*/

#a_projectsmenu_dwarf {
	
	width: 80px;
	overflow: hidden;
	background-image: url(graphics/projects-menu-dwarf.gif);
		
}
a#a_projectsmenu_dwarf:hover, #dwarf #projectsmenudwarf a#a_projectsmenu_dwarf{
	background-position: 0px -20px;
	
}
div#projectsmenudwarf {
	top: 160px;
	z-index: 8;
	left: 30px;
	width: 100px;
	position: absolute;	
}


/* ------------------------- Other Rollovers ----------------------------*/


/* ------------ Next -----------------*/

#a_rollover_next {
	
	
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
    background-repeat:no-repeat;
	text-indent: -9999px;
	width: 30px;
	overflow: hidden;
	background-image: url(graphics/rollover-next.gif);
	
    

	
}
a#a_rollover_next:hover{
	background-position: 0px -20px;
	
}

/* ------------ Back -----------------*/

#a_rollover_back {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
    background-repeat:no-repeat;
	text-indent: -9999px;
	width: 33px;
	overflow: hidden;
	background-image: url(graphics/rollover-back.gif);
	
	
}
a#a_rollover_back:hover{
	background-position: 0px -20px;
	
}
#parent {
	height: 100%;
	left: 0px;
	top: 0px;
}




/* ------------ MySpace -----------------*/

#myspace {
	
	margin:  0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	text-indent:-80px;
	overflow:hidden;
	
	
}

#myspace a, #myspace a:visited {
	display: block;
	background-image:  url(graphics/myspace.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	width: 130px;
	height: 31px;
}

#myspace a:hover {

background-position: 0 -31px;

}


/* ------------ Facebook -----------------*/

#facebook {
	
	margin:  0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	text-indent:-80px;
	overflow:hidden;
	
	
}

#facebook a, #facebook a:visited {
	display: block;
	background-image:  url(graphics/facebook.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	width: 130px;
	height: 31px;
}

#facebook a:hover {

background-position: 0 -31px;

}