@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#84c141;text-decoration:none}
a:hover {}
body {color:#000;font:94%/150% Arial, Sans-Serif}
html {background:#000 url(../images/bg-top.jpg) no-repeat}
body, html {height:100%}
h1 {color:#84c141;font-size:2em;margin:0 0 25px}
h2 {font-size:1.6em;margin:0 0 20px; z-index:6}
h3 {color:#555;font-size:1.2em;margin:0 0 15px 10px}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin:0 auto -768px;min-height:100%;height:auto !important;height:100%;position:relative;z-index:5;width:960px}
#home #page {overflow:hidden}
#main {background:#FFF;padding:10px;overflow:hidden;position:relative;width:940px; height:505px; z-index:1}
#main h2 {color:#FFF;text-shadow:1px 1px 1px #3f5c1f}
#faux {background:#FFF url(../images/main.png) repeat-y;overflow:hidden;width:100%}
#ebony {background:#000 url(../images/main.png) repeat-y;overflow:hidden;width:100%}

/* Header */
#top-links {color:#CCC;font-size:.68em;position:absolute;right:0;top:15px}
#top-links a {color:#CCC}

#menu {background:url(../images/menu.png) repeat-x;border-top:1px solid #CCC;border-bottom:1px solid #222;border-left:1px solid #777;border-right:1px solid #777;height:48px;margin:50px 0 20px;position:relative;z-index:100}
#menu img {float:left;margin:-35px 20px 0;position:relative}
#menu li {float:left;border-left:1px solid #555;list-style:none;position:relative}
#menu li a {color:#FFF;float:left;height:48px;line-height:48px;text-align:center;width:137px}
#menu li:hover a, #menu li a:hover {background:url(../images/menu-hover.gif) repeat-x;color:#abd037}
#menu li:hover ul, #menu li.hover ul {left:auto}

#menu ul ul {background:#84c141 url(../images/dropdown.png) repeat-x;clear:both;box-shadow:4px 4px 4px #000;-moz-box-shadow: 0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000;position:absolute;top:48px;left:-999em;overflow:hidden;padding:0 10px;width:118px;z-index:101}
#menu ul ul li {float:none;border:0;width:100%}
#menu ul ul li a, #menu li:hover li a, #menu li.hover li a {background:url(../images/menu-divider.gif) repeat-x;color:#e5fdb5;display:block;float:none;font-size:.8em;height:auto;line-height:1.2em;margin:-1px 0 0;padding:8px 0;width:auto;text-align:left}
#menu ul ul li a:hover {background:url(../images/menu-divider.gif) repeat-x;color:#FFF;font-weight:bold}

/* Slider */
#slideshow {float:left;width:498px;height:315px;overflow:hidden}
#slideshow h2 {position:absolute;top:25px;left:20px;z-index:10}
#slider {float:left;margin:0 0 20px;position:relative;overflow:auto;width:498px;height:315px}
#slider ul {position:absolute;list-style:none;top:0;left:0}
#slider li {float:left;width:498px;height:65px;padding:250px 0 0;overflow:hidden;position:relative}
#slider li h3 {color:#84c141;font-size:1.2em;line-height:1em;padding:12px 0 0 20px;margin:0;position:relative;z-index:20}
#slider li p {color:#ebebeb;font-size:.8em;margin:0 0 0 20px;position:relative;z-index:20}
#slider li span {background:#192815;height:65px;position:absolute;left:0;bottom:0;opacity:0.75;filter:alpha(opacity=75);width:100%}
#slider #moreinfo { position:absolute; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal;text-decoration: underline; }
#slider #moreinfo a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; text-decoration: underline; color: #00F; }
#slider #moreinfo a:hover {	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; text-decoration: underline; color: #060; }


#next {cursor:pointer;position:absolute;left:420px;top:270px;z-index:40}

/* Opportunity */
#opportunity {overflow:hidden;background:#84c141;float:left;height:315px;margin:0 0 20px 10px;padding: 0px 0px 0px;width:425px; z-index:20}
#opportunity img {display:block;margin:0 auto}
#oppinfo {float:left;margin:7px 0 20px;position:relative;overflow:auto;width:425px;height:315px;}
#oppinfo ul {position:absolute;list-style:none;top:0;left:0}
#oppinfo li {float:left;width:425px;height:65px;padding:0px 0 0;overflow:hidden;position:relative}
#oppinfo li h3 {color:#84c141;font-size:1.2em;line-height:1em;padding:12px 0 0 20px;margin:0;position:relative;z-index:101}
#oppinfo li p {color:#ebebeb;font-size:.8em;margin:0 0 0 20px;position:relative;z-index:101}
#oppinfo li span {background:#192815;height:65px;position:absolute;left:0;bottom:0;opacity:0.75;filter:alpha(opacity=75);width:100%}

/* News */
#news {float:left;width:498px}
#news h3 {float:left;margin:0 5px 15px 15px}
#news img.social {float:left;margin:0 2px}
#news div {background:#ddeef6 url(../images/quote-bg.png) repeat-x;border:1px solid #ccdde6;clear:both;height:100px;overflow:hidden;padding:15px}
#news div p {color:#555;font-size:0.8em}
#news div p a {font-weight:bold}
#news div blockquote p {background:url(../images/quote.gif) no-repeat 0 5px;font:italic 1.2em/1.3em Georgia, Garamond, Serif;margin:0;text-indent:22px}
#tweets {position:absolute; top:367px; left:10px;float:left;margin:15px 0px 0px 0px;width:496px;background:#ddeef6 url(../images/quote-bg.png) repeat-x;border:1px solid #ccdde6;clear:both;height:130px;overflow:hidden;padding:0px; }
#sidetweets { position:relative;float:left;margin:15px 0px 0px 0px;width:211px;background:#ddeef6 url(../images/quote-bg.png) repeat-x;border:1px solid #ccdde6;clear:both;height:275px;overflow:hidden;padding:0px; }

/* Links */
#links { position:absolute; top:345px; left:518px;float:left;width:422px}
#links div { position:absolute; background:#ebebeb url(../images/grey-bg.png) repeat-x;border:1px solid #d7d7d7;height:114px;overflow:hidden;padding:8px}
#links ul {clear:both;padding:0 0 0 4px;width:100%}
#links ul li {background:url(../images/bullet.gif) no-repeat 0 9px;float:left;list-style:none;line-height:1em;padding:0 0 0 10px;width:190px}
#links ul li a {color:#555;font-size:.8em;text-decoration:underline}
#links .button {background:url(../images/button.png) no-repeat;color:#999;float:left;font-weight:bold;height:55px;line-height:55px;margin:0 0 5px 8px;text-align:center;width:190px}

/* Content */
#pagecontent {display:inline;float:right;margin:30px 30px 0 0;width:650px}
#pagecontent .wrap { background:#e6e6e6; float: left; width: 538px; border:1px solid #CCCCCC; margin-bottom: 0; overflow:hidden; position:relative; padding:11px 0 0; margin-left: -21px; }
#pagecontent h1 { font-size: 28px; color: #172D1A; font-weight:400;padding: 0 0 18px 21px }
#pagecontent h1.tabless {padding:0;}
#pagecontent a { font-weight: bold; color: #437C31; }
#pagecontent h2 { font-size: 30px; color: #172D1A; letter-spacing: -1px; z-index:10 }
#pagecontent h3 { color: #71B531; font-size: 20px; margin-bottom: 20px; line-height: 26px; }
#pagecontent h4 { font-size: 16px; margin-top: 20px; margin-bottom: 10px; }
#pagecontent h4 em { font-size: 12px; line-height: normal; font-weight: normal; font-style: normal; color: #666666; }
#pagecontent blockquote p { font: italic 20px/24px Georgia, "Times New Roman", Times, serif; text-align: center; margin-top: 0px; margin-bottom: 20px; color: #666666; border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; }
#pagecontent blockquote p strong { font: bold normal 12px/normal Arial, Helvetica, sans-serif; }
#pagecontent p { margin-top: 15px; margin-bottom: 15px; font: 15px/22px Georgia, "Times New Roman", Times, serif; }
#pagecontent p.distributor { float: left; margin: 0px 20px 0px 0px; }
#pagecontent ul, #content ol { padding-left: 20px; margin-top: 20px; margin-bottom: 20px; }
#pagecontent ul li, #content ol li { margin-top: 10px; margin-bottom: 10px; font: 14px/18px Georgia, "Times New Roman", Times, serif; }
#pagecontent ul li ul li { color: #69A92E; }
#pagecontent ul li ul li ul li { font-weight: normal; color: #000000; }
#pagecontent #highlights { width: 225px; background: #FFFFFF; float: left; border: 1px solid #71B531; margin-right: 40px; margin-bottom: 20px; position: relative; }
#pagecontent #highlights h4 { background: #D4F3A1; padding: 5px; color: #000000; margin-top: 0px; }
#pagecontent #highlights ul { margin: 20px 10px 0px 30px; padding: 0px; }
#pagecontent #highlights ul li { font-size: 12px; line-height: 20px; }
#pagecontent #highlights p { text-align: center; }
#pagecontent #highlights p.outside { position: absolute; top: -50px; right: -35px; }
#pagecontent ul#product-choice { margin: 0px; padding: 0px; }
#pagecontent ul#product-choice li { display: block; float: left; width: 200px; list-style: none; border: 1px dotted #CCCCCC; padding: 10px; margin: 0px 0px 0px 20px; }
#pagecontent ul#product-choice h3 { font: 16px Arial, Helvetica, sans-serif; }
#pagecontent ul#product-choice h3 em { font-size: 12px; color: #999999; }
#pagecontent ul#product-choice li p { text-align: center; }

/* Sidebar */
#sidebar {background:url(../images/sidebar.png) repeat-x;float:left;padding:25px 20px;width:209px}
#sidebar h2 {border-bottom:6px solid #ebebeb;color:#7c7c7c;font-size:1.2em;font-weight:normal;padding:0 0 5px;text-transform:uppercase}
#sidebar #news {float:none;width:auto}
#sidebar #news div {height:aut;width:179px}
#sidebar #news p {line-height:1.2em}
#sidebar ul {float:left;list-style:none;padding:0 0 30px;width:240px}
#sidebar ul li a {display:block;font-size:1.1em;font-weight:bold;height:49px;line-height:48px;width:220px}
#sidebar ul li a:hover {background:url(../images/menu-hover.png) no-repeat;border:0;color:#999;margin:0 0 0;width:240px}
#sidebar #selected {background:url(../images/menu-hover.png) no-repeat;border:0;color:#999;margin:0 0 0;width:240px}
#sidebar h3 {font-size:.8em;font-weight:normal;line-height:1em;margin:0 5px 10px 0;text-transform:uppercase}
#sidebar #news div {height:auto}
#sidebar #news div blockquote p {font-size:1em}
* html #sidebar {overflow:hidden}

/* Footer */
#footer {clear:both;font-size:.75em;line-height:1.4em;padding:20px 0 0;overflow:hidden;width:100%}
#sitemap {background:url(../images/footer.png) repeat-x;padding:15px 0;overflow:hidden}
#sitemap h4 {color:#FFF;font-size:.9em;margin:0 0 10px;text-transform:uppercase}
#sitemap li {background:url(../images/footer-divider.png) no-repeat;float:left;list-style:none;padding:0 0 0 20px;width:140px}
#sitemap li.first {background:none}
#sitemap li li {background:none;float:none;padding:0;width:auto}
#footer p {background:url(../images/logo-footer.png) no-repeat 0 15px;color:#999;padding:20px 0 0 50px}
#footer p strong {color:#FFF;display:block}

/* Rounded Corners */
#menu, #content, #main, #slider li, #opportunity, #news div, #links div, #faux {border-radius:6px;khtml-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#menu ul ul {border-radius-bottomleft:3px;khtml-border-radius-bottomleft:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-radius-bottomright:3px;khtml-border-radius-bottomright:3px;-moz-border-radius-bottomright:3px;}
#slider span {border-radius-bottomleft:6px;khtml-border-radius-bottomleft:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-radius-bottomright:6px;khtml-border-radius-bottomright:6px;-moz-border-radius-bottomright:6px;}
#sitemap {border-radius-topleft:3px;khtml-border-radius-topleft:3px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-radius-topright:3px;khtml-border-radius-topright:3px;}
#sidebar {border-radius-topleft:6px;khtml-border-radius-topleft:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-radius-bottomright:6px;khtml-border-radius-bottomright:6px;-moz-border-radius-bottomright:6px;}

#br {background:url(../images/bg-bottom.jpg) no-repeat;width:500px;height:768px;float:right;z-index:-5px}

/* IE6 */
* html #menu img, * html #next, * html #sitemap li {behavior:url(js/iepngfix.htc)}
* html #sitemap {background:none}