/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:33px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background: url('../images/bnrBkg.jpg') no-repeat left top #C8D4DD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom: none;        /* give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	/*line-height:1.5em; */          /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:33px;
}


/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/


.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position: absolute;
	background:#C8D4DD;
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	top:33px;
}

/*.menu ul li ul li {
	border-bottom: 1px dotted #333366;
}*/

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	margin:0;
	padding:2px 0px 2px 2px;
	vertical-align: middle;
	height:auto;
	color:#333366;               /* this sets the unselected drop-down text color */
	background:#C8D4DD;       /* this sets the drop-down menu background color */
	width:13.4em;
}



.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	padding:2px 0px 2px 2px;
	vertical-align: middle;
	color:#993333;
	background:#E4C4CA;
}


/*======================== BANNER/BRAND LABEL DEFINITIONS ======================*/

#nvSpa, #bnrnvSpa {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 66px;
	background: url('../images/nav/nvSpa_off.jpg') no-repeat left top;
}
#nvSpaOn, #bnrnvSpaOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 66px;
	background: url('../images/nav/nvSpa_on.jpg') no-repeat left top;
}
#nvSpaLnk:hover, #bnrnvSpaLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 66px;
	background: url('../images/nav/nvSpa_off.jpg') no-repeat left top;
}
#nvSpaLnk:hover, #bnrnvSpaLnk:hover {
	background: url('../images/nav/nvSpa_on.jpg') no-repeat left top;
}
#nvBridal, #bnrnvBridal {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 55px;
	background: url('../images/nav/nvBridal_off.jpg') no-repeat left top;
}
#nvBridalOn, #bnrnvBridalOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 55px;
	background: url('../images/nav/nvBridal_on.jpg') no-repeat left top;
}
#nvBridalLnk:hover, #bnrnvBridalLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 55px;
	background: url('../images/nav/nvBridal_off.jpg') no-repeat left top;
}
#nvBridalLnk:hover, #bnrnvBridalLnk:hover {
	background: url('../images/nav/nvBridal_on.jpg') no-repeat left top;
}
#nvCosmetics, #bnrnvCosmetics {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 81px;
	background: url('../images/nav/nvCosmetics_off.jpg') no-repeat left top;
}
#nvCosmeticsOn, #bnrnvCosmeticsOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 81px;
	background: url('../images/nav/nvCosmetics_on.jpg') no-repeat left top;
}
#nvCosmeticsLnk:hover, #bnrnvCosmeticsLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 81px;
	background: url('../images/nav/nvCosmetics_off.jpg') no-repeat left top;
}
#nvCosmeticsLnk:hover, #bnrnvCosmeticsLnk:hover {
	background: url('../images/nav/nvCosmetics_on.jpg') no-repeat left top;
}
#nvGallery, #bnrnvGallery {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvGallery_off.jpg') no-repeat left top;
}
#nvGalleryOn, #bnrnvGalleryOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvGallery_on.jpg') no-repeat left top;
}
#nvGalleryLnk:hover, #bnrnvGalleryLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvGallery_off.jpg') no-repeat left top;
}
#nvGalleryLnk:hover, #bnrnvGalleryLnk:hover {
	background: url('../images/nav/nvGallery_on.jpg') no-repeat left top;
}
#nvFounder, #bnrnvFounder {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 190px;
	background: url('../images/nav/nvFounder_off.jpg') no-repeat left top;
}
#nvFounderOn, #bnrnvFounderOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 190px;
	background: url('../images/nav/nvFounder_on.jpg') no-repeat left top;
}
#nvFounderLnk:hover, #bnrnvFounderLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 190px;
	background: url('../images/nav/nvFounder_off.jpg') no-repeat left top;
}
#nvFounderLnk:hover, #bnrnvFounderLnk:hover {
	background: url('../images/nav/nvFounder_on.jpg') no-repeat left top;
}
#nvAbout, #bnrnvAbout {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvAbout_off.jpg') no-repeat left top;
}
#nvAboutOn, #bnrnvAboutOn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvAbout_on.jpg') no-repeat left top;
}
#nvAboutLnk:hover, #bnrnvAboutLnk:hover {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 33px;
	width: 50px;
	background: url('../images/nav/nvAbout_off.jpg') no-repeat left top;
}
#nvAboutLnk:hover, #bnrnvAboutLnk:hover {
	background: url('../images/nav/nvAbout_on.jpg') no-repeat left top;
}
/*======================== DROP DOWN LABEL DEFINITIONS ======================*/
/*#snavSpaAppt, #snavAppt, #snavOrder, #snavBridalAppt, #snavReqSvcs {
	background: url('../images/icons/email.gif') no-repeat left;
	padding: 2px 2px 2px 14px;
}*/