/********* HTML tag styles *************/
body {
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			62.5%;    					/* 	sets font size to 10px | 1em=10px		*/	
  	background: 		none;
  	background-color: 	#24072a; 
  	margin:				0px;
}

ul,li,p,h1,h2,h3,table,tr,td {
  	margin:				0px;
  	padding:			0px;
}

a,img {
  	border:				0px;
}

.landing-page1 h1 {
	color:				#2b6a5e;
	font-size:			1.35em;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-weight:		bold;
	margin-bottom:		10px;
}	

#bg {
	width:				856px;
	background:			url(/images/design3/bg.png) top center repeat-y;
	margin:				0 auto;
	text-align:			center
}

.outerWrap  {
	width:				752px;
	margin:				0px auto;
	min-height:			100%;
	background-color: 	#FFFFFF;
}

.wrap {
	font-size:			1.2em;						/*  sets font size to 12px | 1em=12px 		*/
	width:				752px;
	background-color: 	#FFFFFF;
}

#wrap {
	font-size:			1.2em;						/*  sets font size to 12px | 1em=12px 		*/
	width:				752px;
	background-color: 	#FFFFFF;
	margin:				0px auto;
	padding-bottom:		0px;
}

.body {
	width:				752px;
	padding-top: 		20px;
}

.sidebarleft {
	display: block;
	float: left;
}

.content {
	display: block;
	position: none;
	float: left;
	width: 570px;
	left: 0px;
}

.padding {
	display: block;
	width: 570px;
	overflow: hidden;
}

.sidebarleft #CalculateForm {
	float: none;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 4px;
}

.sidebarleft #CalculateForm .formLabel {
	font-size: 10px;
	font-weight :bold;
}

.sidebarleft #CalculateForm .formField {
	font-size: 10px;
	font-weight :bold;
}

.sidebarleft #CalculateForm .formField .textinput {
	width: 15px;
}

#header {background:#fff;}

#navigation {
	position: 			absolute;
	width:				752px; 
	padding:			0px;
	margin:				0px;
	z-index:			101;
}	

#navigation .secondary {
	float:				right;
}

#navigation .secondary a {
	float:				left;
	width:				118px;
	display:			block;
	background:			url(/images/design3/tabs-bg.png) center -14px no-repeat;
	padding-bottom:		6px;
	padding-top:		4px;
	font-size:			90%;
	color:				#16564a;
	text-decoration:	none;
	font-weight:		bold;
	text-align:			center;
	font-size:			12px;
}


#navigation .secondary a:hover {
	background:			url(/images/design3/tabs-bg.png) center -16px no-repeat;
	color:				#91339c;
}

#logonav {
	position: 			relative;
	padding-top:		17px;
	padding-left:		27px;
	height:				74px;
	width:				725px;
	background:			url(/images/design3/nav-bg-1.png) left 44px  no-repeat;
}

.logo {
	float:				left;
}

#main-navigation {
	float:				right;
	padding:			0px;
	margin:				26px 0px 0px 0px;
	border:				2px solid #e4e4e4;
	background:			url(/images/design3/nav-bg-2.png) left top repeat-x;
	text-align:			center;
	height:				32px;
}

#main-navigation a {
	color:				#fff;
	text-decoration:	none;
	font-size:			12px;
	margin:				8px 12px 4px 12px;
	display:			block;
	float:				left;
	text-align:			center;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			12px;
}

#main-navigation a:hover {
	color:				#FFFF99;
	text-decoration:	none;
	font-weight:		bold;
	display:			block;
}

#main-content {
	width:				752px;
}

#main-content.bgImage1 {
	background:         url(/usr_images/siteImages/orig/fork-stripe.jpg) #fff left 40px no-repeat;
}


ul#heart {
	float:				right;
	width:				460px;
	height:				160px;
	list-style-type:	none;
	font-size:			110%;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	line-height:		90%;
}

ul#heart li {
	background:			url(/images/design3/li-heart.gif) left 1px no-repeat;
	margin:				4px 10px 10px 10px;
	padding-left:		16px;
	line-height:		105%;
}

ol.benefits {
	padding: 5px; 
	margin-left: 15px;
}

ol.benefits li {
	padding-bottom: 5px; 
}


#buttons1 ul {
	list-style-type:	none;
	display:			inline;
	float:				right;
	padding-right:		10px;
	padding-bottom:		30px;
}

#buttons1 li {
	float:				left;
	width:				170px;
	height:				31px;
	background:			url(/images/design3/buttons/button-bg.png) center no-repeat;
	text-align:			center;
	padding-top:		10px;
	margin-right:		20px;
}
#buttons1 li.long {
	float:				left;
	width:				270px;
	height:				31px;
	background:			url(/images/design3/buttons/button-bg-long.png) center no-repeat;
	text-align:			center;
	padding-top:		10px;
	margin-right:		20px;
}

#buttons1 li a {
	color:				#91339c;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			120%;
	display:			block;
}


#buttons1 li a:hover {
	color:				#006633;
}


#bottom {
	margin-top:			0px;
	position:			relative;
}

#join-the-community {
	float:				left;
	width:				352px;
}
#social-networks {
	float:				left;
	width:				322px;
	margin-top:			14px;
	padding-left:       30px;
	text-align:         center;
}


#experts {
	position:			relative;
}

#expert-bg {
	background:			url(/images/design3/experts-bg.png) top left repeat-x;
	position:			relative;
}

.expert {
	width:				350px;
	padding:			0 10px;
	margin-top:			10px;
	font-size:			12px;
}

.expert img {
	float:				left;
	width:				86px;
	margin-right:		10px;
}

.expert h1 {
	font-weight:		bold;
	color:				#006633;
	font-style:			italic;
}

.expert h2 {
	font-weight:		bold;
	color:				#006633;
	font-style:			italic;
	font-size:			12px;
}
	




#bottom-navigation {
	font-size:			11px;
	background:			url(/images/design3/bottom-bg.png) bottom  no-repeat;
	width:				752px;
	height:				32px;
	position:			relative;
}

#bottom-navigation ul {
	float:				right;
	margin:				0;
	padding:			10px 0 10px 0;
	list-style: 		none;
}

#bottom-navigation li {
	float:				left;
	margin:				0 10px 0 0;
	
}

#bottom-navigation li a {
	color:				#e4e4e4;
	text-align:			right;
	text-decoration:	none;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-weight:		bold;
	font-size:			11px;
	line-height:		14px;
}

.right {
	text-align:			right;
}


#css-preload {
	position:		relative;
	top:			-900px;
	display:		none;
	}

.clear {clear:both;}


/*	headers		*/
h1 {
	font-size:		140%;
	text-indent:	-9999px;
}


h1#lose-weight {
	background:     url(/images/design3/h1/join-2.png) top left no-repeat;
	height:			73px;
	width:			419px;
	float:			right;
	padding-right:	60px;
}

h1#join {
	background:		url(/images/design3/h1/join2a.png) top left no-repeat;
	height:			169px;
	width:			323px;
	margin-left:	40px;
}


h1#experts-title {
	background:		url(/images/design3/h1/experts.png) top left no-repeat;
	height:			50px;
	width:			752px;
	margin:			0;
	padding:		0;
}

p#eating-profile {
	font-size:		110%;
	text-indent:	-9999px;
	background:		url(/images/design3/buttons/get-your-free-eating-profile.gif) center no-repeat;
	width:			277px;
	height:			36px;
}

p#eating-profile:hover {
	background:		url(/images/design3/buttons/get-your-free-eating-profile-o.gif) center no-repeat;
}

 p#eating-profile a {
 	width:			277px;
	height:			36px;
	display:block;
}

/*	public tip		*/

#tip-box {
	width: 				380px;
	float:				right;
	margin-bottom:		0;
	position:			relative;
}
#tip-box h1 {
	background-image:	url(/images/design3/h1/tip.png);
	background-repeat:	no-repeat;
	height:             34px;
	margin-bottom:      5px;
}
#tip-content h2 {
	color:				#27594f;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			120%;
	display:			block;
}
#tip-content {
	height:				220px;
	padding:		    5px;
}
#tip-image {
	height: 			100px;
	width:				150px;
	float:				right;
	margin:				5px;
	overflow:			hidden;
}
#top-image {
	width:				270px;
	height: 			270px;
	float:				left;
	margin:				0px;
}


.greenBold {
	color:				#27594f;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			120%;
	display:			block;
}

input.long {
	width:				250px;
	height:				31px;
	background:			url(/images/design3/buttons/button-bg-long.png) center no-repeat;
	text-align:			center;
	padding:			0px 10px 0px 10px;
	border:				0px;
	color:				#27594f;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
}

.targetLogicsArea {
	width: 750px;
	margin: 0px auto;
	padding: 0px;
}

.targetLogicsArea .targetLogicsText {
	position: fixed;
	z-index: 200;
	margin: 0px auto;
	padding: 0px;
}

.targetLogicsArea .targetLogicsText #text-container { 
	position: relative;
	top: 10px;
	left: 50px;
	background: #fff;
	width: 600px;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000; 
	
}

.targetLogicsArea .targetLogicsText #text-container p { 
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 16px;
}

.targetLogicsArea .targetLogicsLink {
	position: absolute;
	z-index: 150;
	top: 0px;
	width: 120px;
	margin: 0px auto;
	padding: 10px 0px 0px 150px;
}

.targetLogicsArea .targetLogicsLink .trigger { 
	color: #ccc; 
	font-weight: bold; 
	font-size: 10px; 
	float: left;
}