@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

* {
	outline:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

body {
	background:#BEC8D4 url(../images/bg_body.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
}

p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#FFCC00;
}
p.text_italic {font-style:italic;}

h1 {
	font-size:24px;
	font-weight:bold;
	color:#FBB61B;
	line-height: 28px;
}
h2 { font-size:18px; font-weight:bold; color:#154A85;}

h6 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#154A85;
	text-decoration: none;
}
h6 a:link {	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#154A85;
	text-decoration: none;}
	 
h6 a:visited {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#154A85;
	text-decoration: underline;
}
h6 a:hover {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#154A85;
	text-decoration: none;
}

img {border:none;}

img.header_shot {
	width:213px;
	height:260px;
	display:block;
	margin:32px 10px 10px 0;
}

/*
---------------------------------------------
02. container and content wrapper
---------------------------------------------
*/

#container { width:964px; margin:0 auto}
#wrapper {width:964px; float:left}


/*
---------------------------------------------
03. header - logo and caption
---------------------------------------------
*/

#header { width:960px; height:141px; background:url(../images/bg_header.gif) no-repeat; border-left:2px solid #DDE7F0; border-right:2px solid #DDE7F0; padding-top:7px; float:left; margin-bottom:-1px;}

#header .logo { width:368px; height:134px; float:left; padding-left:5px; padding-right:242px;}
#header .freeconsultation { width:284px; height:62px; float:left; padding-top:20px; padding-left:30px;} 


/*
---------------------------------------------
04. top navigation
---------------------------------------------
*/


#navbar { width:994px; height:59px; background:url(../images/bg_navbar.gif) no-repeat; float:left; margin:0 -15px; position:relative; }

#navbar ul {list-style:none; padding-left:23px; height:34px; overflow:hidden;}
#navbar ul li { float:left; border-right:1px dotted #2D93D8; height:30px; margin:4px 0 0 0; display:inline-block;}
#navbar ul li a {float:left; height:34px; margin:-4px 5px 0 5px; display:inline-block;}
#navbar ul li a:hover {background-position:0 -34px!important; position:relative;  }
#navbar ul li.current a {background-position:0 -34px!important; position:relative;  }

#navbar ul li a.home {background:url(../images/li_home.gif) no-repeat; width:63px;}
#navbar ul li a.about_fcf {background:url(../images/li_aboutfcf.gif) no-repeat; width:86px;}
#navbar ul li a.yomax {background:url(../images/li_yo-max.gif) no-repeat; width:200px;}
#navbar ul li a.blog {background:url(../images/blog.png) no-repeat; width:50px;}
#navbar ul li a.contact {background:url(../images/contact.png) no-repeat; width:92px;}
#navbar ul li a.personal_fitness {background:url(../images/li_personalfitness.gif) no-repeat; width:212px;}
#navbar ul li a.gym_design {background:url(../images/li_gymdesign.gif) no-repeat; width:108px;}
#navbar ul li a.seminars {background:url(../images/li_seminars.gif) no-repeat; width:194px;}
#navbar ul li:last-child {border:none;}

/*
---------------------------------------------
05. content
---------------------------------------------
*/

#content { width:960px; float:left; background:#FFFFFF; border-left:2px solid #DDE7F0; border-right:2px solid #DDE7F0; margin-top:-22px; padding-top:11px;}

/*
---------------------------------------------
06. welcome content- top left
---------------------------------------------
*/

.top_left {
	width:625px;
	float:left;
	padding-left:5px;
	padding-right:10px;
}
.realizebox { width:625px; height:287px; float:left;}

.fcfitness {
	width:590px;
	float:left;
	padding-left:20px;
	padding-top:0px;
}
.fcfitness h1 {float:left;}
.fcfitness p {
	line-height:20px;
	padding-top:6px;
	font-size: 14px;
}
	
.fcfitness2 { width:925px; float:left; padding-left:20px; padding-top:2px;}
.fcfitness2 h1 {float:left;}
.fcfitness2 p {
	line-height:18px;
	padding-top:2px;
	font-size: 14px;
}


/*--------- Home testimonials----------*/
.home_right_header{
/*	border:1px solid #000066;*/
	width:294px;
	height:25px;
	display:block;
	float:right;
/*	padding-right:15px;*/
	margin-right:10px;
/*	position:absolute;*/
	background:url(../images/blueshadowbox_top_x.gif) no-repeat
}
.home_right {
	width:248px;
	background:#EBF2FA;/*#FEFED1;*/
	
	border-left:3px solid #D5E1EA;
	border-right:3px solid #D5E1EA;
	float:right;
	margin-right:10px;
	padding:2px 20px 10px 20px;
	height:225px;/*****************************************************************************/
}
.home_right h2 {
	text-align:center;
	margin-bottom:10px;
}
.home_right ul {padding:0px;margin:0px;}
.home_right li {
	line-height:18px;
	color:#AA7501;
	list-style-type:none;
	text-align:justify;
}
.home_right li p {padding-bottom:10px; color:#AA7501;}
.home_right li.alter p {color:#666666;}
.home_right_footer{
/*	border:1px solid #000066;*/
	width:294px;
	height:25px;
	display:block;
	float:right;
/*	padding-right:15px;*/
	margin-right:10px;
/*	position:absolute;*/
	background:url(../images/blueshadowbox_bottom_x.gif) no-repeat;
	padding-bottom:20px;
}
.home_right_footer_space{
	float:right;
	height:10px;
}
/*--------End Home Testimonials --------*/

/*
---------------------------------------------
06. tell us form - top right
---------------------------------------------
*/

.tellus { width:294px; height:414px; float:left; background:url(../images/bg_tellusbox.gif) no-repeat; padding-left:10px; padding-top:14px; }
.heading_tellus { float:left;}

.tellus fieldset { width:290px; float:left; border:none; margin:0px; padding:0px; padding-top:14px;}
.tellus fieldset label { float:left; font-size:14px; font-weight:bold; color:#505050; padding-bottom:1px; display:block; width:280px;}
.tellus fieldset .bg_input { width:280px; float:left; background:#eaf1fa; border:1px solid #82a5c7; font-size:14px; padding:2px; margin-bottom:8px; height:15px;}
.tellus fieldset .bg_droplist { width:285px; float:left; background:#D6DCE3; border:1px solid #82A5C7; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#505050; padding:2px; margin:5px 0 10px 0;}
.tellus fieldset .bg_textarea { width:280px; float:left; background:#eaf1fa; border:1px solid #82A5C7; font-size:14px; padding:2px; margin-bottom:5px; height:72px;}
.tellus fieldset .button_sendinfo { width:140px; height:60px; float:left; padding-left:85px;}


/*
---------------------------------------------
07. strength box
---------------------------------------------
*/

#strength_box {
	width:952px;
	float:left;
	padding-left:0px;
	padding-top:10px;
}

#strength_box .bluebox_top { width:952px; height:25px; float:left; background:url(../images/blueshadowbox_top.gif) no-repeat;}
#strength_box .bluebox_middle { width:929px; float:left; background:#EBF2FA url(../images/bg_oval.gif) no-repeat center; border-left:4px solid #F8FBFD; border-right:4px solid #F8FBFD; padding-left:15px; padding-top:11px;}

#strength_box .leftphoto { width:216px; float:left;}

#strength_box .rightlist { width:690px; float:left; padding-left:18px;}
#strength_box .rightlist h2 {
	width:660px;
	float:left;
	font-style:italic;
	text-transform:uppercase;
	padding-left:27px;
	padding-bottom:3px;
	background-image: url(../images/icon_circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#strength_box .rightlist p { width:660px; float:left; padding-left:27px; padding-bottom:32px;}

#strength_box .leftphoto2 { width:380px; float:left;}

#strength_box .rightlist2 { width:490px; float:left; padding-left:18px;}
#strength_box .rightlist2 h2 {
	width:490px;
	float:left;
	background:url(../images/icon_circle.gif) no-repeat 0px 0px;
	font-style:italic;
	text-transform:uppercase;
	padding-left:27px;
	padding-bottom:3px;
}
#strength_box .rightlist2 p {
	width:475px;
	float:left;
	padding-left:27px;
	padding-bottom:32px;
}

#strength_box .leftphoto3 { width:380px; float:left;}

#strength_box .rightlist3 { width:460px; float:left; padding-left:18px;}
#strength_box .rightlist3 h2 { width:460px; float:left; background:url(../images/icon_circle.gif) no-repeat 0px 3px; font-style:italic; text-transform:uppercase; padding-left:27px; padding-bottom:3px;}
#strength_box .rightlist3 p { width:460px; float:left; padding-left:27px; padding-bottom:32px;}


#strength_box .bluebox_bottom { width:952px; height:40px; float:left; background: url(../images/blueshadowbox_bottom.gif) no-repeat;} 


/*
---------------------------------------------
08. moreyomax
---------------------------------------------
*/

#moreyomax { width:932px; height:30px; float:left; padding-top:5px; margin-left:14px; margin-top:8px;}

#moreyomax p { font-weight:bold; color:#154A85;}
#moreyomax p a:link, .moreyomax p a:visited { text-decoration:none; color:#154A85;}
#moreyomax p a:hover { text-decoration:underline; color:#154A85;}


/*
---------------------------------------------
09. yobox
---------------------------------------------
*/

#yobox { width:952px; float:left; padding-left:3px; padding-top:15px; padding-bottom:20px;}
#yobox .bluebox_top { width:952px; height:25px; float:left; background:url(../images/blueshadowbox_top.gif) no-repeat;}
#yobox .bluebox_middle { width:915px; float:left; background:#EBF2FA; border-left:4px solid #F8FBFD; border-right:4px solid #F8FBFD; padding-left:29px; padding-top:5px;}
#yobox .bluebox_middle p { line-height:1.7em;}
#yobox .bluebox_middle p.text_italic {margin-bottom:20px;}

#yobox .bluebox_bottom { width:952px; height:20px; float:left; background: url(../images/blueshadowbox_bottom2.gif) no-repeat;} 


/*
---------------------------------------------
10. ask the trainer
---------------------------------------------
*/

#askthetrainer { width:595px; float:left; padding-right:20px; padding-left:18px;}

#askthetrainer .photo_trainer { width:129px; height:159px; float:left; margin-right:15px;}
#askthetrainer .yomax_trainer { width:414px; height:34px; float:left; border-bottom:1px solid #154A85; border-top:1px solid #154A85; padding-top:4px;}
#askthetrainer .asfeatured { float:left; font-size:12px; font-style:italic; padding-top:17px;  text-align:right; width:414px; }
#askthetrainer .timesberald { width:200px; height:26px; float:left; padding-left:215px; padding-top:5px; padding-bottom:28px;}
#askthetrainer .articles { width:412px; height:23px; float:left; padding-top:4px; border-bottom:1px solid #154A85; border-top:1px solid #154A85; padding-left:2px;}

#askthetrainer .toughlove { width:595px; float:left; padding-top:14px;}
#askthetrainer .toughlove h1 { float:left; color:#154A85; padding-right:5px;} 
#askthetrainer .toughlove p { line-height:1.7em; padding-top:8px;}


/*
---------------------------------------------
11. have a question
---------------------------------------------
*/

#havequestion { width:294px; height:414px; float:left; background:url(../images/bg_tellusbox.gif) no-repeat; margin-top:-7px; padding-left:10px; padding-top:14px; }
#havequestion h6 { width:240px; float:left;}

#havequestion .heading_havequestion { float:left; padding-bottom:16px;}

#havequestion fieldset { width:290px; float:left; border:none; margin:0px; padding:0px; padding-top:14px;}
#havequestion fieldset label { float:left; font-size:14px; font-weight:bold; color:#505050; padding-bottom:3px; display:block; width:280px;}
#havequestion fieldset .bg_input { width:278px; float:left; background:#eaf1fa; border:1px solid #82A5C7; font-size:12px; color:#505050; padding:3px; margin-bottom:8px;}
#havequestion fieldset .bg_textarea { width:278px; float:left; background:#eaf1fa; border:1px solid #82A5C7; font-size:12px; color:#505050; padding:3px; margin-bottom:5px; height:72px;}
#havequestion fieldset .button_sendinfo { width:140px; height:60px; float:left; padding-left:85px;}


/*
---------------------------------------------
12. trainer
---------------------------------------------
*/

.trainer { width:464px; float:left; padding-top:25px; padding-left:10px;}
.trainer .smallbluebox_top { width:464px; height:20px; float:left; background:url(../images/bg_smallbluebox_top.gif) no-repeat;}
.trainer .smallbluebox_middle { width:418px; float:left; background:#EBF2FA; border-left:4px solid #F8FBFD; border-right:4px solid #F8FBFD; padding-left:19px; padding-right:19px;}

.trainer .smallbluebox_middle p { font-size:12px; padding-top:3px;}
.photo { width:155px; height:191px; float:left; padding-right:20px;}
.trainer .smallbluebox_bottom { width:464px; height:20px; float:left;background: url(../images/bg_smallbluebox_bottom.gif) no-repeat;}

/*
---------------------------------------------
12.5 trainer
---------------------------------------------
*/

.trainer2 { width:930px; float:left; padding-top:25px; padding-left:10px;}
.trainer2 .smallbluebox_top2 { width:930px; height:20px; float:left; background:url(../images/bg_smallbluebox_top2.gif) no-repeat;}
.trainer2 .smallbluebox_middle2 { width:884px; float:left; background:#EBF2FA; border-left:4px solid #F8FBFD; border-right:4px solid #F8FBFD; padding-left:19px; padding-right:19px;}

.trainer2 .smallbluebox_middle2 p {
	font-size:12px;
	padding-top:3px;
	line-height: 20px;
}
.photo2 { width:155px; height:191px; float:left; padding-right:20px;}
.trainer2 .smallbluebox_bottom2 { width:930px; height:30px; float:left;background: url(../images/bg_smallbluebox_bottom2.gif) no-repeat;}


/*
---------------------------------------------
13. client testimonials
---------------------------------------------
*/


#client_testimonials {border: 1px solid #ebecd7; float:left; width:937px; margin:20px 0 20px 10px; background:url(../images/bg_testimonial.png) repeat-y; display:inline; }

#client_testimonials h3 {margin-bottom:15px;}
#client_testimonials p {margin-bottom:20px;}
#client_testimonials p.text_italic {color:#aa7501; padding-bottom:20px; margin-bottom:10px; border-bottom:1px dotted #d3a133; }

#client_testimonials .client_testimonials_top {background:url(../images/bg_top_testimonial.png) no-repeat; height:31px;}
#client_testimonials .client_testimonials_mid { padding:0 20px;}
#client_testimonials .client_testimonials_bottom {background:url(../images/bg_bottom_testimonial.png) no-repeat; height:28px;}


/*
---------------------------------------------
14. our service
---------------------------------------------
*/


#ourservice { width:960px; float:left; background:url(../images/bg_ad.gif) repeat-x; height:195px; padding-top:12px;}

#ourservice h3 {margin-bottom:10px;}

#ourservice ul {margin:0 0 0 15px;}
#ourservice ul li {margin-bottom:3px;}
#ourservice .personal_fitness_training {background:url(../images/bg_personal_fitness_training.jpg) top no-repeat; float:left; height:178px; width:292px; padding:10px 0 0 30px;}
#ourservice .gym_design {background:url(../images/bg_gym_design.jpg) top no-repeat; float:left; height:178px; width:297px; padding:10px 0 0 18px;}
#ourservice .gym_design a {display:block; margin-top:48px;}
#ourservice .yo_max {background:url(../images/bg_yo_max.jpg) top no-repeat; float:left; height:178px; width:300px; padding:10px 0 0 20px;}
#ourservice .yo_max img.yomax {padding:0 25px 0 5px;}
#ourservice .yo_max a {display:block; margin-top:17px;}


/*
---------------------------------------------
15. footer styles
---------------------------------------------
*/

#footer {width:964px; background:url(../images/bg_footer.jpg) top no-repeat; margin:0 auto; clear:both; padding:0 0 30px 0; font-size:10px; color:#fff; text-align:center;}
#footer p {color:#d7e1eb;}

#footer ul {padding-top:15px; margin-bottom:3px;}
#footer ul li {display:inline;}
#footer ul li a {color:#d7e1eb; text-decoration:none; line-height:1em; border-right:1px solid #fff; padding:0 10px;}
#footer ul li a:hover {text-decoration:underline;}

.logo_klick {background:url(../images/logo_klick.gif) no-repeat; width:150px; height:70px; margin:0 auto; border:none; cursor:pointer; margin-top:50px; padding-bottom:10px; }
.logo_klick:hover {background-position:0 -80px;}