/* CSS Document */

body {
	background-image:url(../img/topnav/ybfit-bg.jpg);
	background-color:#5f1628;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

a { color:#5f1628; text-decoration:none}

h1 { margin:0px; padding:0px;}

img { border:none;}

h1, h2, h3, h4 {
	color:#5f1628;
	font-style:normal;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	}

h2 {font-size:15px}

h6 { margin:0px;
	padding:0px;
	font-size:20px;
	color:#000000;
	font-weight:normal;
	}

/*  hr {background-color:#999999;
	height:1px;
	width:90%;
	margin: 10px 9 10px 0;} */
	
	
.font15, .font20, .font25, .font30, .font35 { font-weight:normal}


.font15 { font-size:15px}
.font20 { font-size:20px}
.font25 { font-size:25px}
.font30 { font-size:30px}
.font35 { font-size:35px}

.whiteText {color:#FFFFFF}

.GuaranteedInterview {
	font-size:20px;
	color:#5F1628;
	font-weight:bold;
	font-style:italic;}
#pad30 { padding:30px}

#core-content-container {
	width:900px;
	margin:auto;
	}
 
#clearall { clear:both; height:1px}


.redText{ color:#5f1628}

.btn-cal-to-action {
	padding: 3px;
	color:#000;
	border: #5f1628 solid 1px;
	font-weight:bold;
	background-color:#CCCCCC;
	margin-right:5px;
	}

/* ++++++++++++++++++++++++
	 Header
+++++++++++++++++++++++++ */

#header-logo-area {
	width:900px;
	height: 168px;
	background-image: url(../img/header-bg.jpg);
	color:#FFFFFF;
	}

#header-logo {
	width:399px;
	height: 144px;
	float:left;
	margin-left:21px;
	}

.btn-login-link {
	margin-left:193px;
	padding:15px;
	background-color:#FFFFFF;
	color: #000000;
	border: #000000 solid 1px;
	text-decoration:none;}

.btn-login-link a:link, .btn-login-link a:active, .btn-login-link a:visited{text-decoration:none; color:#FFFFFF; }

.btn-login-link a:hover{color:#5f1628; text-decoration:none;}




/* ++++++++++++++++++++++++
	 Nav Area
+++++++++++++++++++++++++ */

#nav-bar {
	width:900px;
	height: 56px;
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	margin: auto;
	}

#nav-bar ul{
	list-style: none;
	padding: 0;
	border: none;
	float:left;
	width:900px;
	text-align:center;
	margin-top:20px;
	margin-left:0px;
}

#nav-bar li{
	float:left;
	display:block;
	margin-right:15px;
	}

#nav-bar li a:link, #nav-bar li a:active, #nav-bar li a:visited{text-decoration:none; color:#FFFFFF;}
#nav-bar li a:hover{text-decoration:none; color: #FFFFCC;}



/* ++++++++++++++++++++++++
	 Content Area
+++++++++++++++++++++++++ */

#content-area {
	background-color:#5f1628;
	}

#content-holder, #content-holder-new {
	width:812px;
	margin:auto;
	background-color:#FFFFFF;
	padding:10px
	}

/* ++++++++++++++++++++++++
	 Content - Homepage
+++++++++++++++++++++++++ */

.home #content-holder {
	background-image:url(../img/home-content-bg.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	}
	
#content-home-01 { 
	width:540px;
	border:#000000 solid 1px;
	background-color:#f4f4f4;
	float:right;
	padding:5px;
	}

#content-home-02 {
	border:#000000 solid 1px;
	padding:10px;
	margin:auto;
	margin-top:10px;
	width:510px;
	background: #fff url(../img/bg-fade.jpg) repeat-x;	
	}

#content-course-info {
	border:#000000 solid 1px;
	padding:10px;
	margin:auto;
	margin-top:10px;
	width:510px;
	background: #fff url(../img/bg-fade.jpg) repeat-x;	
	}
	
#content-box-feature { 
	border:#000000 solid 2px;
	background-color:#000;
	background-image:url(../../ima/fade-black-red.jpg);
	background-repeat:repeat-x;
	padding:22px 0 22px 0;
	margin:auto;
	margin-top:10px;
	width:510px;
	color:#CCCCCC;
	text-align:center;
	}
	
#content-box-feature h1 { 
	color:#CCCCCC;
	}

#content-box-feature a { 
	color:#ffe270;
	font-weight:normal;
	}


.content-home-text-courses {
	float:left;
	width:245px;
	}

#content-home-03 {
	margin:auto;
	margin-top:10px;
	text-align:center;
	}
	
.cyq {
	width:350px;
	}

#content-aboutus-info {
	width:520px;
	background-image:url(../../ima/cyq-logo.gif);
	background-repeat:no-repeat;
	background-position: top right;
	}

/* ++++++++++++++++++++++++
	 Home page - new layout
+++++++++++++++++++++++++ */

#content-blk-space {
	width:785px;
	padding: 1px 10px 10px;
	background-color:#000000;
	margin:auto;
	color:#FFFFFF;
	}

#feature-course-1, #feature-course-2 {
	width:385px;
	color:#FFFFFF;
	}

#feature-course-1 {
	float:left;
	background:#135f1c;
	}

#feature-course-2 {
	float:right;
	background:#3b6897;
	}

#feature-course-header {
	width:383px;
	height:230px;
	}

.etm-image, .etm-txt, .gym-image, .gym-txt {
	position:absolute;
	}
	

.btn-right { float:right}
.btn-left { float:left}

.course-holder {
	position:absolute;
	width:380px;
	height:190px;
	z-index: 50;
	}

.course-title {
	margin:100px 0 0 15px; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	line-height:24px;
	font-size:13px;
	}


/* ++++++++++++++++++++++++
	 Content - About Us
+++++++++++++++++++++++++ */


#content-aboutus-holder, #content-corporate-holder, #content-gym-holder {
	width:812px;
	margin:auto;
	background-color:#FFFFFF;
	padding:10px
	}
	
#content-aboutus-01 {
	width:740px;
	border:#000000 solid 1px;
	margin:10px auto 20px;
	padding:15px 15px 15px 15px;
	background: #f7f7fa no-repeat;
	}

#content-aboutus-01b {
	width:740px;
	border:#000000 solid 1px;
	margin:10px auto 20px;
	padding:15px 15px 15px 15px;
	background: #f7f7fa no-repeat;
	}

/* ++++++++++++++++++++++++
	 Content - Corporate
+++++++++++++++++++++++++ */

#content-corporate-01 { 
	width:250px;
	border:#000000 solid 1px;
	background-color:#f6f5fa;
	margin:auto;
	padding:80px 30px 100px 500px;
	margin-top:10px;
	margin-bottom:20px;
	background-image: url(../img/corporate-bg-pic.jpg);
	background-repeat:no-repeat;
	}


/* ++++++++++++++++++++++++
	 Content - gym-instructor
+++++++++++++++++++++++++ */

#content-gym-01 {
	width:770px;
	height:75px;
	background-color:#50a7c9;
	background-image:url(../img/gym-bg-pic-01.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin:auto;
	color: #FFFFFF;;
	padding:10px;
	border-left: #000000 solid 1px;
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
	}
	
#content-gym-01 h2{ color:#FFFFFF;}

#content-gym-02 {
	width:770px;
	background-color:#f4f4f4;
	background-image:url(../img/gym-bg-pic-02.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:auto;
	padding:10px;
	border-left: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	border-right: #000000 solid 1px;
	margin-bottom:20px;
	}


#content-plain-01 {
	width:770px;
	background-color:#50a7c9;
	margin:auto;
	color: #FFFFFF;;
	padding:10px;
	border-left: #000000 solid 1px;
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
	}
	
#content-plain-01 h2{ color:#FFFFFF;}

#content-plain-02 {
	width:770px;
	background-color:#f4f4f4;
	margin:auto;
	padding:10px;
	border-left: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	border-right: #000000 solid 1px;
	margin-bottom:20px;
	}

#content-plain-02 li {
	color:#5F1628;
	line-height:16px;
	}
/* ++++++++++++++++++++++++
	 Content - studio
+++++++++++++++++++++++++ */

#content-studio-01 {
	width:770px;
	height:75px;
	background-color:#785416;
	background-image:url(../img/studio-bg-pic-01.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin:auto;
	color: #FFFFFF;;
	padding:10px;
	border-left: #000000 solid 1px;
	border-top: #000000 solid 1px;
	border-right: #000000 solid 1px;
	}
	
#content-studio-01 h2{ color:#FFFFFF;}

#content-studio-02 {
	width:770px;
	background-color:#f4f4f4;
	background-image:url(../img/studio-bg-pic-02.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:auto;
	padding:10px;
	border-left: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	border-right: #000000 solid 1px;
	margin-bottom:20px;
	}



/* ++++++++++++++++++++++++
	 Content - Courses
+++++++++++++++++++++++++ */

#content-courses-gym, #content-courses-studio {
	width:396px;
	height:429px;
	float:left;
	}



#content-courses-gym { background-image:url(../img/courses-gym.jpg)}

#content-courses-studio { background-image:url(../img/courses-studio.jpg)}

.courses-text { width:265px }

.txtw490 { width:490px}

#content-courses-gym a:link, #content-courses-studio a:link, #content-courses-gym a:active, #content-courses-studio a:active, #content-courses-gym a:visited, #content-courses-studio a:visited {color:#5f1628;text-decoration:none;}

#content-courses-gym a:hover, #content-courses-studio a:hover {color:#000;text-decoration:none;}







/* ++++++++++++++++++++++++
	 Content - Log-in
+++++++++++++++++++++++++ */


#content-login-holder {
	width:812px;
	margin:auto;
	background-color:#FFFFFF;
	padding:10px
	}
	
#content-login { 
	width:510px;
	border:#000000 solid 1px;
	background-color:#eae8ee;
	margin:auto;
	padding:30px 30px 30px 240px;
	margin-top:10px;
	margin-bottom:20px;
	background-image: url(../img/login-bg.jpg);
	background-repeat:no-repeat;
	}



/* ++++++++++++++++++++++++
	 Content - Payment
+++++++++++++++++++++++++ */


#content-payment-holder {
	width:812px;
	margin:auto;
	background-color:#FFFFFF;
	padding:10px
	}
	
#content-payment { 
	width:700px;
	border:#000000 solid 1px;
	background-color:#d4dee8;
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	}

#content-payment a:link, #content-payment a:active, #content-payment a:visited { color:#5f1628; text-decoration:none} 

#content-payment a:hover { color:#000000}


#content-payment-full-deposit-box {
	width:650px;
	height:170px;
	margin:auto;
	}

#content-payment-full-leftbox, #content-payment-deposit-rightbox {
	width:295px;
	background: #FFFFFF;
	padding:12px;
	} 

#content-payment-full-leftbox {
	float:left}
	
#content-payment-deposit-rightbox {
	float:right}


/* ++++++++++++++++++++++++
	FORM - APPLY
+++++++++++++++++++++++++ */

#form-area {
	width:500px;
	padding-left:10px;
	padding-right: 10px;
	}

input, textarea, select {
	color:#000000;
	font-size:11px;
	padding:2px;
	background-color:#FFEFEC;
	border: #5f1628 solid 1px;
	margin-bottom:2px;
	}

.submit {
	color:#fff;
	background-color:#5f1628;
	border:solid  #000000 2px;
	padding:5px;
	font-size:14px;
	font-weight:bold;}
	
#thin-gray-line {
	background-color:#999999;
	height:1px;
	width:90%;
	margin: 10px 9 10px 0;
	}

#forms-terms-box {
	width: 470px;
	height:140px;
	overflow:scroll;
	border: #CCCCCC solid 1px;
	padding:7px;
	font-size:10px;
	color:#666666;}

.qulbox {
	border: #333333 solid 1px;
	padding:4px;
	}

/* ++++++++++++++++++++++++
	 Footer Area
+++++++++++++++++++++++++ */

#footer-area-container {
	width:859px;
	height:20px;
	margin-top:10px;
	font-size:11px;
	color:#fff;
	}
	
#footer-area-left {
	float:left;
	margin-left:15px;
	width:520px;
	}

#footer-area-right {
	float:right;
	margin-right:17px;
	width:230px;
	text-align:right;
	}
	
#footer-area-right a:link, #footer-area-right a:active, #footer-area-right a:visited{ color:#af8b94; text-decoration:none}
#footer-area-right a:hover { color:#FFFFFF;}

#footer-area-left img {
	float:left;
	margin-right:20px;
	}




legend {
	color:#5f1628;
	font-size:115%;
	font-weight:bold;
	line-height:2em;
	margin:0;
	padding:0 10px;
}

fieldset {
	border:1px solid #5f1628;
	margin:0 0 1em;
	padding:0 10px 10px;
}

/* ++++++++++++++++++++++++
	 From admin hide class
+++++++++++++++++++++++++ */
.notonline, .offline, .nowsoon, .soonnow { display:none}



h3,h4 {
	font-weight:normal;
	padding:0px;
	margin:0px;
	margin-bottom:5px;}

.follerlinksarea {
	width:299px;
	height:120px;
	float:left;
	border-right: #5F1629 solid 1px;
	border-top: #5F1629 solid 1px;
	background-color:#FFFFFF;
	}

.follerlink{
	color:#7F7F7F;
	display:block;
	text-decoration:underline;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 29px;
	}
.follercopyright{
	margin:10px 0 0 0;
	color:#FFFFFF;
	}

.follerlogosarea{
	width:600px; height:120px; float:left; background: #FFFFFF;
	border-top: #5F1629 solid 1px;
	}

.BtnActionMore{
	width:112px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	background:url(http://www.ybfittraining.com/img/btn/btn-more-info-small.png) no-repeat;
	}


.course h2{
	font-size:20px;
	}

.course h3{
	padding:20px 0 0 0;
}

#actionbox a {
	color:#FFFFFF}

#actionbox a.MoveOnArrow  {
	color:#000;
	font-weight:bold;
	}
	
.MoveOnArrow{
	width:277px;
	height:35px;
	background:url(http://www.ybfittraining.com/img/courses/move-on-arrow.png) no-repeat;
	padding:10px 0 0 12px;
	display:block;
	}

#actionbox{
	float:right; 
	width:335px; 
	background:#5F1629; 
	color:#FFFFFF;
	}

.course h2.yb-c01{
	padding:0 0 0 90px; 
	background:url(http://www.ybfittraining.com/img/courses/mid-gym.jpg) no-repeat;
}

.paypal input, 
.paypal textarea, 
.paypal select {
background-color:#FFFFFF;
}
#actionbox .hide{display:none}
#actionbox .display{display:}

#actionbox .ActionBoxHighlight{
	font-size:24px;}

.VenueStyle{
	color:#5f1628;
	text-decoration:underline;}

.dear{
	font-size:20px;
	color:#5f1628;
	}