/* MAIN NAVIGATION */
#mainNavigation {
	border: 0px solid green; 
	width: 515px;
	height: 100px;
	margin: 0 auto; margin-left: 5px;
	padding: 0px;
	text-align: right;	
	float: right;
}




	#mainNavigation #nav {
		border: 0px solid green; 
		width: 510px;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		background: #FFFFFF;
		list-style-type: none;
		float: right;
		font: normal 0.7em verdana;
		text-transform: capitalize;
		color: #FFFFFF;
}

		#mainNavigation #nav li {
			margin: 0 auto;
			padding: 0;
			list-style-type: none;
			float: right;
}

		#mainNavigation #nav a {
			border: 0px solid #675432;
			width: 101px;
			margin: 0 auto;
			text-align: center;
			background: #ffffff;
			float: right;
			text-decoration: none;
			display: inline;
			color: #FFFFFF;
}

		#mainNavigation #nav a:hover {
			color: #675432;
}


		#mainNavigation #nav #nav_contact a {
			border-right: 0px solid #000000;
}



/* NAVIGATION USING IMAGE ROLL-OVER IN CSS */

				#mainNavigation #nav #nav_home h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-home.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_home h2 span {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-home.jpg) top left no-repeat;
				}


				#mainNavigation #nav #nav_home h2 .over  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-home.jpg) top right no-repeat;
					background-color: #000000;
				}


				#mainNavigation #nav #nav_home h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-home.jpg) top right no-repeat;
					background-color: #000000;
				}




				#mainNavigation #nav #nav_about h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-about.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_about h2 span {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-about.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_about h2 .over {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-about.jpg) top right no-repeat;
				}


				#mainNavigation #nav #nav_about h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-about.jpg) top right  no-repeat;
				}




				#mainNavigation #nav #nav_nutrition h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-programs.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_nutrition h2 span {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-programs.jpg) top left no-repeat;
				}

			#mainNavigation #nav #nav_nutrition h2 .over  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-programs.jpg) top right no-repeat;
				}

				#mainNavigation #nav #nav_nutrition h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-programs.jpg) top right no-repeat;
				}

	
				#mainNavigation #nav #nav_programs h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-programs.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_programs h2 span {
					position: absolute; 
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-programs.jpg) top left no-repeat;
				}

			#mainNavigation #nav #nav_programs h2 .over  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-programs.jpg) top right no-repeat;
				}

				#mainNavigation #nav #nav_programs h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-programs.jpg) top right no-repeat;
				}



				#mainNavigation #nav #nav_fitness h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-library.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_fitness h2 span {
					position: absolute; 
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-library.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_fitness h2 .over {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-library.jpg) top right no-repeat;
				}

				#mainNavigation #nav #nav_fitness h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-library.jpg) top right no-repeat;
				}


				#mainNavigation #nav #nav_library h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-library.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_library h2 span {
					position: absolute; 
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-library.jpg) top left no-repeat;
				}

				#mainNavigation #nav #nav_library h2 .over {
					position: absolute;
					left: 0;
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-library.jpg) top right no-repeat;
				}

				#mainNavigation #nav #nav_library h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-library.jpg) top right no-repeat;
				}



				#mainNavigation #nav #nav_contact h2 {
					border: 0px solid #675432;
					position: relative;
					width: 101px;
					height: 100px;
					overflow: hidden;
					margin: 0 auto;
					float: left;
					background: url(images/sun-contact.jpg) top left no-repeat;
				}


				#mainNavigation #nav #nav_contact h2 span {
					position: absolute; 
					left: 0;  
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-contact.jpg) top left no-repeat;
				}


				#mainNavigation #nav #nav_contact h2 .over {
					position: absolute; 
					left: 0;  
					top: 0;
					width: 101px;
					height: 100px;
					background: url(images/sun-contact.jpg) top right no-repeat;
				}


				#mainNavigation #nav #nav_contact h2 a:hover span  {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(images/sun-contact.jpg) top right no-repeat;
				}