@charset "utf-8";

/*---------FOR IE PNG SUPPORT----------*/
img, div, a, input { behavior: url(css/iepngfix.htc); }
/*--------------------------------------*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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: #000000;
	background-color: #FFF;
}

a img {
	border: none;
	text-align: center;
}

#container {
	width: 1040px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: center;
	margin: 0 auto;
}
#header {
	margin-top: 15px;
	background-color: #FFF;
	padding: 0;
}
#header h1 {
	text-align: center;
	background-color: #FFF;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	visibility: visible;
	padding-right: 0px;
	background-position: 30px top;
}
#mainContent { margin-bottom: 25px; width: 980px; font-size: 14px; }
#mainContent_home {
	border: none;
	background: #FFFFFF;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 1px;
	position: relative;
	margin-bottom: 20px;
}
#mainContent_home h2, #mainContent_home h3 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #830001; font-weight: bold; }
#mainContent_home h2 { font-size: 26px;	word-spacing: 2px; }
#mainContent_home p { margin: 0; padding: 0; padding-bottom: 1em; line-height: 18px; font-size: 14px; }

#footer {
	clear: both;
	background-color: #FFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 5px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: 10px;
	color: #666;
}
#maintextblockEnd { }
#uppermenu {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-bottom: 5px;
	padding-right: 35px;
	font-size: 14px;
}
#container #header h1 #dropdowns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #F0F0F0;
	position: fixed;
	z-index: 10;
}

#reveal {
	background-color: #FFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	position: absolute;
	visibility: visible;
	top: 5px;
	right: 60px;
}

#home {  }
#learn a { display: block; width: 322px; height: 233px;  }
#join a { display: block; width: 322px; height: 233px; }
#order a { display: block; width: 322px; height: 233px; }


.maintextblockH {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 915px;
	margin: -35px 25px 25px 35px;
	padding: 0;
}

#dswa { margin: auto; margin-top: 0px; padding: 0; text-align: center; }

.maintextblockTerm {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 655px;
	margin: 15px 0 25px 15px;
	padding: 0;
}
.maintextblock {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 655px;
	margin: -35px 0 25px 15px;
	padding: 0;
}
.president { font-weight: bold; }
#presidentImg { float: left; margin-right: 5px; }
.phone { margin-left: 10px; }
#contentProduct, #contentOpportunity, #contentCompany, #contentEvents, #contentContact, #contentTraining, #contentAbout, #contentAmbassador { margin: 0; padding: 0; padding-top: 20px; }
#contentProduct { background: url(../images/contentBgProduct.jpg) no-repeat left top; }
#contentOpportunity { background: url(../images/contentBgOpportunity.jpg) no-repeat left top; }
#contentAmbassador { background: url(../images/contentBgAmbassador.jpg) no-repeat left top; }
#contentCompany { background: url(../images/contentBgCompany.jpg) no-repeat left top; }
#contentEvents { background: url(../images/contentBgEvents.jpg) no-repeat left top; }
#contentContact { background: url(../images/contentBgContact.jpg) no-repeat left top; }
#contentAbout { background: url(../images/contentBgAbout.jpg) no-repeat left top; }
#contentAbout ul, #contentTraining ul, #contentProduct ul { margin: 0; margin-left: 10px; padding: 0; padding-bottom: 20px; list-style-type: none; }
#contentTraining { background: url(../images/contentBgTraining.jpg) no-repeat left top; }
#contentTraining ul li { margin-top: 1em; font-weight: bold; }
#contentTraining ul li ul li { font-weight: normal; }
#contentProduct ul li { margin: 0; margin-top: 1em; padding: 0; list-style-type: disc; }

#contentP { width: 655px; background: url(../images/contentBg.gif) repeat-y left; margin: 0; padding-left: 7px; }
#contentP h2 { margin-top: 20px; margin-right: 20px; margin-left: 35px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; color: #830001; letter-spacing: 1px; font-size: 26px; word-spacing: 2px; }
#contentP p { margin: 0 20px 0 35px; line-height: 18px; padding-bottom: 3em; }

#content {
	width: 600px;
	background: url(../images/contentBg.gif) repeat-y left;
	padding: 0 20px 0 35px;
}
#content h2, #content h3 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; color: #830001; letter-spacing: 1px; }
#content h2 {
	font-size: 26px;
	word-spacing: 2px;
}
#content h3 { font-size: 20px; }
#content p { margin: 0; padding: 0; padding-bottom: 1em; line-height: 18px; }
#content .img { margin-top: 2em; text-align: center; }
#content table, #content th, #content td { font-size: 14px; }
#content td { padding: 10px; margin: 0; }
#content th { background: #830001; }
#content table { padding-bottom: 15px; background: }
#content #eventsTable { background: #000000; padding-bottom: 0px; margin-bottom: 15px; }
#eventsTable td { background: #FFFFFF; }
#eventsTable th { color: #FFFFFF; padding: 10px; }
#content .eventsTable { background: #000000; padding-bottom: 0px; margin-bottom: 15px; }
.eventsTable td { background: #FFFFFF; }
.eventsTable th { color: #FFFFFF; padding: 10px; }
#contentEnd {
	margin: 0; padding: 0;
	display: block; width: 655px; height: 25px; background: url(../images/contentBgBottom.jpg) no-repeat left top;
}

#contentAmbassador #content h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 40px;
	color: #FFFFFF; margin: 10px 20px 0 0; padding: 0; }
#contentAmbassador #content h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px;
	color: #FFFFFF; margin: 0 20px 120px 0; padding: 0; }
#contentAmbassador #content h3 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 18px;
	color: #830001; margin: 0 20px 10px 0; padding: 0; }
#contentAmbassador #content ul { margin-left: 7px; margin-bottom: 10px; padding: 0; }
#contentAmbassador #content ul li { margin-bottom: 1em; }
#contentAmbassador #content p { margin: 0; padding: 0; padding-bottom: 1em; line-height: 18px; }
#contentAmbassador #content #ambassadorImg { text-align: center; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: auto; }

ul#faq li{ list-style-type: none; }
ul#faq li p { margin-top: 1em; }
#waysToLive { margin: 0; padding-left: 20px; font-weight: bold; }
#waysToLive p { font-weight: normal; }

#letter { background: url(../images/letter.png) no-repeat left top; display: block; width: 450px; height: 500px; padding: 45px 80px 5px 65px; }

/*-----SIDEBAR FEATURES-----*/
#features {	float: right; width: 250px; margin: -35px 0 0 0; }
#featuresTerms {	float: right; width: 250px; margin: 15px 0 0 0; }
#features div, #featuresTerms div { margin-bottom: 25px; padding-right: 20px; }
a.featureTraining, a.featureStore, a.featureEnroll, a.featureProduct, a.featureWhat, a.featureBio, a.featureRes, a.featureContact { display: block; width: 215px; height: 155px; }
a.featureTraining { background: url(../images/feature1.jpg) no-repeat left top;  }
a.featureTraining:hover { background-position: 0 -155px; }
a.featureStore { background: url(../images/feature3.jpg) no-repeat left top; }
a.featureStore:hover { background-position: 0 -155px; }
a.featureEnroll { background: url(../images/feature4.jpg) no-repeat left top; }
a.featureEnroll:hover { background-position: 0 -155px; }
a.featureProduct { background: url(../images/prod.jpg) no-repeat left top; }
a.featureProduct:hover { background-position: 0 -155px; }
a.featureWhat { background: url(../images/what.jpg) no-repeat left top; }
a.featureWhat:hover { background-position: 0 -155px; }
a.featureBio { background: url(../images/bio.jpg) no-repeat left top; }
a.featureBio:hover { background-position: 0 -155px; }
a.featureRes { background: url(../images/res.jpg) no-repeat left top; }
a.featureRes:hover { background-position: 0 -155px; }
a.featureContact { background: url(../images/contact.jpg) no-repeat left top; }
a.featureContact:hover { background-position: 0 -155px; }
/*=========================*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.formtext {
	font-weight: bold;
}
.unbldtext {
	font-weight: normal;
	text-align: left;
}
.product_content .unbldtextleft {
	text-align: left;
}
.oneColFixCtrHdr #container #mainContent .maintextblock .product_content .unbldtext {
	text-align: left;
}
.product_content .unbldtextleft {
	text-align: right;
}
.floatingimage {
	background-color: #FFF;
	width: 150px;
	position: absolute;
	top: 189px;
	left: 56px;
	height: auto;
}
.maintextblock .resources_content {
	background-color: #FFF;
	margin: 10px;
	height: auto;
	width: 687px;
	position: absolute;
	left: 221px;
	top: -42px;
	border: thin solid #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
}
.maintextblock_terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#repInfo {
	position: absolute;
	width: 250px;
	top: 15px;
	right:0px;
	margin-right: 0;
	text-align: right;
	font-weight: bold;
}

#repInfo img { float: right; margin-left: 5px; }
.repImg img { float: left; margin-right: 15px; }
.homePhone { font-size: 1.4em; }
.social { float: right; height: 39px; }
	.social li { list-style: none; display: inline; float: left; padding-left: 10px; }
	.fb { background:url(../images/fb.png) no-repeat left top; display: block; width: 23px; height: 23px; }
	.twitter { background:url(../images/twit.png) no-repeat left top; display: block; width: 23px; height: 23px; }
	.share { display: block; position: relative; width: 90px; top: 5px; }

#bannerAd { position: absolute; float: left; width: 530px; height: 90px; z-index: 999; margin-top: -10px; }

.cashBonus { font-size: 22px; }
.double { font-size: 20px; }