/* This Style Sheet is for all menus */

/* philo Menu */

 #philo_nav                  {
	position: absolute;
	width: 780px;
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	margin-top:250px;
	
	}

#philo_nav div             {
	float: left;
	display: inline;
	}
#philo_nav a                { display: block; width: 100%; text-decoration: none; font-size: 21px; }
#philo_nav a span           { display: none; }

#philo_nav_perservere  {
	width: 135px;
	height: 120px;
	background-repeat: no-repeat;
	margin-left: 35px;
	margin-top: 5px;
}
#philo_nav_friend { width: 105px; height: 120px; background-repeat: no-repeat; margin: 5px;}

#philo_nav_success { width: 105px; height: 120px; background-repeat: no-repeat; margin: 5px;}
#philo_nav_love {  width: 105px; height: 120px;background-repeat: no-repeat; margin: 5px;}
#philo_nav_fashion {width: 105px; height: 120px; background-repeat: no-repeat; margin: 5px;}
#philo_nav_celeb {width: 120px; height: 120px; background-repeat: no-repeat; margin: 5px;}
 #homepage #philo_nav_perservere  {
	background-image: url(http://www.sophiesphilosophies.com/images/bra.gif);

}
 #homepage #philo_nav_friend   { background:  url(http://www.sophiesphilosophies.com/images/glass.gif);

 }
 #homepage #philo_nav_success  {
	background:  url(http://www.sophiesphilosophies.com/images/keys.gif);

 }
 
 #homepage #philo_nav_love   { 
	background:  url(http://www.sophiesphilosophies.com/images/perfume.gif);

	}

 #homepage #philo_nav_fashion   {
	background:  url(http://www.sophiesphilosophies.com/images/hat.gif);

	
	}

 #homepage #philo_nav_celeb   {
	background:  url(http://www.sophiesphilosophies.com/images/nailpolish.gif);

	
	}

 /* hover states for five primary tabs */
 #homepage #philo_nav_perservere a:hover { background:  url(http://www.sophiesphilosophies.com/images/bra_over.gif)}
 #homepage #philo_nav_friend a:hover  { background:  url(http://www.sophiesphilosophies.com/images/glass_over.gif)}
 #homepage #philo_nav_success a:hover  { background:  url(http://www.sophiesphilosophies.com/images/keys_over.gif)}
 #homepage #philo_nav_love a:hover  { background:  url(http://www.sophiesphilosophies.com/images/perfume_over.gif)}
 #homepage #philo_nav_fashion a:hover  { background:  url(http://www.sophiesphilosophies.com/images/hat_over.gif)}
 #homepage #philo_nav_celeb a:hover  { background:  url(http://www.sophiesphilosophies.com/images/nailpolish_over.gif)}

 /* Small Philosophie menu */
  #philo_nav_small               {
	position: absolute;
	width: 500px;
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	z-index:25;
	
	}
 
#philo_nav_small div             {
	float: left;
	display: inline;
	}
#philo_nav_small a                { display: block; width: 100%; text-decoration: none; font-size: 21px; }
#philo_nav_small a span           { display: none; }

#philo_nav_confidence_small {
	width: 75px;
	height: 62px;
	background-repeat: no-repeat;
	margin-left: 75px;
	margin-top: 10px;
}
#philo_nav_perservere_small { width: 52px; height: 60px; background-repeat: no-repeat; margin: 10px;}
#philo_nav_friend_small { width: 52px; height: 60px; background-repeat: no-repeat; margin: 10px;}
#philo_nav_success_small { width: 53px; height: 60px; background-repeat: no-repeat; margin: 10px;}
#philo_nav_love_small {  width: 54px; height: 60px;background-repeat: no-repeat; margin: 10px;}
#philo_nav_fashion_small {width: 55px; height: 60px; background-repeat: no-repeat; margin: 10px;}
#philo_nav_celeb_small {width: 55px; height: 60px; background-repeat: no-repeat; margin: 10px;}
#phil #philo_nav_perservere_small  {
	background-image: url(http://www.sophiesphilosophies.com/images/bra_small.gif);

}
#phil #philo_nav_friend_small   { background:  url(http://www.sophiesphilosophies.com/images/glass_small.gif);

 }
#phil #philo_nav_success_small  {
	background:  url(http://www.sophiesphilosophies.com/images/keys_small.gif);
 }
 
#phil #philo_nav_love_small   { 
	background:  url(http://www.sophiesphilosophies.com/images/perfume_small.gif);

	}

#phil #philo_nav_fashion_small   {
	background:  url(http://www.sophiesphilosophies.com/images/hat_small.gif);

	
	}
#phil #philo_nav_celeb_small   {
	background:  url(http://www.sophiesphilosophies.com/images/nailpolish_small.gif);

	
	}
 #phil #philo_nav_perservere_small a:hover { background:  url(http://www.sophiesphilosophies.com/images/bra_over_small.gif)}
 #phil #philo_nav_friend_small a:hover  { background:  url(http://www.sophiesphilosophies.com/images/glass_over_small.gif)}
 #phil #philo_nav_success_small a:hover  { background:  url(http://www.sophiesphilosophies.com/images/keys_over_small.gif)}
 #phil #philo_nav_love_small a:hover  { background:  url(http://www.sophiesphilosophies.com/images/perfume_over_small.gif)}
 #phil #philo_nav_fashion_small a:hover  { background:  url(http://www.sophiesphilosophies.com/images/hat_over_small.gif)}
 #phil #philo_nav_celeb_small a:hover  { background:  url(http://www.sophiesphilosophies.com/images/nailpolish_over_small.gif)}

/* Top Menu */

 #top_nav    {
	position: absolute;
	white-space: nowrap;
	margin-left: 10px;
	margin-top: 50px;
	left: 165px;
	top: 88px;
	}

#top_nav div             {
	float: left;
	display: inline;
	
	}
#top_nav a                { display: block; width: 100%; text-decoration: none; font-size: 21px; }
#top_nav a span           { display: none; }

#top_nav_story  {
	width: 140px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 5px;

	}
#top_nav_philosophies { width: 128px; height: 30px; background-repeat: no-repeat; margin: 5px;}

#top_nav_custom { width: 88px; height: 30px; background-repeat: no-repeat; margin: 5px;}
#top_nav_scene  {  width: 113px; height: 30px; background-repeat: no-repeat; margin: 5px; }
#top_nav_connect {  width: 87px; height:30px; background-repeat: no-repeat; margin: 5px;}



#top_nav_story  {
	background-image: url(http://www.sophiesphilosophies.com/images/story.gif);
}

#top_nav_philosophies   {
	background:   url(http://www.sophiesphilosophies.com/images/philosophies.gif);
	
	}
#top_nav_custom  {
	background:  url(http://www.sophiesphilosophies.com/images/custom.gif);

 }
 
#top_nav_connect   { 
	background:  url(http://www.sophiesphilosophies.com/images/connect.gif);

	}


#top_nav_scene  {
	background: url(http://www.sophiesphilosophies.com/images/scene.gif);

}
 /* hover states for five primary tabs */
#top_nav_story a:hover { background:  url(images/story_over.gif)}
#top_nav_philosophies a:hover  { background:  url(http://www.sophiesphilosophies.com/images/philosophies_over.gif)}
#top_nav_custom a:hover  { background:  url(http://www.sophiesphilosophies.com/images/custom_over.gif)}
#top_nav_connect a:hover  { background:  url(http://www.sophiesphilosophies.com/images/connect_over.gif)}
#top_nav_scene a:hover  { background:  url(http://www.sophiesphilosophies.com/images/scene_over.gif)}



#top_nav_story2  {
	width: 140px;
	height: 30px;
	background-repeat: no-repeat;
	margin: 5px;

	}
#top_nav_philosophies2 { width: 128px; height: 30px; background-repeat: no-repeat; margin: 5px;}

#top_nav_custom2 { width: 88px; height: 30px; background-repeat: no-repeat; margin: 5px;}
#top_nav_scene2  {  width: 113px; height: 30px; background-repeat: no-repeat; margin: 5px; }
#top_nav_connect2 {  width: 87px; height:30px; background-repeat: no-repeat; margin: 5px;}



#top_nav_story2  {
	background-image: url(../images/story.gif);
}

#top_nav_philosophies2   {
	background:   url(../images/philosophies.gif);
	
	}
#top_nav_custom2  {
	background:  url(../images/custom.gif);

 }
 
#top_nav_connect2   { 
	background:  url(../images/connect.gif);

	}


#top_nav_scene2  {
	background: url(../images/scene.gif);

}
 /* hover states for five primary tabs */
#top_nav_story2 a:hover { background:  url(../images/story_over.gif)}
#top_nav_philosophies2 a:hover  { background:  url(../images/philosophies_over.gif)}
#top_nav_custom2 a:hover  { background:  url(../images/custom_over.gif)}
#top_nav_connect2 a:hover  { background:  url(../images/connect_over.gif)}
#top_nav_scene2 a:hover  { background:  url(../images/scene_over.gif)}





#philo_text_nav{
position:absolute;
width:150px;
padding: 10px;
margin-top: 160px;
margin-left: 25px;
border-width:1px;
border-style:solid;


}

#philo_text_nav ul{
display:table-row;
padding-left:0px;
border-width:0px;
border-style:solid;
list-style-type:none;
}

#philo_text_nav li{
padding-left:0px;
border-width:0px;
border-style:solid;

}