

#mainnav_bkgnd {
	margin: 0;
	padding: 0;
	height: 59px;
	clear: both;
}

#subnav_bkgnd {
	margin: 0;
	padding: 0;
	height: 25px;
	clear: both;
}



/******************* Main Nav Buttons Styling *********************/


#mainnav {
	margin: 0;
	padding: 0;
	width: 790px;
	position: relative;
	top: -30px;
	left: 175px;
	text-align: left;
	z-index: 100;
}

.nav, .nav * {
	margin:0;
	padding:0;
	z-index: 100;
}

.nav {
	height: 29px;
	float: left;
	position:relative;
	list-style: none;
}

/* level 2*/
.nav ul {
	margin: 0;
	padding: 0;
	float: left;
	position:relative;
	list-style: none;
	
}

/* level 1 */
.nav li {
	margin: 0;
	padding: 0;
	float: left;
}


/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
	list-style:none;
	z-index:100;
}



.nav li ul li {
	background: #e5e5e5;  /*hides css nav bar*/
}

.nav li ul li a {
	padding-top: 6px;
}

.nav li ul li a:hover {
	padding-top: 6px;
}


.nav li.current ul {
	z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
}

/* level 2*/
.nav li li {
	margin: 0;
	padding: 0;
}

.nav a {
	display:block;
	float: left;
	padding: 0 14px;
	text-decoration:none;
	background: #666666;
	color: #ffffff;
	height: 20px;
}

.nav a:hover {
	display:block;
	float: left;
	padding: 0 14px;
	text-decoration:none;
	background: #3b3c3c;
	color: #ffffff;
	height: 20px;
}

.nav li ul {
	left:0;
	top:-999em;
	position:absolute;
}

/* Positioning of each of the sub navs.  May need to be 
adjusted if additional submenu items are added */
.nav li a { text-indent: -9999px;}
.nav li li a { text-indent: 0px;}
.nav li#nexperience ul { width: 400px; }
.nav li#nfindus ul { width: 100px; }
/* press & media nav */
.nav li#nhello ul { width: 138px; }
.nav li#nwhatsnew ul { /*left: -100px;*/ width: 138px; }
.nav li#nmeetteam ul { width: 110px; }
.nav li#nprograms ul { /*left: -150px;*/ width: 100px; }
.nav li#nourphotos ul { /*left: -350px;*/ width: 139px; }
.nav li#ncontact us ul { width: 101px; }

/* Positioning of each of the main nav tabs. */
li#nexperience { position: absolute; left: 0; height: 40px; }
li#nfindus { position: absolute; left: 198px; height: 40px; }
/* press & media nav */
li#nhello { position: absolute; left: 0; height: 40px;}
li#nwhatsnew { position: absolute; left: 138px; height: 40px; }
li#nmeetteam { position: absolute; left: 276px; height: 40px;}
li#nprograms { position: absolute; left: 386px; height: 40px; }
li#nourphotos { position: absolute; left: 496px; height: 40px; }
li#ncontact { position: absolute; left: 635px; height: 40px; }

li a#nav_experience {
	display: block;
	width: 198px;
	height: 29px;
	background: url(../images/menu/hamptonHiltonExperience.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_findus {
	display: block;
	width: 169px;
	height: 29px;
	background: url(../images/menu/whereToFindUs.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_hello {
	display: block;
	width: 138px;
	height: 29px;
	background: url(../images/pressMedia/n_hamptonHello.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_whatsnew {
	display: block;
	width: 138px;
	height: 29px;
	background: url(../images/pressMedia/n_whatsNew.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_meetteam {
	display: block;
	width: 110px;
	height: 29px;
	background: url(../images/pressMedia/n_meetTheTeam.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_programs {
	display: block;
	width: 100px;
	height: 29px;
	background: url(../images/pressMedia/n_programs.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_ourphotos {
	display: block;
	width: 139px;
	height: 29px;
	background: url(../images/pressMedia/n_ourPhotosLogos.gif) no-repeat;
	background-position: 0 0;
}

li a#nav_contact {
	display: block;
	width: 101px;
	height: 29px;
	background: url(../images/pressMedia/n_contactUs.gif) no-repeat;
	background-position: 0 0;
}


/* level 1*/

.nav li#nexperience.sfHover a#nav_experience, 
.nav li#nexperience.current a#nav_experience,
.nav a#nav_home:hover, 

.nav li#nfindus.sfHover a#nav_findus, 
.nav li#nfindus.current a#nav_findus,
.nav a#nav_news:hover, 

.nav li#nhello.sfHover a#nav_hello, 
.nav li#nhello.current a#nav_hello,
.nav a#nav_hello:hover, 

.nav li#nwhatsnew.sfHover a#nav_whatsnew, 
.nav li#nwhatsnew.current a#nav_whatsnew,
.nav a#nav_whatsnew:hover, 

.nav li#nmeetteam.sfHover a#nav_meetteam, 
.nav li#nmeetteam.current a#nav_meetteam,
.nav a#nav_meetteam:hover, 

.nav li#nprograms.sfHover a#nav_programs, 
.nav li#nprograms.current a#nav_programs,
.nav a#nav_programs:hover, 

.nav li#nourphotos.sfHover a#nav_ourphotos, 
.nav li#nourphotos.current a#nav_ourphotoss,
.nav a#nav_ourphotos:hover, 

.nav li#ncontact.sfHover a#nav_contact, 
.nav li#ncontact.current a#nav_contact,
.nav a#nav_contact:hover {
	background-position: 0 -28px;
	
}

.nav li li.current a {
	color: #ffffff;
}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top: 29px;
	
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top: 28px;
	
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}



/******************* Sub Nav Buttons Styling *********************/

#subnav {
	margin: 0 auto;
	padding: 0;
	/*width: 959px;*/
	text-align: left;
}

#subnav ul {
	margin: 0;
	padding: 0;
}

a.turnOn {
	background: #3c3c3c;
}

