#main {
	width: 1010px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

#track_loggedout {
	position: relative;
	color: #8c8c8c;
	background-color: #eee;
}

#track_loggedout .track_banner_sprite {
	background-image: url("/ui/images/myplate_loggedout/track_loggedout_banners.jpg");
	background-repeat: no-repeat;
}

#track_loggedout .track_icons_sprite {
	background-image: url("/ui/images/myplate_loggedout/track_loggedout_icons.png");
	background-repeat: no-repeat;
}

#track_loggedout section {
	padding: 0 0 120px;
	background-color: #fff;
	width: 990px;
	margin: 0 auto;
}

#track_loggedout .container {
	margin-left: 20px;
	font: normal 28px "MuseoSans100",Arial,sans-serif;
	color: #8c8c8c;
	line-height: 1.5;
	width: 970px;
}

#track_loggedout .hide {
	display: none;
}

#track_loggedout .invisible {
	visibility: hidden;
}

#track_loggedout .title {
	color: #e74c3c;
	font: normal 42px "MuseoSans100",Arial,sans-serif;
	padding: 0 0 50px;
	line-height: 1.5;
}

#track_loggedout .sub_title {
	color: #e74c3c;
	font: normal 28px "MuseoSans100",Arial,sans-serif;
	padding: 20px 0;
}

#track_loggedout .banner {
	margin: 0 0 70px;
}

#track_loggedout .container i {
	font-style: italic;
}

#track_loggedout .container .description {
	padding: 0 0 30px;
}

#track_loggedout .features {
	position: relative;
}

#track_loggedout .list {
	font: normal 28px "MuseoSans100",Arial,sans-serif;
	list-style-type: disc;
	color: #8c8c8c;
	margin-left: 25px;
}

#track_loggedout .list li {
	padding: 10px 0;
	border: 0 none;
	cursor: default;
}

#track_loggedout .list li span {
	padding-left: 10px;
}

#track_loggedout .list li sup {
	font: normal 18px "MuseoSans100",Arial,sans-serif;
	position: relative;
	top: -15px;
}

#track_loggedout .warning {
	padding-top: 30px;
}

#track_loggedout .get_started {
	padding: 30px 0 110px;
	text-align: center;
}

#track_loggedout .register_now {
	background-color: rgb(52, 152, 219);
	width: 600px;
	height: 80px;
	color: #fff;
	text-align: center;
	font: 48px "MuseoSans100",Arial,sans-serif;
	line-height: 1.7;
	margin: 0 auto 50px;
	cursor: pointer;
}

#track_loggedout .calculate_calorie {
	background-color: rgba(0, 0, 0, 0.5);
	width: 270px;
	height: 100%;
	float: right;
}

#track_loggedout .ipad_air_image {
	background-position: 0 -142px;
	width: 649px;
	height: 365px;
	margin: 85px auto 0;
}

#track_loggedout .get_stronger_image {
	background-position: -1251px 0;
	width: 990px;
	height: 590px;
}

#track_loggedout .stronger_video {
	width: 468px;
	height: 263px;
	position: absolute;
	right: 20px;
	top: 0;
}

#track_loggedout .macbook_image {
	background-position: 0 -560px;
	width: 644px;
	height: 364px;
	margin: 20px auto 90px;
}

#track_loggedout .meal_plan_image {
	background-position: -1252px -615px;
	width: 990px;
	height: 590px;
}

#track_loggedout .stronger_motivation_image {
	background-position: -1252px -1224px;
	width: 990px;
	height: 590px;
}

#track_loggedout #calorie_tracker_container, #track_loggedout #calorie_goal_container {
	position: absolute;
	top: 0;
	right: 0;
	height: 595px;
}

/* Hero Container */

#hero_calorie_tracker {
	position: relative;
}

#hero_calorie_tracker .myplate_logo {
	background-position: 0 0;
	top: 25px;
	left: 30px;
	width: 270px;
	height: 82px;
	position: absolute;
}

#hero_calorie_tracker .hero_container {
	width: 100%;
	height: 595px;
	position: relative;
}

#hero_calorie_tracker .hero_story {
	position: absolute;
	top: 270px;
	left: 0px;
	width: 585px;
}

#hero_calorie_tracker .hero_weight_bg {
	background-color: #24CB72;
	border-radius: 70px;
	width: 117px;
	height: 117px;
	position: absolute;
	left: -35px;
	color: #fff;
	text-align: center;
}

#hero_calorie_tracker .hero_weight_info {
	margin-top: 16px;
}

#hero_calorie_tracker .avatar_before {
	width: 228px;
	height: 317px;
	position: absolute;
	top: 65px;
	left: 30px;
}

#hero_calorie_tracker .hero_weight_info .hero_name {
	font: normal 16px "MuseoSans700", Arial, sans-serif;
	line-height: 1.5;
}

#hero_calorie_tracker .hero_weight_info .hero_weight {
	font: normal 38px "MuseoSans900", Arial, sans-serif;
	line-height: 1.2;
}

#hero_calorie_tracker .hero_weight_info .weight_unit {
	font: normal 18px "MuseoSans700", Arial, sans-serif;
}

#hero_calorie_tracker .member_info {
	position: absolute;
	width: 315px;
	height: 225px;
	top: 75px;
	right: 0;
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}

#hero_calorie_tracker .ashley .member_info {
	width: 310px;
}

#hero_calorie_tracker .hero_story_line {
	font: normal 34px "MuseoSans500",Arial,sans-serif;
	line-height: 1.5;
	text-align: center;
	position: relative;
}

#hero_calorie_tracker .hero_story_line:before {
	content: '"';
	font-style: italic;
	font-size: 40px;
	left: 3px;
	top: -10px;
	position: absolute;
}

#hero_calorie_tracker .hero_story_line:after {
        content: '"';
        font-style: italic;
	font-size: 40px;
        right: 5px;
	bottom: 0;
	position: absolute;
}

#hero_calorie_tracker .quote.start {
	top: -7px;
}

#hero_calorie_tracker .quote.end {
	bottom: -24px;
}

#hero_calorie_tracker .member_since {
	font: normal 18px "MuseoSans100",Arial,sans-serif;
	line-height: 1.3;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

/* Carousal */

#hero_calorie_tracker .scrollable {
	overflow: hidden;
	width: 990px;
	height: 595px;
}

#hero_calorie_tracker .scrollable .items {
	width: 8000px;
	position: absolute;
	clear: both;
}

#hero_calorie_tracker .items .hero_container {
	float: left;
	width: 990px;
	margin-right: 90px;
}

#hero_calorie_tracker .navi {
	margin-left: 375px;
	position: absolute;
}

#hero_calorie_tracker .navi a {
	width: 35px;
	height: 35px;
	float: left;
	margin: 15px 50px 0 0;
	background-color: #eeeeee;
	display: block;
	font-size: 1px;
	border: 1px solid #bdc3c7;
	border-radius: 35px;
}

#hero_calorie_tracker .navi a:hover {
	background-color: #bdc3c7;
}

#hero_calorie_tracker .navi a.active {
	background-color: #bdc3c7;
}

/* Hero Images */

#hero_calorie_tracker .hero_container.ashley {
	background-position: 0 0;
}

#hero_calorie_tracker .ashley .avatar_before {
	background-position: -1004px 0;
}

#hero_calorie_tracker .ashley .quote.start {
	left: -5px;
}

#hero_calorie_tracker .ashley .quote.end {
	right: 5px;
}

#hero_calorie_tracker .hero_container.john {
        background-position: 0 -622px;
}

#hero_calorie_tracker .john .avatar_before {
        background-position: -1002px -622px;
}

#hero_calorie_tracker .john .quote.start {
	left: 40px;
}

#hero_calorie_tracker .john .quote.end {
	right: -5px;
}

#hero_calorie_tracker .hero_container.rachel {
	background-position: 0 -1246px;
}

#hero_calorie_tracker .rachel .avatar_before {
	background-position: -1003px -1247px;
}

#hero_calorie_tracker .rachel .quote.start {
	left: 20px;
}

#hero_calorie_tracker .rachel .quote.end {
	right: 20px;
}

#hero_calorie_tracker .hero_container.robin {
	background-position: 0 -1869px;
}

#hero_calorie_tracker .robin .avatar_before {
	background-position: -1002px -1869px;
}

#hero_calorie_tracker .robin .quote.start {
	left: -10px;
}

#hero_calorie_tracker .robin .quote.end {
	right: 90px;
}

#hero_calorie_tracker .hero_container.ryan {
	background-position: 0 -2493px;
}

#hero_calorie_tracker .ryan .avatar_before {
	background-position: -1003px -2493px;
}

#hero_calorie_tracker .ryan .quote.start {
	left: -17px;
}

#hero_calorie_tracker .ryan .quote.end {
	right: 50px;
}