/* Top Navigation Styles
----------------------------------------------- */
/* Nav bgs */
#main-nav {
	position:absolute;
	width:738px;
	right:10px;
	top:56px;
}
#main-nav a {
	color:#ffffff;
}
#main-nav ul#nav-one li#home a {
	width:65px;
	height:44px;
	background: url(../media/btn_home.jpg) no-repeat 0 top;
	}
				
#main-nav ul#nav-one li#home a:hover, #main-nav ul li#homeCurrent a  {
	width:65px;
	height:44px;
	background: url(../media/btn_home.jpg) no-repeat 0 bottom;
	}
	
#main-nav ul#nav-one li#about a {
	width:100px;
	height:44px;
	background: url(../media/btn_about.jpg) no-repeat 0 top;
	}
				
#main-nav ul#nav-one li#about a:hover, #main-nav ul li#aboutCurrent a  {
	width:100px;
	height:44px;
	background: url(../media/btn_about.jpg) no-repeat 0 bottom;
	}

#main-nav ul#nav-one li#why a {
	width:213px;
	height:44px;
	background: url(../media/btn_why.jpg) no-repeat 0 top;
	}
				
#main-nav ul#nav-one li#why a:hover, #main-nav ul li#whyCurrent a  {
	width:213px;
	height:44px;
	background: url(../media/btn_why.jpg) no-repeat 0 bottom;
	}

#main-nav ul#nav-one li a#better {
	width:144px;
	height:44px;
	background-image: url(../media/btn_naturally-better.jpg) ;
	background-position: 0 top;
	background-repeat:no-repeat;
	}
				
#main-nav ul#nav-one li a#better:hover, #main-nav ul li a#betterCurrent  {
	width:144px;
	height:44px;
	background-image: url(../media/btn_naturally-better.jpg) ;
	background-position: 0 bottom;
	background-repeat:no-repeat;
	}

#main-nav ul#nav-one li#tips a  {
	width:116px;
	height:44px;
	background: url(../media/btn_hydration-tips.jpg) no-repeat 0 top;
	}
				
#main-nav ul#nav-one li#tips a:hover, #main-nav ul li#tipsCurrent a {
	width:116px;
	height:44px;
	background: url(../media/btn_hydration-tips.jpg) no-repeat 0 bottom;
	}
	
#main-nav ul#nav-one li#competition a {
	width:94px;
	height:44px;
	background: url(../media/btn_competition.jpg) no-repeat 0 top;
	}
				
#main-nav ul#nav-one li#competition a:hover, #main-nav ul li#competitionCurrent a  {
	width:94px;
	height:44px;
	background: url(../media/btn_competition.jpg) no-repeat 0 bottom;
	}
	
#main-nav ul#nav-one li a#better ul li a, #main-nav ul#nav-one li a#better:hover ul li a, #main-nav ul li a#betterCurrent ul li a, #main-nav ul#nav-one li a#better ul li, #main-nav ul#nav-one li a#better:hover ul li, #main-nav ul li a#betterCurrent ul li {
	background-image:none;
}

			


/* Nav bgs */

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 200;
}

.nav {
  z-index: 200;
  position: relative;
}
.nav li {
  float: left;
  position: relative;

}
/*Main Menu colors*/
#main-nav ul#nav-one li a {
    display:block;
	margin:0;
	text-decoration:none;
	}
	#main-nav ul#nav-one li a span {
		visibility:hidden;
		font-size:1px;
	}

.nav li a:hover {
  background: #3c4533;
  color: #ffffff;	
  background-image:none;
}
/*Main nav hover*/
#nav-one li:hover a, 
#nav-one li.sfHover a,
#nav-one li.selected {

	
}
/*Sub menu background*/
#nav-one li#better:hover ul a, 
#nav-one li#better.sfHover ul a {
color:#ffffff;
  background-image:none;
}
/*Hover on sub menu color*/
#nav-one li#better:hover ul a:hover, 
#nav-one li#better.sfHover ul a:hover,
#nav-one li#better ul a.selected {
  background: #3c4533;
  color: #ffffff;	
  background-image:none;
}

.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 0px;
   background-image:none;
   z-index: 200;
   background: #000;
   color:#fff;
}
/*Start point for sub nav appearing*/
.nav li:hover ul,
.nav li.sfHover ul {
  top: 44px;
  background-image:none;
}

.nav li:hover ul.subEnd,
.nav li.sfHover ul.subEnd {
  top: 44px;
  left:-99px;
  width:200px;
  background-image:none;
}

.nav ul li {
  border: 0;
  background-image:none;
  float: none;
  margin:0px;
  padding:0;
}
.nav li ul a {
	background: #000;
  color: #ffffff;	
  font-size:14px;
  text-indent:10px;
  padding:10px 0 5px 0;
  background-image:none;
  width:220px;
  height:20px;
}