@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font:0.8em Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333; background:url(../images/body-bg.jpg) repeat; text-align:left; min-height:100%;}
#header {width:950px; margin:0 auto 0 auto; background:url(../images/head-bg-oats.jpg) right top no-repeat; height:360px;position:relative;}
#headerwrapper {background:url(../images/header-bg.jpg) repeat-x; height:360px;} 
#container{margin:1% auto; width:800px; position:relative; text-align:left; background-color:#fff;}/*centers main content*/
#contentwrapper{ background:url(../images/content-wrapper-bg.jpg) bottom repeat-x #b4e47b; padding:20px 0 20px 0; border-bottom:1px solid #77af44;}
#content{width:910px; padding:0 20px 0 20px; margin:0 auto; position:relative;}
/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/
.topsentence{font-size:.8em; color:#94b4d1; text-align:left; margin-top:3px; position:absolute; left:0;}
.clear {clear:both;}
#yellowbar {bottom:0; width:850px; clear:left; float:left; margin-top:60px; text-align: right; padding-left:60px; display:block; display:inline;}
#yellowbar p#tag {float: left; width:220px; color:#3a4d11; text-align:center; display:inline; font-size:1.15em; font-style:italic; margin-top:15px;}
.larger {font-size:1.3em;}
#yellowbar p#images {float:right; width:620px;}
#yellowbar img {margin-left:16px;}
/***************** Headers *****************/
h1 {font-family:"Times New Roman", Times, serif; color:#060705; font-size:2.8em; font-weight:lighter;}
h1#logo{ width:297px; height:174px; display:block; float:left; margin-top:20px;} 
h1#logo a {background:url(../images/logo-mgfp.jpg) no-repeat; width:297px; height:174px; display:block;}
h2 {font-family:"Times New Roman", Times, serif; color:#060705; font-size:2.3em; font-weight:lighter;}
h3 {font-family:"Times New Roman", Times, serif; color:#060705; font-size:1.8em; font-weight:lighter;}
h4 {}
h5{}
h6{}
/***************** Basic Links *****************/
a:link, a:visited{color:#44620D; text-decoration:none;}
a:hover{color:#57452D; text-decoration:underline;}
a:active, a:focus{outline:none;}
#content p {padding:5px 0 10px 0;}
#content ul, #content ol {margin:5px 10px 10px 30px;}
#content ul li, #content ol li {padding-bottom:5px;}
/***************** Menu *****************/
/*style containing menu div*/
#menu {height:auto; padding:0; position:absolute; z-index:100; top:-173px; right:33px;}
/*style first tier ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin:0; padding: 0;}
#menu ul li a {display: block; width:140px; height:41px;}
#menu ul li {position:relative; list-style:none; margin:0 6px 0 7px; float:left; display:inline;}

#menu ul li#home {background:url(../images/nav-home.gif) no-repeat;}
#menu ul li#benefits {background:url(../images/nav-benefits.gif) no-repeat; margin:0 8px 0 7px;}
#menu ul li#store {background:url(../images/nav-store.gif) no-repeat;}
#menu ul li#recipes {background:url(../images/nav-recipes.gif) no-repeat; margin:0 8px 0 7px;}
#menu ul li#processing {background:url(../images/nav-processing.gif) no-repeat;}

#menu ul li#home a:hover {background:url(../images/nav-home-over.gif) no-repeat;}
#menu ul li#benefits a:hover {background:url(../images/nav-benefits-over.gif) no-repeat;}
#menu ul li#store a:hover {background:url(../images/nav-store-over.gif) no-repeat;}
#menu ul li#recipes a:hover {background:url(../images/nav-recipes-over.gif) no-repeat;}
#menu ul li#processing a:hover {background:url(../images/nav-processing-over.gif) no-repeat;}
/***************** Footer *****************/
#footerwrapper {background:url(../images/footer-bg.jpg) repeat-x; height:155px; border-bottom:1px solid #77af44;}
#footer ul {display:block; margin:5px auto 0pt; padding:0pt; width:1000px; color:#8ed748; text-align:right;}
#footer ul li {display:inline; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none;}
#footer ul li a:link, #footer ul li a:visited{color:#8ed748; text-decoration:none; padding:0 3px 0 3px;}
#footer ul li a:hover{color:#8ed748; text-decoration:underline;}
#footer ul li.copyright {background-image:none; float:left; padding:0pt; text-align:left;}
#footer ul li.footerHome {background-image:none;}
#footer {height:145px; background:url(../images/bottom-oatmeal-graphic.jpg) no-repeat bottom right; width:1004px; margin:0 auto; padding:10px 0 0 0; position:relative;}
/***************** Credit *****************/
#credit {clear:both; font-size:0.7em;  text-align:center; position:absolute; bottom:0; left:350px;}
#credit a:link, #credit a:visited {color:#8ed748; text-decoration:none;}
#credit a:hover {color:#8ed748; text-decoration:none;}
#credit p {padding:3px;}


.hidden {position:absolute; left:-9999px;}


/***************** Home *****************/
#leftcolumn { float:left; width:580px; padding:10px; display:inline; background:url(../images/vertical-divider.jpg) repeat-y right;}
#rightcolumn{float:left; width:270px; padding:0 10px 0 20px; display:inline;}
#rightcolumn p {padding:3px 0 2px 0;}

#rightcolumn h2 {color:#FFF; font-family:"Times New Roman", Times, serif; font-weight:lighter; font-size:2.3em; text-align:center;}
#content #health p {padding:3px 0 3px 0;}
#health {background:url(../images/home-box-bg.png) repeat-y; width:169px; padding:12px; height:214px; float:right; margin:0 10px 0 10px; display:inline;}

#health h2 {color:#355816; font-family:"Times New Roman", Times, serif; font-size:1.45em; text-align:right; font-weight:lighter;}

#health a {color:#355816;}

center {position:absolute; left:-9999px;}

.proatina {background:url(../images/home-btn-proatina.png) no-repeat; width:282px; height:98px; display:block;}
.proatina a {width:282px; height:98px; display:block;}
.timtana {background:url(../images/home-btn-timtana.png) no-repeat; width:282px; height:98px; display:block;}
.timtana a {width:282px; height:98px; display:block;}
.omegamontana {background:url(../images/home-btn-omega.png) no-repeat; width:282px; height:98px; display:block;}
.omegamontana a {width:282px; height:98px; display:block;}
.right {float:right;}

.img-align-right {float:right; margin:0 0 10px 10px; border:1px solid #5b942a;}