@charset "UTF-8";
/*******************************************************************
 * FXNL Style Sheet			                                       *
 *******************************************************************/

body {
font-family: Century Gothic, Arial, verdana, sans-serif;
font-size:14px;
background: #FFF;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #666666;
background-image: url(images/bg_v01.gif);
background-repeat: no-repeat;
background-color: #ffffff;
background-position: top center;
}

/*******************************************************************
 * Common Elements			                                       *
 *******************************************************************/
#wrapper {
width:925px;
margin: 0 auto;
}
#logo {
margin: 0 auto;
margin-top: 36px;
width:800px;
height:98px;
z-index:10000;
text-align: left;
}
#facebook {
float:right;
margin-top:65px;
}
img, a img {
  border: none;
}
a:link, a:visited {
  color: #024691;
  text-decoration: none;
}

a:hover {
  color: #448fc9;
  text-decoration: underline;
}

a:active, a.active {
  color: #448fc9;
}
p {
  color: #666666;
}
h1 {
  font-size: 175%;
color: #024691;
}

h2 {
  font-size: 150%;
color: #024691;
}

h3 {
  font-size: 130%;
color: #024691;
}

h4 {
  font-size: 120%;
color: #024691;
}

h5 {
  font-size: 110%;
color: #024691;
}
ul {
  margin: 1em 0 2em;
  padding: 0;
}

ol {
  margin: 1em 0 2em;
  padding: 0;
}

ol li, ul li {
  margin: 0.5em 0 0.5em 3em; /* LTR */
}
html {overflow-y:scroll;}
img {border:0;}
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
* { outline: 0 none !important;}

.hp-divider {
background: url(images/hp-divider.gif) repeat-x 0 10px;
height: 20px;
width: 720px;
margin: 0 auto;
}





/*******************************************************************
 * Main Content Area Background					                   *
 *******************************************************************/
#container {
  background: #ff0000;
background-image: url(images/content_bg_v01.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position: top center;
width:873px;
  margin: 0 auto;
margin-top: 2px;
border: 1px solid #c9c9c9;
  text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 10px 75px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/*******************************************************************
 * Main Content Area Background	- Pic 1			                   *
 *******************************************************************/
#container1 {
  background: #ff0000;
background-image: url(images/content_bg_v01a.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: top center;
width:873px;
  margin: 0 auto;
margin-top: 2px;
border: 1px solid #c9c9c9;
  text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent1 {
padding: 10px 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width: 500px;
margin-top: 72px;
margin-left: 315px;
}

/*******************************************************************
 * Home Page 3 box layout			                   *
 *******************************************************************/
#hp-3col {
	width:873px;
	background:url(images/hp-3col-bg.gif) repeat-x left bottom;
	position:relative;
	left:25px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	padding-bottom:62px;
}
#hp-3col-topcap {
	background:url(images/hp-3col-topcap-bg.gif) no-repeat 0 0;
	height:37px;
	width:873px;
	margin:0;
	position:relative;
	left:0px;
}
#hp-3col-main {
	width:873px;
	margin:0;
	padding:0;
	text-align:left;
	background:url(images/hp-3col-main-bg.gif) repeat-y 0 0;
	position:relative;
	left:0px;
	overflow:hidden;
}
#hp-3col-endcap {
	background:url(images/hp-3col-endcap-bg.gif) no-repeat 0 0;
	height:8px;
	width:873px;
	position:relative;
	left:0px;
}
#hp-3col-main-boxL {
	float:left;
	width:265px;
	position:relative;
	left:20px;
	padding-top:10px;
	text-align:center;
}
#hp-3col-main-boxC {
	float:left;
	width:241px;
	position:relative;
	left:52px;
	padding-top:10px;
	text-align:center;
}
#hp-3col-main-boxR {
	float:left;
	width:265px;
	position:relative;
	left:80px;
	padding-top:10px;
	text-align:center;
}
#hp-3col-main-boxL p, #hp-3col-main-boxC p, #hp-3col-main-boxR p {
	text-align:left;
	font-size:12px;
}

#btn-hp-metagenics {
	background: url(images/btn-hp-metagenics.gif) no-repeat 0 0;
    display: block;
    width: 194px;
    height: 34px;
    line-height: 0;
    text-indent: -9999px;
    z-index: 2;
    cursor: pointer;
	position:relative;
	left:34px;
}
#btn-hp-metagenics:hover {
	background-position: 0 -35px;
}

#btn-hp-learn-more {
	background: url(images/btn-hp-learn-more.gif) no-repeat 0 0;
    display: block;
    width: 131px;
    height: 34px;
    line-height: 0;
    text-indent: -9999px;
    z-index: 2;
    cursor: pointer;
	position:relative;
	left:58px;
}
#btn-hp-learn-more:hover {
	background-position: 0 -35px;
}

#btn-hp-contact {
	background: url(images/btn-hp-contact.gif) no-repeat 0 0;
    display: block;
    width: 169px;
    height: 34px;
    line-height: 0;
    text-indent: -9999px;
    z-index: 2;
    cursor: pointer;
	position:relative;
	left:50px;
}
#btn-hp-contact:hover {
	background-position: 0 -35px;
}

/*******************************************************************
 * Main Content Area Background	- Pic 2			                   *
 *******************************************************************/
#container2 {
  background: #ff0000;
background-image: url(images/content_bg_v01b.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: top center;
width:873px;
  margin: 0 auto;
margin-top: 2px;
border: 1px solid #c9c9c9;
  text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent2 {
padding: 10px 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width: 500px;
margin-top: 72px;
margin-left: 315px;
}

/*******************************************************************
 * Main Content Area Background	- Pic 3			                   *
 *******************************************************************/
#container3 {
  background: #ff0000;
background-image: url(images/content_bg_v01c.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: top center;
width:873px;
  margin: 0 auto;
margin-top: 2px;
border: 1px solid #c9c9c9;
  text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent3 {
padding: 10px 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width: 500px;
margin-top: 72px;
margin-left: 315px;
}

/*******************************************************************
 * Bottom Contact			                                       *
 *******************************************************************/
#btmcontainer {
  background: #ff0000;
background-image: url(images/btm_bg_v02a.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: top center;
width:876px;
height:91px;
margin: 0 auto;
  text-align: center; /* this overrides the text-align: center on the body element. */
}
#btmContent {
	padding: 30px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/*******************************************************************
 * Bottom Links				                                       *
 *******************************************************************/
#btmcontainer_links {
background: #ff0000;
background-image: url(images/btm_bg_v02b.gif);
background-repeat: no-repeat;
background-color: #fff;
background-position: top center;
width:876px;
height:65px;
margin: 0 auto;
text-align: center; /* this overrides the text-align: center on the body element. */
font-size: 11px;
}
#btmContent_links {
	padding: 20px 0;  /*remember that padding is the space inside the div box and margin is the space outside the div box */
}
#btmContent_links ul
  {
    text-align: center;
  }
#btmContent_links li
  {
    display: inline;
    padding: 0 1px 0 0;
  }
#btmContent_links li a, li a:link, li a:visited {
color: #666666;
}
#btmContent_links li a:hover, li a.active {
color: #666666;
text-decoration: underline;
}

/*******************************************************************
 * Navigation Bar			                                       *
 *******************************************************************/
#navbar {
margin: 0 auto;
width:800px;
height:22px;
z-index:10000;
text-align: left;
font-size: 12px;
font-weight: bold;
padding: 8px 0px 0px 15px;
color:#FFF;
}
#navbar ul /* Primary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }
#navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
#navbar li a, li a:link, li a:visited {
color: #fff;
}
#navbar li a:hover, li a.active {
color: #fff;
text-decoration: underline;
}

/*******************************************************************
 * Sign In			        		                               *
 *******************************************************************/
.inputtext {
border:1px solid #024691;
font-family:Century Gothic, Arial, verdana, sans-serif;
font-size:14px;
padding:6px;
background: #FFFFFF !important;
width: 300px;
margin-top: 4px;
margin-bottom: 4px;
}
.inputsubmit {
background: #024691;
color: #FFFFFF;
font-family:Century Gothic, Arial, verdana, sans-serif;
font-size:16px;
padding:8px 18px;
margin-top: 4px;
margin-bottom: 4px;
}