/*
---------------------------------------------------------------------------------
	jgreenfoods.com
	global screen styles
	updated: 11/29/09
---------------------------------------------------------------------------------
*/

/* ==== general ==== */


body { margin:0; padding:0; background:#1a130b url("http://www.jgreenfoods.com/images/layout/bg.jpg")  repeat-x; }
#wrapper { margin-top:0; font-family: Arial, Helvetica, sans-serif; font-weight: 300; position: relative; width:960px;  }

a { text-decoration: none; color: #ae5e35; }
a:hover { text-decoration: underline }

h4 { margin-bottom: 8px }
p.lead { font-size: 22px; line-height: 28px }

strong { font-weight: bold }
em { font-style: italic }

img.wborder { margin: 0 1em 1em 0; padding: 10px; background: #fff; border: 1px solid #bfbfbf; }
img.wborder-right { margin: 0 0 1em 1em; float: right; display: inline; padding: 10px; background: #fff; border: 1px solid #bfbfbf; }
img.pdf { float: right; display: inline; margin-left: 10px; }

#sidebar { margin: 50px 0 0 0;  padding: 20px 20px 80px 20px; }
#sidebar h2 { font-size: 24px; line-height: 26px; letter-spacing: -0.65px; font-weight: 500; margin-bottom: 6px; }
#sidebar p { color: #ccc; font-size: 14px; line-height: 20px; }

/* ==== header ==== */
#header { margin:0 0 0 0; padding:0; width:960px; }

#page-title { height: 113px; margin: 10px 0; }
#page-title h1 { padding: 20px 40px; font-size: 32px; letter-spacing: -0.5px; }
#page-title h1 a { color: white; text-decoration: none; }
#page-title h1 span { font-weight: 300; }
#page-title img#pt-arrow { margin: 0 0 -8px 0; position: relative; }

#page-title #backlinks { color: #a0bcd5; margin: 40px 40px 0 0; text-align: right; }
#page-title #backlinks span { padding: 0 6px; }
#page-title #backlinks a { font-size: 11px; font-weight: bold; color: #a0bcd5; }

#logo {  }
#logo h1, #logo h2, #logo a { text-indent: -9999px; }
#logo h1, #logo h2 { position: absolute; left: -9999px; }
#logo a { display: block; height: 95px; width: 170px; position: relative; }
#logo a:hover { background-position: bottom; }

#page-content { background: white; color: #333; border-top: 10px solid #cab694; padding: 40px; font-size: 16px; line-height: 22px; }
#page-content h2 { font-size: 28px; letter-spacing: -0.35px; padding: 0 1em 0 0; line-height: 30px; }
#page-content h3 { font-size: 18px; font-weight: bold; }




/* ==== homepage ==== */
#what-featured { margin:0 0 0 0; padding:0; background-color:#fff; width:960px;}
#what-featured  h3 { color:#589230; margin-top:8px; margin-bottom:0px;  }
#what-featured  p { color:#000; }

#what-we-do strong { color:#2fc5f4; margin:8px 0 0 8px; padding:8px; }



#callout h3, #callout h4 { text-indent: -9999px; position: absolute; }

#callout-nav { margin: 0; padding: 0; height: 0; position: absolute; right: 20px; top: 150px; font-size: 11px; z-index: 9999;  }
#callout-nav a { padding: 0 4px; background: #222; margin: 0 4px; }
#callout-nav a.activeSlide { color: white; }
#callout-nav a:hover { text-decoration: none; }


#callout {  margin:0; padding: 0; no-repeat; height: 416px; width: 960px; }


/* ==== footer ==== */

#footer { background: #000; color: #515151; margin:0 0 0 0; width:960px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px}
#footer #footer-wrap { padding: 30px 0 0 0; }
#footer a { color: #ccc; }
#footer span { padding: 0 6px; color:#cbef74;  }
#footer #logo-copy img { float: left; display: inline; margin: -3px 30px 0 30px; }
#footer-address { margin:0; height:100px; text-align:center; }

#footer-nav { list-style-type:none;  }
#footer-nav li { display: inline; }

/* ==== sub page - body  ==== */

#callout-sub {  margin:0; padding: 0; no-repeat; height: 253px; width: 960px; }