ul#navi
{
	position: absolute;
	top: 80px;
	list-style: none;
	margin-left: 140px;
	z-index: 2000;
}
ul#navi li.navi
{
	float: left;
}
ul#navi li.navi a
{
	background-repeat: no-repeat;
	background-position: center 0;
	display: block;
	height: 16px;
	width: 135px;
	text-indent: -5000px;
	overflow: hidden;	/* needed for IE6 */
}
ul#navi li.navi a:hover
{
	background-position: center -16px;
}
#naviportfolio
{
	background-image: url(../imgs/menuPortfolio.gif);
}
#naviservices
{
	background-image: url(../imgs/menuServices.gif);
}
#naviabout
{
	background-image: url(../imgs/menuAbout.gif);
}
#naviblog
{
	background-image: url(../imgs/menuBlog.gif);
}
#navicontact
{
	background-image: url(../imgs/menuContact.gif);
}

ul#navi ul
{
	list-style: none;
	width: 135px;
	display: none;
}
ul#navi li.sfhover ul, ul#navi li:hover ul
{
	display: block;
}
ul#navi ul li
{
	float: left;
}
ul#navi ul li a
{
	background-color: #ffffff;
	padding-bottom: 3px;
}
ul#navi li.navi ul li a:hover
{
	background-position: center -17px;
}
#subnavicommercial
{
	background-image: url(../imgs/subcommercial.gif);
}
#subnavichildren
{
	background-image: url(../imgs/subchildren.gif);
}
#subnavicorporate
{
	background-image: url(../imgs/subcorporate.gif);
}
#subnavievents
{
	background-image: url(../imgs/subevents.gif);
}
#subnaviportraits
{
	background-image: url(../imgs/subportrait.gif);
}
#subnaviwedding
{
	background-image: url(../imgs/subwedding.gif);
}