.hidden
{
	display: none;
}

#nav li,
#site-nav li {
	padding: 0;
	margin: 0;
	margin-right: 20px;
}
/* =================== Portfolio navigation with images ===================== */

#site-nav a#portfolio
{
	display:block;
	width: 73px;
	height: 21px;
	background-image: url('../images/nav/default/portfolio.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#portfolio.selected,
#site-nav a#portfolio:hover
{
	background-image: url('../images/nav/active/portfolio.gif');
}

#site-nav a#about
{
	display:block;
	width: 74px;
	height: 21px;
	background-image: url('../images/nav/default/about.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#about.selected,
#site-nav a#about:hover
{
	background-image: url('../images/nav/active/about.gif');
}

#site-nav a#packages
{
	display:block;
	width: 75px;
	height: 21px;
	background-image: url('../images/nav/default/packages.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#packages.selected,
#site-nav a#packages:hover
{
	background-image: url('../images/nav/active/packages.gif');
}

#site-nav a#contact
{
	display:block;
	width: 65px;
	height: 21px;
	background-image: url('../images/nav/default/contact.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#contact.selected,
#site-nav a#contact:hover
{
	background-image: url('../images/nav/active/contact.gif');
}

#site-nav a#clients
{
	display:block;
	width: 60px;
	height: 21px;
	background-image: url('../images/nav/default/clients.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#clients.selected,
#site-nav a#clients:hover
{
	background-image: url('../images/nav/active/clients.gif');
}

#site-nav a#blog
{
	display:block;
	width: 39px;
	height: 21px;
	background-image: url('../images/nav/default/blog.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#site-nav a#blog.selected,
#site-nav a#blog:hover
{
	background-image: url('../images/nav/active/blog.gif');
}

#site-nav a#logout
{
	display:block;
	width: 59px;
	height: 21px;
	background-image: url('../images/nav/default/logout.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
}
#site-nav a#logout.selected,
#site-nav a#logout:hover
{
	background-image: url('../images/nav/active/logout.gif');
}


/* =================== Gallery navigation with images ===================== */


#nav a#dj
{
	display:block;
	width: 105px;
	height: 18px;
	background-image: url('../images/nav/default/dj.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#dj.selected,
#nav a#dj:hover
{
	background-image: url('../images/nav/active/dj.gif');
}


#nav a#jk
{
	display:block;
	width: 99px;
	height: 18px;
	background-image: url('../images/nav/default/jk.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#jk.selected,
#nav a#jk:hover
{
	background-image: url('../images/nav/active/jk.gif');
}


#nav a#er
{
	display:block;
	width: 71px;
	height: 18px;
	background-image: url('../images/nav/default/er.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#er.selected,
#nav a#er:hover
{
	background-image: url('../images/nav/active/er.gif');
}

#nav a#la
{
	display:block;
	width: 79px;
	height: 18px;
	background-image: url('../images/nav/default/la.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#la.selected,
#nav a#la:hover
{
	background-image: url('../images/nav/active/la.gif');
}

#nav a#lo
{
	display:block;
	width: 105px;
	height: 18px;
	background-image: url('../images/nav/default/lo.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#lo.selected,
#nav a#lo:hover
{
	background-image: url('../images/nav/active/lo.gif');
}

#nav a#other
{
	display:block;
	width: 104px;
	height: 18px;
	background-image: url('../images/nav/default/other.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right: 10px;
}
#nav a#other.selected,
#nav a#other:hover
{
	background-image: url('../images/nav/active/other.gif');
}

#nav a#details
{
	display:block;
	width: 47px;
	height: 18px;
	background-image: url('../images/nav/default/details.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
}
#nav a#details.selected,
#nav a#details:hover
{
	background-image: url('../images/nav/active/details.gif');
}

#nav a#ad
{
	display:block;
	width: 108px;
	height: 18px;
	background-image: url('../images/nav/default/ad.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow:hidden;
	margin-right:5px;
}
#nav a#ad.selected,
#nav a#ad:hover
{
	background-image: url('../images/nav/active/ad.gif');
}