/* 
Title:		Root screen stylesheet, 4Grain
Author: 	www.blixinteractive.com
Copyright 2009
*/

/* global resets
----------------------------------*/
body, div, form, fieldset, table, th, td, input, dl, dt, dd, ul, li, p, h1, h2, h3, h4 { margin:0; padding:0; }
h1, h2, h3, h4 { font-size:1.0em; }
ul { list-style:none; }
a { color:#128851; text-decoration:none; }
a img { border:0; }

/* structure
----------------------------------*/
body 
{
	color:#666;
	font-family:Arial, sans-serif;
	font-size:13px;
	background:#fff url(/Common/img/bg.png) repeat-x 0 0;
}

#out { width:965px; margin:0 auto; padding:30px 0 10px; }
#in { width:965px; background:url(/Common/img/header.png) no-repeat 0 109px; }
#head { position:relative; z-index:1; width:965px; height:160px; }
#logo { width:197px; height:156px; position:absolute; left:36px; top:0; }
#menu { float:right; width:340px; margin-top:80px; } /* full width = 447 with where to buy link */
#title { position:relative; padding:1px 39px; height:146px; }
#content { padding:28px 38px 1px; width:885px; min-height:200px; border:solid 2px #D4E9DF; border-top:0; border-bottom:0; overflow:hidden; }
#footer { padding:72px 39px 0; background:url(/Common/img/footer.png) no-repeat 0 0; font-size:12px; color:#888; }
#col1 { float:left; width:390px; }
#col2 { float:right; width:475px; }

/* menus, lists
----------------------------------*/
#menu li { float:left; margin-right:20px; }
#menu li a { display:block; height:16px; outline:0; background-image:url(/Common/img/menu.png); text-indent:-9999px; }

#m1 a { width:76px; }
#m1 a.sel { background-position:0 -26px; }
#m2 a { width:49px; background-position:-110px 0; }
#m2 a.sel { background-position:-110px -26px; }
#m3 a { width:127px; background-position:-191px 0; }
#m3 a.sel { background-position:-191px -26px; }
#m4 a { width:96px; background-position:-349px 0; }
#m4 a.sel { background-position:-349px -26px; }

table.full { width:auto; margin-top:20px; }
.full td { padding:4px; width:210px; border-bottom:solid 1px #eee; }
.full td.title { padding:6px 40px 6px 4px; background-color:#D4E9DF; font-weight:bold; color:#333; border:0; -moz-border-radius:3px; -webkit-border-radius:3px; }
.full td.rows { border:0; width:35px; }
.full td.emp { border:0; }
.prod td { padding-bottom:30px; }
.prod td.lft { padding-right:38px; }

/* headers
----------------------------------*/
#logo h1 { background:url(/Common/img/logo.png) no-repeat 0 0; }
#logo h1 a { display:block; outline:0; width:197px; text-indent:-9999px; height:156px; 
             background:url(/Common/img/logo.png) no-repeat 0 0; }
#title h2 { text-indent:-9999px; margin-top:45px; }
h2.tHome { background:url(/Common/img/txt-home.png) no-repeat 0 0; width:446px; height:59px; }
h2.tProd { background:url(/Common/img/txt-products.png) no-repeat 0 0; width:446px; height:59px; }
h2.tLegal { background:url(/Common/img/txt-legal.png) no-repeat 0 0; width:542px; height:59px; }
h2.tBuy { background:url(/Common/img/txt-buy.png) no-repeat 0 0; width:294px; height:59px; }
h2.tCtc { background:url(/Common/img/txt-contact.png) no-repeat 0 0; width:294px; height:59px; }
h2.tAN { background:url(/Common/img/txt-allnatural.png) no-repeat 0 0; width:446px; height:59px; }
h2.tO3 { background:url(/Common/img/txt-omega.png) no-repeat 0 0; width:332px; height:65px; }
h2.tVeg { background:url(/Common/img/txt-veg.png) no-repeat 0 0; width:365px; height:65px; }
h2.tCf { background:url(/Common/img/txt-cf.png) no-repeat 0 0; width:365px; height:65px; }
h2.tOrg { background:url(/Common/img/txt-org.png) no-repeat 0 0; width:365px; height:65px; }
h2.tFaq { background:url(/Common/img/txt-faq.png) no-repeat 0 0; width:576px; height:59px; }

/* text
----------------------------------*/
#content p { margin-bottom:15px; font-size:16px; line-height:1.4em; }
/* #content p.big { font-size:16px; } */
#content p.nute { font-size:11px; border:solid 2px #BBB; padding:8px 10px; }
#content .faq p { padding-bottom:15px; border-bottom:dashed 1px #D4E9DF; }

/* img
----------------------------------*/
#ihWheat { position:absolute; top:-1px; left:620px; }
#igWheat { position:absolute; top:-34px; left:700px; }