/*********************************************
	MAIN NAV
*********************************************/
.navigation { /* GENERALLY leave this alone. You will not need to format this. use on a case-by-case basis. */
	z-index:750;
	height:163px;
	width:131px;
	margin:0 auto;
	padding:27px 0 60px 0;
}

ul.main-nav, ul.secondary-nav, ul.main-nav ul{
	list-style:none;
	z-index:1000;
	zoom:1;
}

ul.main-nav{
	bottom:0;
	margin:0;
	padding:0;
}

ul.main-nav li{
	float:left;
	padding:0;
}


ul.main-nav li a{
	background-image:url(/images/nav.gif);
	background-repeat:no-repeat;
	display:block;
	width:131px;
	text-indent:-9999px;
	position:relative;
}

ul.main-nav li a.home{background-position: left top;height:29px;}
ul.main-nav li:hover a.home{background-position: right top;}

ul.main-nav li a.desserts{background-position: left -29px;height:25px;}
ul.main-nav li:hover a.desserts{background-position: right -29px;}

ul.main-nav li a.weddings{background-position: left -54px;height:29px;}
ul.main-nav li:hover a.weddings{background-position: right -54px;}

ul.main-nav li a.retail{background-position: left -83px;height:25px;}
ul.main-nav li:hover a.retail{background-position: right -83px;}

ul.main-nav li a.testimonials{background-position: left -108px;height:28px;}
ul.main-nav li:hover a.testimonials{background-position: right -108px;}

ul.main-nav li a.contact{background-position: left -136px;height:27px;}
ul.main-nav li:hover a.contact{background-position: right -136px;}