@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------
Internal Page Style Sheet - Maverick Muscle (Get Me Fit Nia)

Version: 1.0
Author: Sherman Edwards, Formula 81 Interactive, LLC
Email: sherman.edwards@formula81interactive.com
Client: http://www.getmefitnia.com
-------------------------------------------------- */

/* Typography
---------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#container h1 {
	color: #ffffff;
}

#footer {
	text-align: center;
}

#footer-text {
	font-size: 10px;
	color: #dddddd;
}

#container p {
	color: #dddddd;
	line-height: 17px;
}

#container a {
	color: #ffffff;
}

#container a:hover {
	color: #eced00;
}

/* Layout - Major Sections
---------------------------------------------------*/

body {
	background: #000000 url(../images/outside_image.gif) repeat-x;
	margin: 0; /* Always explicity define margins and padding - do not browser assume */
	padding: 20px 0 0 0;
}

#container {
	width: 800px;
	height: 867px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/background_image.jpg) no-repeat;
}

#container p {
	margin: 75px 0 0 0;
	padding: 0 300px 0 20px;
}

#footer {
	margin: 120px 0 0 0;
	padding: 0;
}

/***************Navigation Section***************/

#topMainNav {
	background: url(../images/main_top_nav.jpg) no-repeat;
	width: 395px;
	height: 142px;
	margin: 35px 0 0 0;
	padding: 0;
	position: relative;
}

#topMainNav span {
	display: none;
}

#topMainNav li, #topMainNav a {
	height: 142px;
	display: block;
}

#topMainNav li {
	float: left;
	list-style: none;
	display: inline;
}

#navContact { width: 129px; }
#navServices { width: 137px; }
#navNutrition { width: 129px; }

#navContact a:hover { background: url(../images/main_top_nav.jpg) 0px -142px no-repeat; }
#navServices a:hover { background: url(../images/main_top_nav.jpg) -129px -142px no-repeat; }
#navNutrition a:hover { background: url(../images/main_top_nav.jpg) -266px -142px no-repeat; }

#bottomMainNav {
	background: url(../images/main_bottom_nav.gif) no-repeat;
	width: 395px;
	height: 142px;
	margin: -30px 0 0 62px;
	padding: 0 0 0 0;
	position: absolute;  /* :FIX Must be absolute when dealing with multiple line navigation  (workaround for FIREFOX, IE ok) */
}

#bottomMainNav span {
	display: none;
}

#bottomMainNav li, #bottomMainNav a {
	height: 142px;
	display: block;
}

#bottomMainNav li {
	float: left;
	list-style: none;
	display: inline;
}

#navPress { width: 129px; }
#navBio { width: 137px; }
#navGallery { width: 129px; }

#navPress a:hover { background: url(../images/main_bottom_nav.gif) 0px -142px no-repeat; }
#navBio a:hover { background: url(../images/main_bottom_nav.gif) -129px -142px no-repeat; }
#navGallery a:hover { background: url(../images/main_bottom_nav.gif) -266px -142px no-repeat; }

/* End of Navigation */

/* General Elements - Images, Headlines, etc.
---------------------------------------------------*/

#logo {
	display: block;
	position: absolute;
	width: 188px;
	height: 215px;
	background-image:url(../images/logo.jpg);
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#container h1 {
	width: 537px;
	height: 187px;
	position: relative;
	margin: 0 0 0 203px;
}

#container h1 span {
	background: url(../images/homepage_title.jpg) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}

#slogan {
	width: 319px;
	height: 30px;
	margin: -40px 0 0 391px;
	padding: 0;
	position: absolute;
}

#ready {
	width: 164px;
	height: 68px;
	margin: 26px 0 0 9px;
	padding: 0;
	position: absolute;
	z-index: 200;
}

#certs {
	margin: 10px 0 0 20px;
}

#myspace {
	position: absolute;
	margin: 13px 0 0 0;
	padding: 0;
	border: none;
}