/*********************************************
	MAIN NAV
*********************************************/
.navigation { /* GENERALLY leave this alone. You will not need to format this. use on a case-by-case basis. */
}


.main-nav{
	display:block;
	position:relative;
	width:952px;
	height:40px;
	margin:80px auto 0 auto;
}
.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{

}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;	
}

.main-nav ul li{ 
	padding:0;ok
	margin:0;
	height:40px;
	position:relative;
	float:left;
	background:url(/images/main-nav.png) no-repeat;
}

.main-nav ul li:hover{
	cursor:pointer;	
	z-index:1;
}

.main-nav a{
	text-decoration:none;	
}

.main-nav a.main{ 
	text-indent:-9999px;
	position:relative;
	display:block;
	width:100%;
	height:40px;
}



.main-nav ul li.home{background-position: left top; width:63px;}
.main-nav ul li.home:hover {background-position: left bottom;}

.main-nav ul li.eats{background-position: -63px top; width:56px;}
.main-nav ul li.eats:hover {background-position: -63px bottom;}

.main-nav ul li.deals{background-position: -119px top; width:68px;}
.main-nav ul li.deals:hover {background-position: -119px bottom;}

.main-nav ul li.gallery{background-position: -187px top; width:99px;}
.main-nav ul li.gallery:hover {background-position: -187px bottom;}   

.main-nav ul li.split{background-image: none; width:380px;}

.main-nav ul li.gift{background-position: -664px top; width:112px;}
.main-nav ul li.gift:hover{background-position: -664px bottom;}

.main-nav ul li.get{background-position: -776px top; width:90px;}
.main-nav ul li.get:hover{background-position: -776px bottom;}

.main-nav ul li.buzz{background-position: -866px top; width:84px;}
.main-nav ul li.buzz:hover{background-position: -866px bottom;}


/* sub navigation */
.main-nav ul li ul{
	position:absolute;
}

.main-nav ul li ul,
.main-nav ul li:hover ul ul{
	display:none;
}

.main-nav ul li:hover ul,
.main-nav ul li:hover ul li:hover ul{
	display:block;	
	
}