﻿body                                {width:100%;background:#fff url('../images/fitnesslandingpage/bg-gray.jpg');font-family: Arial, serif; font-size:14px}



/*-----------------------------------Font Face-----------------------------------*/
@font-face {
				font-family: 'CreteRound-Regular';
				src: url('../fonts/creteroundregular.eot');
				src: url('../fonts/creteroundregular.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/creteroundregular.woff') format('woff'),
						 url('../fonts/creteroundregular.ttf') format('truetype'),
						 url('../fonts/creteroundregular.svg#creteroundregular') format('svg');
				font-weight: normal;
				font-style: normal;
		}

@font-face {
				font-family: 'Aller';
				src: url('../fonts/allerrg.eot');
				src: url('../fonts/allerrg.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/allerrg.woff') format('woff'),
						 url('../fonts/allerrg.ttf') format('truetype'),
						 url('../fonts/allerrg.svg#allerrg') format('svg');
				font-weight: normal;
				font-style: normal;
		}
/*------------------//-----------------Defaul------------------//-----------------*/
a                                       {text-decoration:none; color:#666}
h1                                      { color:#e05d49;text-shadow:0 1px #fff;font-family:'Aller', serif;font-size:36px;}
h6                                      { line-height:30px;text-shadow:0 1px #fff;font-family:'CreteRound-Regular', serif;font-size:19px}

.btn-green                              {color:#3b3b3b;font-family:'CreteRound-Regular', serif;font-size:16px;font-weight:bold;border:none;height:44px; width:123px;padding:0 30px 5px 0;background:url(../images/fitnesslandingpage/btn-green.png) no-repeat;cursor:pointer}
.btn-green:hover                        {color:#fff}
.tag li                                 {float:left;color:#666;font-family:'Aller', serif;font-size:13px;line-height:20px; background:url(../images/fitnesslandingpage/list-bullet.jpg) no-repeat right; padding:0 15px 0 5px}
.tag li.last                            {background:none}
.input::-webkit-input-placeholder       {color:#e05d49}
.input:-moz-placeholder                 {color:#e05d49}
.input:-ms-input-placeholder            {color:#e05d49}
.clr                                    {clear:both}

/*------------------//-----------------Business Page------------------//-----------------*/

.logo                                   {position:absolute; top:0px; left:0px;z-index:2}
.left-bar                               {background:#fff url(../images/fitnesslandingpage/left-bar.jpg);position:absolute;top:0px; left:0px; width:3px; height:100%;z-index:1;}
.right-corner                           {position:absolute; top:0px; right:0px;z-index:2;overflow:hidden}
.wrapper                                {/*margin-top:87px;*/ width:100%}     
.left                                   {margin-top:87px;float:left;/*background-color:green; width:48%*/width:720px}
.right                                  {float:right; width:450px;margin-right:270px;background:url(../images/fitnesslandingpage/center-seperator.png) repeat-y;min-height:690px;height:690px;height: auto !important;}

.left .left-text                        {margin:0 55px 0 55px; margin-bottom:50px;}
.left .form-signup                      {color:#fff;text-shadow:0 1px #b44134;padding:90px 206px 0 165px;height:262px; width:324px;background:url('../images/fitnesslandingpage/form-signup.png') no-repeat;position:relative;}
.left .form-signup h1                   {font-family:'Aller', serif;font-size:25px;color:#fff;text-shadow:0 1px #b44134;}
.left .form-signup p                    {margin-bottom:20px}
.left .form-signup .input               {margin-bottom:15px;padding:0 20px 0 20px;width:281px;height:49px;background:url(../images/fitnesslandingpage/input-text.png) no-repeat;border:none;font:21px 'CreteRound-Regular', serifl;color:#e05d49}
.left .form-signup .btn-green           {float:right}

.right  .items                          {margin:87px 65px 0 65px;text-align:center;width:390px}
.right  .items  a                       {color:#518402;font:15px'CreteRound-Regular', serif;display:block}
.right  .items .big-item                {margin-bottom:20px;text-align:center}
.right  .items .small-item              {text-align:center;margin-left:24px}
.right  .items .small-item li           {float:left;margin-right:45px;}
.right  .items .small-item li.last      {margin-right:0}

/*------------------//-----------------Customer Page------------------//-----------------*/
.top-bar ol > li 					{padding-right: 30px;}

.left-side                              {position:absolute; left:0; top:0;z-index:3}
.right-side                             {position:absolute; right:0; bottom:0}
.top-bar                                {background:#fff url(../images/fitnesslandingpage/top-bar.jpg);position:absolute;top:0px; left:0px; width:100%; height:4px;z-index:2;}

.top-box                                {margin:0 auto; width:630px;margin-top:15x;margin-bottom:60px}
.top-box p                              {color:#333;font:19px 'CreteRound-Regular', serif; margin-bottom:30px}
.top-box .block-title                   {color:#e05d49;font:40px 'Aller', serif; background:url(../images/fitnesslandingpage/line-bottom.png) no-repeat center bottom; padding-bottom:15px;margin-bottom:30px}
.top-box .tag-ora                       {width:390px;margin:0 auto;text-align:center;}
.top-box .tag-ora a                     {color:#ff9933; font:15px 'Aller', serif;background:url(../images/fitnesslandingpage/list-bullet-orange.png) no-repeat left; padding:0 5px 0 15px;}
.top-box .tag-ora a.first               {background:none}

.bottom-box                             {height:383px; width:100%; background:url(../images/fitnesslandingpage/bg-footer.jpg) repeat-x}
.bottom-box .form                       {margin:0 auto;width:323px;padding-top:20px; position:relative}
.bottom-box .form .arrow                {width:75px; height:90px;top:-60px;left:-60px; position:absolute;background:url(../images/fitnesslandingpage/arrow-form.png) no-repeat;}
.bottom-box .form h1                    {font-family:'Aller', serif;font-size:25px;color:#fff;text-shadow:0 1px #b44134;margin-bottom:5px}
.bottom-box .form p                     {margin-bottom:10px; color:#fff}
.bottom-box .form .input                {margin-bottom:15px;padding:0 20px 0 20px;width:281px;height:49px;background:url(../images/fitnesslandingpage/input-text.png) no-repeat;border:none;font:21px 'CreteRound-Regular', serifl;color:#e05d49}
.bottom-box .form .btn-green            {float:right}



/*------------------//-----------------User 1 Page------------------//-----------------*/
.bg-img                                 {background:url(../images/fitnesslandingpage/bg-image.jpg) no-repeat; /*background-position-x:right;*/ background-position:right }
.left-side-mb                           {position:absolute; left:0; bottom:0}
.right-content                          {margin-left:515px}
.right-content .top-box                 {text-align:left;margin-bottom:35px}
.right-content .top-box h1              {font:38px 'Aller', serif;color:#e05d49;text-shadow:0 4px #e5e5e5;margin-bottom:10px}
.right-content .top-box p               {color:#333;font:19px 'CreteRound-Regular', serif; margin-bottom:30px}
.right-content .top-box ul              {margin-left:25px;}
.right-content .top-box ul li           {float:left;min-width:230px;color:#333;font:19px 'CreteRound-Regular', serif;background:url(../images/fitnesslandingpage/list-bullet-pink.jpg) no-repeat left; padding-left:20px; margin-bottom:10px}
.right-content .bottom-box              {padding:50px 50px 50px 70px;width:465px; height:385px; background:url(../images/fitnesslandingpage/bg-form.png) no-repeat;}
.bottom-box .block-title                {background:url(../images/fitnesslandingpage/line-bottom-h3.jpg) no-repeat bottom left; padding-bottom:13px;margin:10px 0 30px}
.bottom-box .block-title h3             {font:22px 'Aller', serif;color:#e05d49;}
.bottom-box .input                      {margin-bottom:20px;padding-left:20px;height:36px; width:295px; background:url(../images/fitnesslandingpage/input-text-green.jpg) no-repeat; border:none; display:block}
.bottom-box .input::-webkit-input-placeholder       {color:#666}
.bottom-box .input:-moz-placeholder                 {color:#666}
.bottom-box .input:-ms-input-placeholder            {color:#666}



/*------------------//-----------------User 2 Page------------------//-----------------*/
.bg-user2                               {position:relative;width:1440px;min-height:1020px;background:url(../images/fitnesslandingpage/bg-users2.jpg) no-repeat;}
.bottom-bar                             {background:#fff url(../images/fitnesslandingpage/top-bar.jpg);position:absolute;bottom:0px; left:0px; width:100%; height:4px;z-index:2;}
.box-user2                              {padding-top:135px;background:url(../images/fitnesslandingpage/bg-form-user2.png) no-repeat;height:653px;width:592px; margin-left:500px;}
.box-user2 .content                     {padding:20px 23px 30px 107px;}
.box-user2 .content h1                  {font:30px Arial,"Franklin Gothic Medium", serif;color:#fff;text-shadow:0 2px #b74534; line-height:35px;margin-bottom:20px}
.box-user2 .content p                   {color:#fff;font:16px 'CreteRound-Regular', serif; margin-bottom:25px}
.box-user2 .content ul                  {margin-left:20px}
.box-user2 .content ul li               {float:left;background:url(../images/fitnesslandingpage/list-bullet-red.jpg) no-repeat left;padding-left:20px;min-width:200px}
.box-user2 .content ul li a             {font:14px 'CreteRound-Regular', serif; color:#eaeaea;text-shadow:none}


.box-user2 .form                       {padding:20px 0 0 123px}
.box-user2 .block-title                {background:url(../images/fitnesslandingpage/line-bottom-h3.png) no-repeat bottom left; padding-bottom:13px;margin:10px 0 20px}
.box-user2 .block-title h3             {font:22px 'Aller', serif;color:#e05d49;}
.box-user2 .form .input                {padding:0 0 0 14px;height:48px; width:330px;margin-bottom:7px;background:url(../images/fitnesslandingpage/input-text-white.png) no-repeat; border:none; display:block}
.box-user2 .form .input::-webkit-input-placeholder       {color:#bbbf41}
.box-user2 .form .input:-moz-placeholder                 {color:#bbbf41}
.box-user2 .form .input:-ms-input-placeholder            {color:#bbbf41}