

/***********----------------------------------------------------------------- DROPDOWN MENUS **********/
#nav, #nav ul {
	margin: 0px;
	list-style-type: none;
	font-weight: normal;
	font-size: 12px;
	font-family: Trebuchet MS, Lucida Grande, Verdana, sans-serif;
	padding: 0px;
	text-align:center;
}

#nav a.home_button {
	display: block;
	width:76px;
	height:28px;
	background-image:url(../images/navigation/home.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.home_button:hover {
	display: block;
	width:76px;
	height:28px;
	background-image:url(../images/navigation/home-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.about_button {
	display: block;
	width:80px;
	height:28px;
	background-image:url(../images/navigation/about.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.about_button:hover {
	display: block;
	width:80px;
	height:28px;
	background-image:url(../images/navigation/about-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.join_button {
	display: block;
	width:70px;
	height:28px;
	background-image:url(../images/navigation/join.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.join_button:hover {
	display: block;
	width:70px;
	height:28px;
	background-image:url(../images/navigation/join-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.trainers_button {
	display: block;
	width:88px;
	height:28px;
	background-image:url(../images/navigation/trainers.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.trainers_button:hover {
	display: block;
	width:88px;
	height:28px;
	background-image:url(../images/navigation/trainers-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.news_button {
	display: block;
	width:69px;
	height:28px;
	background-image:url(../images/navigation/news.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.news_button:hover {
	display: block;
	width:69px;
	height:28px;
	background-image:url(../images/navigation/news-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.promotions_button {
	display: block;
	width:113px;
	height:28px;
	background-image:url(../images/navigation/promotions.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.promotions_button:hover {
	display: block;
	width:113px;
	height:28px;
	background-image:url(../images/navigation/promotions-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.store_button {
	display: block;
	width:76px;
	height:28px;
	background-image:url(../images/navigation/store.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.store_button:hover {
	display: block;
	width:76px;
	height:28px;
	background-image:url(../images/navigation/store-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.contests_button {
	display: block;
	width:96px;
	height:28px;
	background-image:url(../images/navigation/contests.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.contests_button:hover {
	display: block;
	width:96px;
	height:28px;
	background-image:url(../images/navigation/contests-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.contact_button {
	display: block;
	width:104px;
	height:28px;
	background-image:url(../images/navigation/contact.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.contact_button:hover {
	display: block;
	width:104px;
	height:28px;
	background-image:url(../images/navigation/contact-over.gif);
	background-repeat:no-repeat;
	margin: 80px 0 0 0;
	padding:0px;
}

#nav a.logo_button {
	display: block;
	width:170px;
	height:95px;
	background-image:url(../images/navigation/the_gym_logo.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px;
}

#nav a.logo_button:hover {
	display: block;
	width:170px;
	height:95px;
	background-image:url(../images/navigation/the_gym_logo.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px;
}

#nav a.sub_logo_button {
	display: block;
	width:170px;
	height:133px;
	background-image:url(../images/navigation/the_gym_sub_logo.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px;
}

#nav a.sub_logo_button:hover {
	display: block;
	width:170px;
	height:133px;
	background-image:url(../images/navigation/the_gym_sub_logo.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px;
}

/* ------------------------------------------- [ Message ] -------- */

#nav li {
	float:left;
	margin: 0;
	padding: 0;
}

#nav li ul.second {
	position: absolute;
	padding: 0;
	width: 198px;
	left: -999em;
	margin: 0;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color: #ffffff;
	border: 1px solid #8d0000;
}

li.seconditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
	background-image:url(../images/navigation/ddown_bkg.gif);
	background-repeat:no-repeat;
}

li.seconditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over.gif);
	background-repeat:no-repeat;
	visibility: visible;
}

li.second_enditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
}

li.second_enditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over2.gif);
	background-repeat:no-repeat;
	visibility: visible;
}




#nav li ul.third {
	position: absolute;
	padding: 0;
	width: 198px;
	left: -999em;
	margin: 0;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color: #ffffff;
	border: 1px solid #8d0000;
}

li.thirditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
	background-image:url(../images/navigation/ddown_bkg.gif);
	background-repeat:no-repeat;
}

li.thirditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over.gif);
	background-repeat:no-repeat;
	visibility: visible;
}

li.third_enditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
}

li.third_enditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over2.gif);
	background-repeat:no-repeat;
	visibility: visible;
}





#nav li ul.fourth {
	position: absolute;
	padding: 0;
	width: 198px;
	left: -999em;
	margin: 0;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color: #ffffff;
	border: 1px solid #8d0000;
}

li.fourthitem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
	background-image:url(../images/navigation/ddown_bkg.gif);
	background-repeat:no-repeat;
}

li.fourthitem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over.gif);
	background-repeat:no-repeat;
	visibility: visible;
}

li.fourth_enditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
}

li.fourth_enditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over2.gif);
	background-repeat:no-repeat;
	visibility: visible;
}




#nav li ul.fifth {
	position: absolute;
	padding: 0;
	width: 198px;
	left: -999em;
	margin: 0;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color: #ffffff;
	border: 1px solid #8d0000;
}

li.fifthitem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
	background-image:url(../images/navigation/ddown_bkg.gif);
	background-repeat:no-repeat;
}

li.fifthitem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over.gif);
	background-repeat:no-repeat;
	visibility: visible;
}

li.fifth_enditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
}

li.fifth_enditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over2.gif);
	background-repeat:no-repeat;
	visibility: visible;
}



#nav li ul.sixth {
	position: absolute;
	padding: 0;
	width: 198px;
	left: -999em;
	margin: 0;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background-color: #ffffff;
	border: 1px solid #8d0000;
}

li.sixthitem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
	background-image:url(../images/navigation/ddown_bkg.gif);
	background-repeat:no-repeat;
}

li.sixthitem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over.gif);
	background-repeat:no-repeat;
	visibility: visible;
}

li.sixth_enditem {
	width: 198px;
	height: 40px;
	background-color:#ffffff;
}

li.sixth_enditem:hover {
	width: 198px;
	height: 40px;
	background-image:url(../images/navigation/ddown_bkg-over2.gif);
	background-repeat:no-repeat;
	visibility: visible;
}




#nav li ul a {
	display: block;
	width:  auto;
	height: 40px;
	color: #000;
	text-decoration: none;
	padding: 10px 0 0 0;
	text-align:center;
}

#nav li ul a:hover {
	display: block;
	width:  auto;
	height: 40px;
	color: #000;
	text-decoration: none;
	padding: 10px 0 0 0;
	text-align:center;
}

#nav li:hover ul.second {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul.second, #nav li.sfhover ul.second {
	padding: 0;
	margin: 0 0 0 -61px;
}

#nav li:hover ul.third {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul.third, #nav li.sfhover ul.third {
	padding: 0;
	margin: 0 0 0 -65px;
}

#nav li:hover ul.fourth {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul.fourth, #nav li.sfhover ul.fourth{
	padding: 0;
	margin: 0 0 0 -57px;
}


#nav li:hover ul.fifth {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul.fifth, #nav li.sfhover ul.fifth {
	padding: 0;
	margin: 0 0 0 -43px;
}

#nav li:hover ul.sixth {
	left: auto;
	padding: 0;
	margin: 0;
}

#nav li:hover ul.sixth, #nav li.sfhover ul.sixth {
	padding: 0;
	margin: 0 0 0 -52px;
}

