/* CSS Nav */
ul {
	margin: 5px 0px 50px 0px;
	padding: 0px;
	list-style:none;
	width: 800px;
	}
	
#nav {
	margin-left:5px;
	}
	
ul li {
	position: relative;
	display:inline;
	float:left;
	margin: 0px 5px 0px 0px;
	}
	
li ul {
	position: absolute;
	display: none;
	float:left;
	}
	
.nav_sub {
	float:left;
	margin-top:-5px;
	padding:7px 3px 15px 0px;
	}
	
.nav_sub2 {

	float:left;
	padding:7px 3px 15px 0px;
	font: Arial, Helvetica, sans-serif;
font-size:9px;
}


ul li a {
	display:inline;
	}
	
li:hover ul, li.over ul { display: block; }
	
/* CSS Nav */


/* Image-based CSS Navigation
-----------------------------------------------------------------------*/

#expressions a{
background:url(../img/nav/expressions.jpg) no-repeat left;
display:block;
padding:0px;
width:165px;
height:12px;
}

#expressions a:hover, #expressions_on {
display:block;
padding:0px;
width:165px;
height:12px;
background:url(../img/nav/expressions_hover.jpg) no-repeat left;
}

#music a{
background:url(../img/nav/music.jpg) no-repeat left;
display:block;
padding:0px;
width:46px;
height:12px;
}

#music a:hover, #music_on{
display:block;
padding:0px;
width:46px;
height:12px;
background:url(../img/nav/music_hover.jpg) no-repeat left;
}

#story a{
background:url(../img/nav/story.jpg) no-repeat left;
display:block;
padding:0px;
width:47px;
height:12px;
}

#story a:hover, #story_on {
background:url(../img/nav/story_hover.jpg) no-repeat left;
display:block;
padding:0px;
width:47px;
height:12px;
}

#book a{
background:url(../img/nav/book.jpg) no-repeat left;
display:block;
padding:0px;
width:105px;
height:12px;
}

#book a:hover, #book_on{
background:url(../img/nav/book_hover.jpg) no-repeat left;
display:block;
padding:0px;
width:105px;
height:12px;

}

#contact a{
background:url(../img/nav/contact.jpg) no-repeat left;
display:block;
padding:0px;
width:70px;
height:12px;
}

#contact a:hover, #contact_on{
background:url(../img/nav/contact_hover.jpg) no-repeat left;
display:block;
padding:0px;
width:70px;
height:12px;

}

#tentopia a{
background:url(../img/nav/tentopia.jpg) no-repeat left;
display:block;
padding:0px;
width:72px;
height:12px;
}

#tentopia a:hover, #tentopia_on{
background:url(../img/nav/tentopia_hover.jpg) no-repeat left;
display:block;
padding:0px;
width:72px;
height:12px;
}

#space a{
background:url(../img/nav/space.jpg) no-repeat left;
display:block;
width:90px;
height:12px;
}

#space a:hover, #space_on{
background:url(../img/nav/space_hover.jpg) no-repeat left;
display:block;
width:90px;
height:12px;
}

#beautiful a{
background:url(../img/nav/beautiful.jpg) no-repeat left ;
display:block;
width:127px;
height:12px;
}

#beautiful a:hover, #beautiful_on{
background:url(../img/nav/beautiful_hover.jpg) no-repeat left ;
display:block;
width:127px;
height:12px;
}


#agent a{
background:url(../img/nav/agent.jpg) no-repeat left;
display:block;
width:93px;
height:12px;
}

#agent a:hover, #agent_on{
background:url(../img/nav/agent_hover.jpg) no-repeat left;
display:block;
width:93px;
height:12px;
}


#noble a{
background:url(../img/nav/noble.jpg) no-repeat left;
display:block;
width:95px;
height:12px;
}

#noble a:hover, #noble_on{
background:url(../img/nav/noble_hover.jpg) no-repeat left;
display:block;
width:95px;
height:12px;
}

#wwjd a{
background:url(../img/nav/wwjd.jpg) no-repeat left;
display:block;
width:74px;
height:12px;
}

#wwjd a:hover, #wwjd_on{
background:url(../img/nav/wwjd_hover.jpg) no-repeat left;
display:block;
width:74px;
height:12px;
}

#ceremony a:hover, #ceremony_on{
background:url(../img/nav/ceremony_hover.jpg) no-repeat left;
display:block;
width:85px;
height:12px;
}

#ceremony a{
background:url(../img/nav/ceremony.jpg) no-repeat left;
display:block;
width:85px;
height:12px;
}


#recroom a{
background:url(../img/nav/recroom.jpg) no-repeat left;
display:block;
width:59px;
height:12px;
}

#recroom a:hover, #recroom_on{
background:url(../img/nav/recroom_hover.jpg) no-repeat left;
display:block;
width:59px;
height:12px;
}

#viewall a{
background:url(../img/nav/viewall.jpg) no-repeat left;
display:block;
width:40px;
height:12px;
}

#viewall a:hover, #viewall_on{
background:url(../img/nav/viewall_hover.jpg) no-repeat left;
display:block;
width:40px;
height:12px;
}

#space_on, #beautiful_on, #agent_on, #noble_on, #wwjd_on, #ceremony_on, #recroom_on, #viewall_on{
margin-top:-9px;
}

/*------------------------------------------------------------------*/