@charset "utf-8";
/* CSS Document */
html { min-height: 101%; }

body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	text-decoration: none;
	color: #009999;
	font-weight: bold;
	outline: 0;
}
a:hover{
	color: #000000;	
	outline: 0;
}
h1{
	color: #9999cc;
	font-size: 22px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333366;
	font-style: italic;	
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7fa82a;
	font-style: bold;	
}
p{
	text-align: justify;
}
.clear{
	clear:both;
}

#container{
	width: 1000px;
	margin: 0px auto;
}
#header{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
#logo{
	float:left;
}
#tagline{
	float:left;
	width: 685px;
	height: 65px;
	border-top: 2px #b3b3d9 solid;
	font-family:"Times New Roman",Georgia,Serif;
	font-size: 16px;
	color: #009999;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	letter-spacing: -0.5px;
	overflow: hidden;
}
#tagline span{
	color: #9999cc;
	font-size: 25px;
}
/* ----- Navigation ----- */
#navigation{
	background-image:url(app-img/nav_bg_gradient.png);
	background-repeat:repeat-x;
	background-position:top left;
	height: 35px;
	list-style:none outside none;
	margin: 0px;
	padding: 0px;
}
	#navigation li{
		float:left;
		margin: 0px;
		padding: 0px;
	}
	#navigation li a {
		height: 35px;
		display: block;
		float: left;
		text-decoration: none;
		text-indent: 0px;
	}
	#navigation li a:hover { background-position: left bottom; }
	#navigation li a span {
		display:none;
	}
	#navigation .nav_home a{
			background: url(app-img/btn_home.png) no-repeat left top;
			width: 99px;
	}
	#navigation .nav_about a{
			background: url(app-img/btn_about.png) no-repeat left top;
			width: 103px;
	}
	#navigation .nav_courses a{
			background: url(app-img/btn_courses.png) no-repeat left top;
			width: 104px;
	}
	#navigation .nav_schedule a{
			background: url(app-img/btn_schedule.png) no-repeat left top;
			width: 102px;
	}
	#navigation .nav_marketing a{
			background: url(app-img/btn_marketing.png) no-repeat left top;
			width: 107px;
	}
	#navigation .nav_spa a{
			background: url(app-img/btn_spa.png) no-repeat left top;
			width: 74px;
	}
	#navigation .nav_news a{
			background: url(app-img/btn_news.png) no-repeat left top;
			width: 122px;
	}
	#navigation .nav_contact a{
			background: url(app-img/btn_contact.png) no-repeat left top;
			width: 109px;
	}
	#navigation .nav_iafa a{
			background: url(app-img/btn_iafa.png) no-repeat left top;
			width: 74px;
	}
	#navigation .nav_testimonials a{
			background: url(app-img/btn_testimonials.png) no-repeat left top;
			width: 122px;
	}
	
#main{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#wave_eye{
	float:left;
	width:298px;
	height:213px;
}
.wave_bg{
	float:left;
	background-image:url(app-img/wave_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	height: 213px;
	width: 702px;		
}
.wave_bg p{
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
	color: #666666;
}
.wave_bg h2{
	padding: 0px 50px 0px 20px;
	margin: 10px 0px 5px 0px;	
}
.about{
	float: left;
	width: 490px;
	padding: 0;
	text-align: justify;
}
.about h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333366;
	margin: 0 0 10px;
  padding: 0 20px 0 20px;
}
#upcoming{
	float: left;
	width: 190px;	
	padding: 0;
	margin: 0px 20px 0px 0px;
}
	#upcoming .heading{
		background-image: url(app-img/top.png);
		background-repeat:no-repeat;
		background-position:top left;	
		width: 190px;
		height: 30px;	
	}
	#upcoming .heading h4{
		color: #ffffff;
		font-size: 16px;
		padding: 5px 5px 5px 20px;	
		margin: 0px;
	}
	#upcoming .dates{
		width: 190px;	
		padding: 0;
		margin: 0px 20px 0px 0px;
		background-image: url(app-img/comingsoon_gradient.png);
		background-position: top left;
		background-repeat: repeat-y;
	}
	#upcoming .dates ul{
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 5px 7px 0px 7px;
	}
	#upcoming .dates li{
		padding: 0px 0px 5px 0px;
		font-weight: bold;
	}
.aqua{
	color: #009999;
	font-weight: bold;
}
.purple{
	color: #333366;
	font-weight: bold;
	font-size: 14px;
}
/* ----- Home page ----- */
#left, #middle, #right{
	min-height: 375px;
}
#left{
	float: left;
	width: 300px;
	border-right: #99cc99 2px solid;
	margin: 35px 0px 0px 0px;
}
#left h1, #middle h1, #right h1{
	padding: 0;
	margin: 0px 0px 10px 0px;
}
/* ----- Team member list ----- */
#team {
	padding: 0;
	margin: 0;
}
#team li {
	height:45px;
	list-style: none;	
	margin:5px 0;
	padding:5px 0 0 50px;
}
	#team li.blue {
		background: url('app-img/box_blue.png') no-repeat left top;
	}
	#team li.green {
		background: url('app-img/box_green.png') no-repeat left top;
	}
	#team li.purple {
		background: url('app-img/box_purple.png') no-repeat left top;
		color: #000000;
		font-weight: normal;
		font-size: 12px;
	}
#middle{
	float: left;
	width: 300px;
	border-right: #99cc99 2px solid;
	margin: 35px 0px 0px 12px;
}
#middle p{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	width: 285px;
}
#right{
	float: left;
	width: 370px;
	margin: 35px 0px 0px 12px;
}
#box_blue_top{
	height: 6px;
	width: 370px
}
#box_blue{
	overflow: hidden;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image:url(app-img/blue_bg_repeat.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#box_blue_bottom{
	height: 5px;
	width: 370px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
#box_green_top{
	height: 5px;
	width: 370px
}
#box_green{
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-image:url(app-img/green_bg_repeat.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#box_green_bottom{
	height: 7px;
	width: 370px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.box_img{
	margin: 15px 10px 0px 10px;
	float: left;
}
.box_txt{
	float: left;
	margin: 12px 10px 0px 0px;
	width: 205px;
	text-align: justify;
}
/* ----- secondary page containers and elements ----- */
#trainer_container{
	width: 1000px;
}

#trainers_left{
	float: left;
	width: 485px;
	padding: 0px 9px 0px 0px;
	border-right: #99cc99 2px solid;
}
#trainers_right{
	float: left;
	width: 485px;
	padding: 0px 0px 0px 15px;
}
.sec_left{
	float: left;
	padding: 5px 0px 0px 0px;
	width: 1000px;
}
	.sec_left .body{
		margin: 30px 0px 0px 0px;
		line-height: 16px;
	}
		.sec_left .body h2{
			margin: 0px 0px 20px 0px;
		}
		
		.sec_left .body .left{
			float: left;
			width: 490px;	
			border-right: #99cc99 2px solid;
			margin: 0;
		}
		.sec_left .body .right{
			float: left;
			overflow: hidden;
			width: 490px;		
			margin: 0px 0px 0px 15px;
		}
		
		.sec_left .body .image{
			float: left;
			padding: 0px 5px 20px 0px;
			width: 135px;	
		}
		.sec_left .body .text{
			float: left;
			padding: 0px 0px 30px 0px;
			width: 335px;
		}
	.sec_left .feature, 
	.sec_left .wide_feature{
		overflow: hidden;
		margin: 0px 0px 20px 0px;
	
	}
		.sec_left .feature h1{
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			font-size: 20px;
			color: #333366;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			width: 400px;
		}
		.sec_left .feature .image, 
		.sec_left .wide_feature .image {
			float: left;
			padding: 0px 0px 0px 0px;
			text-align: center;
		}		
		.sec_left .feature .right{
			float: left;
			width: 270px;
			margin: 0px 0px 0px 20px;
		}
		.sec_left .feature .text, 
		.sec_left .wide_feature .text {
			float: left;
			width: 563px;
			margin: 2px 0px 0px 10px;		
		}
			.sec_left .feature .text p, 
			.sec_left .wide_feature .text p{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #666666;
				padding: 0px 0px 0px 0px;
				margin: 10px 0px 0px 0px;
				width: 530px;
			}
		.sec_left{
			float: left;
			/*width: 850px;*/
		}
		.wide_feature{
			float: left;
			/*width: 850px;*/
		}
		.trainer_area{
			float: left;
			width: 474px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 20px 0px;
		}
		 .text_present{
			float: left;
			/*width: 850px;*/
		}
		.trainer_image{
			float: left;
			width: 144px;
		}
		.trainer_info{
			float: left;
			width: 325px;
			margin: 0px 0px 0px 0px;	
			padding: 5px 0px 10px 0px;
			line-height: 16px;
		}
		.trainer_info p{
			padding: 0px;
			margin: 0px;
		}
			
		.text_present p{
				margin: 0px 0px 0px 0px;	 /*margin: 0px 0px 0px 10px;	*/
				padding: 5px 0px 10px 0px;
				line-height: 16px;
				width: 330px; /* 335px */
			}
		 .text_success{
			float: left;
			/*width: 850px;*/
		}
		.text_success p{
				margin: 0px 0px 0px 0px;	 /*margin: 0px 0px 0px 10px;	*/
				padding: 5px 0px 10px 0px;
				line-height: 16px;
				width: 800px;
			}
		 .text_news{
			float: left;
			/*width: 850px;*/
		}
		.text_news p{
				margin: 0px 0px 0px 0px;	 /*margin: 0px 0px 0px 10px;	*/
				padding: 5px 0px 10px 0px;
				line-height: 16px;
				width: 100%;
			}
			.course_desc_area{
				margin-bottom: 20px;
				margin-left: 0;
				margin-right: 0;
				margin-top: 0;
				overflow-x: hidden;
				overflow-y: hidden;
			}
			.course_desc_img{
				float: left;
				width: 115px;				
			}
			.course_descriptions{
				float: left;
			}
			.course_descriptions p{
				margin: 0px 0px 0px 0px;	 /*margin: 0px 0px 0px 10px;	*/
				padding: 0px 0px 10px 0px;
				line-height: 16px;
				width: 865px;
				/*width: 875px;*/
			}
			
.featured_product{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 530px;
}
.featured_img{
	float: left;
	width: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.featured_info{
	float: left;
	width: 415px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
			
			
#left_body{
	float: left;
	width: 598px;
	overflow: hidden;

	min-height: 1250px;
}
#right_body{
	float: left;
	overflow: hidden;
	width: 380px;
	padding: 36px 0px 0px 20px;
	border-left: #99cc99 2px solid;
}
#pkg_items{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#pkg_items li{
	overflow: hidden;
	padding: 0px 0px 10px 0px;
}

.pkg_feature{
	width: 600px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}
.pkg_details{
	float: left;
	width: 370px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
.pkg_details li{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.pkg_block p{
	width: 370px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.pkg_block{
	float: left;
	overflow: hidden;
}
.pkg_block h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7fa82a;
	font-style: bold;	
	padding: 110px 0px 0px 7px;
	margin: 0px 0px 0px 0px;
}
.quote_home{
	padding: 0px 10px 5px 10px;
}
.quote_home p{
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
.quote{
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	line-height: 22px;
}
.quote p{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}
.bg_blue{
	background-color: #ebebf5;	
}
.q_author{
	text-align: right;
	font-weight: bold;
}
.seminar_imgs img{
	padding: 20px 33px 20px 33px;
}
.spa_imgs img{
	padding: 20px 70px 20px 70px;
}
.sec_gradient{
	background-image:url(app-img/sec_gradient_middle.png);
	background-position:top left;
	background-repeat:repeat-y;
	margin: 0px;
	padding: 5px 0px 10px 20px;	
}
.sec_gradient_green{
	background-image:url(app-img/sec_gradient_middle_green.png);
	background-position:top left;
	background-repeat:repeat-y;
	margin: 0px;
	padding: 5px 0px 10px 20px;	
}
.sec_gradient .testimonial_letter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333366;
	margin: 0 0 10px;
  padding: 0 20px 0 0px;
}
.sec_left h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #009999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
.side_bar_top{
	border-bottom: #99cc99 2px solid;
}
.side_bar_top h2{
	color:#9999CC;
	font-size:22px;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
}
.side_bar_top p{
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
#contact{
	width: 400px;
	margin: 0px 0px 0px 20px;
}
.text_present h3{
	color:#333366;
	font-weight:bold;
	margin: 15px 0px 5px 0px;
}
.text_news h3{
	color:#333366;
	font-weight:bold;
	margin: 15px 0px 5px 0px;
}
.author{
	display: block;
}
#footer{
	background-image:url(app-img/footer_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	height: 119px;
	width: 1000px;
	margin: 25px 0px 0px 0px;
}
#copyright{
	width: 400px;
	padding: 30px 0px 0px 10px;
}
.why{
	padding: 0px 12px 0px 12px;
}
.why li{
	padding: 0px 0px 10px 0px;
}
/* ------------- Tooltips ------------------------- */
#tooltip {
	background-color: #ebebf5;
	border: 1px solid #9999CC;
	color: #666666;
	font-size: 12px;
	padding: 5px;
	position: absolute;
	width: 250px;
	z-index: 3000;
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-size: 12px;
}
/* ----- news specific ----- */
.image_left, .image_right {
	width:40%;
}
	.image_left span.caption, .image_right span.caption {
		width: 300px;
	}
.image_left {
	float: left;
}
.image_right {
	float:right;
}
.caption {
	display: block;
	font-size: 10px;
	font-style: italic;
}

.tag_cloud li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
	border-right: 1px solid #009999;
}
	.tag_cloud li.last {
		border-right: none;
	}
.bold {
	font-weight: bold;
}


.back {
	color:#009999; 
	cursor: pointer;
	font-weight: bold; 
}
.back:hover {
	color: #000000;
}
.register a{
	color: #333366;
	font-size: 14px;
}
.register a:hover{
	color: #009999;
	font-size: 14px;
}
#downloads{
	padding: 0px 0px 0px 10px;
}


