@charset "utf-8";
/* Balance Studio - 2008 Created by Monica Candy  E-mail mcandy@shaw.ca */




/* ---------- basic styling ---------- */

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

body{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#272727;
	font-size:			13px;
	background-color:	#3F4F59;
	background-image:	url(slices/index_page/background_gradient.jpg);
	background-repeat:	repeat-x;
	background-position:left top;
	
}	

#container{
	width: 				921px;
	margin:				5px auto 3px auto;
	text-align: 		left;
	background-color: 	#FFFFFF;
	padding:			0px;
	height:				auto;
	overflow:			hidden;
}


/* ---------- logo ---------- */

#logo_home, #logo_schedule, #logo_class, #logo_rates, #logo_purchase, #logo_about, #logo_resources, #logo_contact, #logo{
	background-image:	url(slices/index_page/logo.gif);
	background-repeat:	no-repeat;
	height:				145px;
	background-color:	#28323A;
}



/* ---------- navigation ----------*/

#navigation{
	background-color:	#85857A;
	height:				36px;
	width: 				901px;
	padding-left:		20px;
}


/* ---------- header ----------*/

#header {
	background-image:	url(slices/index_page/header_background.jpg);
	background-repeat:	no-repeat;
	height:				287px;
	width:				921px;
	float:				left;
	padding:			0px;
	margin:				0px;
}
#pic_header{
	width:				661px;
	height:				287px;
	float:				left;
	padding:			0px;
	margin:				0px;
}

#quote_header {
	width:				260px;
	height:				287px;
	float:				left;
	background-image:	url(slices/category_level/quote_back.jpg);
	background-repeat:	no-repeat;
	
}

#quote{
	margin-top:			50px;
	padding:			30px 30px 30px 30px;
	color:				#ffffff;
	font-size:			15px;
}
	


/* ---------- content ---------- */
#breadcrumb{
	float:				left;
	width:				901px;
	height:				30px;
	text-align:			right;
	font-size:			11px;
	font-style:			italic;
	color:				#272727;
	background-color:	#ffffff;
	margin:				5px 20px 0px 0px;
}
	
#content  {
	width: 				599px;
	float: 				left;
	background-color:	#ffffff;
	padding:			0px 30px 30px 40px;
	border-right:		#CCCCCC .05em dashed;
	margin:				30px 0px 0px 0px;
}

#inside_content {
	width:				681px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 20px 30px 20px;
	margin:				10px 0px 20px 0px;
	border-left:		#272727 .05em dashed;
}
/* ---------- frequently asked questions ---------- */

#faq{
	padding-bottom:		30px;
}

#faq ul li{
	margin-left:		40px;
}

#faq2{
	padding-left:		40px;
}

#faq2 ul li{
	margin-left:		50px;
	
}

#studio{
	width:				610px;
	margin:				0px 30px 0px 30px;
	color:				#000000;
	
}
#studio h1{
	color:				#157BCC;
	font-size:			18px;
}

#studio h2{
	color:				#004A95;
	font-size:			16px;
}

#studio ul{
	margin:				10px 0px 0px 40px;
	
}

#studio ul li{
	padding:            2px 0px 2px 3px;
	
	
}
	

#studio ol{
	margin:				0px 0px 0px 65px;
}
#studio p{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
}

/* ---------- articles ---------- */
#articles{
	width:				610px;
	margin:				0px 30px 0px 30px;
	color:				#000000;
}
#articles h1{
	color:				#157BCC;
	font-size:			18px;
}

#articles h2{
	color:				#004A95;
	font-size:			16px;
}

#articles ul{
	margin:				10px 0px 0px 300px;
	list-style-type:	none;
}

#articles ul li{
	list-style-image:	url(images/misc_content/bullet.gif);
	background-position:0 0.3em;
	background-repeat:	no-repeat;
	padding:            3px 0px 3px 3px;
	font-size:			15px;
	
}
	

#articles ol{
	margin:				0px 0px 0px 65px;
}



/* ---------- partners in health ---------- */

#partners_pic{
	width:				180px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 30px 20px 40px;
	vertical-align:		middle;
	margin:				auto;
}

#partners_desc{
	width:				378px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 30px 0px 20px;
}



/* ---------- product level content ---------- */

#size_color{
	width:				150px;
	float:				left;
}
#quantity{
	width:				100px;
	float:				left;
}
#product_pic{
	width:				243px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 20px 20px 40px;
	height:				300px;
}

#product_desc{
	width:				315px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 10px 0px 20px;
	border:				#dedede 1px solid;
}


#product_widget{
	width:				611px;
	float:				left;
	background-color:	#ffffff;
	padding:			0px 30px 0px 40px;
	margin-top:			25px;
}

#register{
	width:				100px;
	height:				28px;
	float:				left;
	padding:			0px 0px 0px 3px;

}

/* ---------- purchase buttom ---------- */
#arrow{
	width:				20px;
	height:				21px;
	float:				left;
	margin:				13px 5px 0px 0px;
}

/* ---------- category level pictures ---------- */

#pic_left, #pic_middle, #pic_right {
	width:				181px;
	height:				258px;
	float:				left;
	margin:				0px 10px 20px 35px;
	background-image:	url(slices/category_level/image_holder.gif);
	background-repeat:	no-repeat;
	padding-bottom:		40px;
	
}
#pic_left p{
	text-align:			left;
	padding:       	    2px 2px 2px 5px;
	font:				12px;
}

#content_pleft, #content_pmiddle, #content_pright {
	width:				180px;
	height:				216px;
	float:				left;
	text-align:			center;
	vertical-align:		middle;
	
}

#head_pleft, #head_pmiddle, #head_pright {
	width:				151px;
	height:				47px;
	float:				left;
	padding:			8px 0px 0px 5px;
	margin-top:			3px;

}

/* ---------- home page (what's new) ---------- */

#right_nav{
	float:				left;
	width:				251px;
	background-color:	#F8F8F8;
	font-size:			14px;
	
	
}

#right_nav p{
	padding:		    0px 20px 0px 20px;
}

#right_nav ul{
	padding-top:		5px;
	margin-right:		20px;
	margin-top:			10px;
	
}

#right_nav ul li{
	margin:				5px 0px 10px 22px;
	color:				#004A95;
	font-size:			14px;
	list-style:			none;
	

}
#nav_head{
	background-image: 	url(slices/index_page/back_whatsnew.gif);
	background-repeat: 	no-repeat;
	width: 				200px;
	height:				25px;
	margin:				35px 0 0px 10px;
	color:				#ffffff;
	font-size:			16px;
	padding:			3px 0px 0px 10px;

}

/* ---------- left navigation ---------- */

#left_nav_head{
	width:				921px;
	height: 			60px;
	float:				left;
	background-color:	#ffffff;
	text-align:			left;
}

#left_nav{
	float:				left;
	width:				199px;
	background-color:	#ffffff;
}

#left_nav ul{
	padding:			4px 0px 4px 0px;
	margin-right:		20px;
	margin-top:			0px;
}

#left_nav ul li{
	margin:				5px 0px 10px 22px;
	font-size:			13px;
	font-weight:		bold;
	list-style:			none;
	text-align:			right;
	border-bottom:		#dedede 1px dashed;
	padding-bottom:		4px;
}

#left_nav ul li a{
	text-decoration:	none;
}


/* ---------- featured content ---------- */

#featured {
	background-image:	url(slices/index_page/feature_back.jpg);
	background-repeat:	repeat-x;
	background-position:bottom;
	height:				270px;
	width:				921px;
	float:				left;
	background-color:	#ffffff;
}

#featured_left{
	width:				294px;
	float:				left;
	padding:            27px 0px 0px 58px;
	
}
#featured_middle{
	width:				245px;
	float:				left;
	padding:            33px 6px 0px 0px;
}
#featured_right{
	width:				294px;
	float:				left;
	padding:            27px 20px 0px 2px;
}
#featured_left  a, #featured_middle a, #featured_right a{
	text-decoration:	none;

}
	

/* ---------- rates and registration ---------- */

#rates_table{
	text-align: 		left;
	vertical-align: 	top;
	font-size: 			14px;
	padding: 			8px;
	border: 			#A5AFAE 2px solid;
	margin: 			8px 8px 8px 55px;
	width:				520px;
	
}	


#rates_table tr:hover, tr.highlight { 
	background-color: 	#dedede; 
	
}
#rates_table td{
	padding:            2px 4px 2px 5px;
	border-bottom:		#dedede .02em solid;
}

/* ---------- purchase classes ---------- */

#purchase_pic{
	width:				180px;
	float:				left;
	padding:			10px 10px 10px 10px;
	

}
#purchase_wrap{
	border-bottom:		#cccccc 0.05em dashed;
	float:				left;
	width:				680px;
}

#purchase_content{
	width:				310px;
	float:				left;
	padding:			10px 15px 10px 20px;
	
}
#purchase_content h1{
	font-size:			15px;
	color:				#004A95;
	padding:			2px 0px 3px 0px;
}

#purchase_content ul{
	margin-left:		20px;
}

#purchase_content ul li{
	padding:			1px;
}
#purchase_content p{
	padding-left:		250px;
	font-weight:		bold;
	color:				#004A95;
}

#purchase_price{
	width:				120px;
	float:				left;
	margin-top:			123px;
	margin-left:		5px;
	padding:			1px 1px	1px 1px;

}
/* ---------- contact us form ----------*/

#contact_form {
	background:			#fff;
	border:				1px solid #eee;
	width:				460px;
	padding:           	10px 10px 10px 10px;

	
}

fieldset.personalinfo label input:hover, input:focus {
	background-color:	#ffffff;
	border:				1px solid #004A95;

} 
fieldset.message label comment:hover, input:focus {
	background-color:	#ffffff;
	border:				1px solid #004A95;

} 

fieldset {
	border:				1px solid #dddddd;
	
}

fieldset:hover {
	border:				1px solid #004A95;
	
}


fieldset.personalinfo, .subscribe, .message{
	color:				#157BCC;
	font-size:			17px;

}

fieldset.personalinfo label{
	display:			block;
	text-align:			right;
	color:				#272727;
	font-size:			13px;
	padding:           	4px 70px 4px 0px;
	font-weight:		bold;

}
fieldset.personalinfo label input{
	padding:			0.15em;
	width:				15em;
	border:				1px solid #ddd;
	background:			#fafafa;
	font:				bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

fieldset.subscribe label{
	didplay:			block;
	color:				#272727;
	font-size:			13px;
	font-weight:		bold;
	padding:            4px 0px 8px 100px;
	

}
fieldset.message label{
	display:			block;
	text-align:			left;
	color:				#272727;
	font-size:			13px;
	padding:           	1.5px 0px 1.5px 30px;

	
}

.message label:hover{
	background-color:	#dedede;
	
}

.subscribe label :hover{
	background-color:	#dedede;
	
}

.personalinfo label:hover{
	background-color:	#dedede;
	
}
fieldset.button p{
	text-align:			right;
	padding-right:      20px;
	padding-bottom:     10px;
	color:				#004A95;
	font-size:			13px;
	font-weight:		bold;
}
fieldset.button p input{
	color:				#004A95;
	font-size:			13px;
	font-weight:		bold;
}



/* ---------- footer ----------*/

#footer3{
	float:				left;
	width:				921px;
	background-color:	#85857A;
	height:				30px;
}
#footer3 a{
	color:				#ffffff;
	text-decoration:	none;
}

#footer3 a:hover{
	color:				#157BCC;
	text-decoration:	none;
}

#footer3 ul{
	text-align:			right;
	padding-top:		5px;
	margin-right:		9px;
	margin-left:		9px;
}

#footer3 ul li{
	display:			inline;
	margin:				auto;
	color:				#ffffff;
}
	

#footer1 ul{
	margin-left:		40px;
	padding-top:		5px;
}

#footer1 ul li{
	display: 			inline;
	font-size:			11px;
	margin:				auto;
	color:				#ffffff;
}
	
#footer2{
	float:				left;
	width:				921px;
	background-color:	#ffffff;
	height:				40px;
	
}

#footer2 ul{
	text-align:			right;
	padding-top:		8px;
}
	

#footer2 ul li{
	font-size:			11px;
	display: 			inline;
	padding:     		10px 15px 5px 0px;
	
}


/* ---------- formating pictures -------- */

#float_left{
	float:				left;
	padding-left:		150px;
}

#float_right{
	float:				right;
}

#picture_right{
	float:				right;
	padding:			5px;
}

#picture_middle{
	float:				none;
	padding:			5px 160px 5px 160px;
}

#picture_left{
	float:				left;
	padding:			5px;
}	



/* ---------- schedule and site map ---------- */

table#site_map td{
	padding-left:       10px;
	
}
#schedule {
	width:				881px;
	padding:			0px 21px 0px 20px;
	float:				left;
	background-color:	#ffffff;

}

#schedule_header{
	width:				876px;
	height: 			30px;
	float:				left;
	background-color:	#ffffff;
	text-align:			right;
	padding:			0px 45px 0px 00px;
}

.schedule_header{
	color:				#157BCC;
	font-size:			18px;
	
}

#schedule_inside{
	margin:				20px 30px 20px 30px;
	width:				821px;
	padding-bottom:		50px;
	font-size:			11px;
	font-weight:		bold;
}

.print_sched{
	font-size:			11px;
	color:				#004A95;
	margin-left: 		450px;
	
}

/* ---------- colors ---------- */

.blue{
	background-color:	#7999A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.purple{
	background-color:	#7981A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.pink{
	background-color:	#A179A9;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}
.ltblue{
	background-color:	#C4D2D9;
	font-size: 			11px;
	color:				#333333;
	font-weight:		bold;
}
.nav_grey{
	background-color:	#85857A;
	font-size: 			16px;
	color:				#ffffff;
	
}

.gray{
	background-color:	#BfBfBf;
	font-size: 			11px;
	color:				#333333;
	font-weight: 		bold;
}

.ltgray{
	background-color:  #F3F3F3;
}


.color1{
	background-color:	#E0E6EB;
}

.color2{
	background-color:	#C2CCD6;
}

.color3{
	background-color:	#A3B2C2;
}	
.color4{
	background-color:	#8599AD;
}

.color5{
	background-color:	#667F99;
}
.color6{
	background-color:	#52667A;
}

.color7{
	background-color:	#3D4C5C;
}
.color8{
	background-color:	#29333D;
}

.font10{
	font-size:			10px;
}


.lightgrey{
	color:				#cccccc;
}

.navgray{
	color:				#85857A;
}

/* ---------- text styles ----------*/

h1, h2, h3, h4, h5{
	color:				#004A95;
}

h1{
	font-size:			20px;
	
}

h2{
	font-size:			13px;
}


h3, h4, h5, h6{
	border-bottom:		#CCCCCC .05em dashed;
}

h3{
	font-size:			18px;
	margin:				7px 36px 25px 20px;
	padding:			0px 0px 3px 180px;
	text-align:			left

}

h4 {
	font-size:			20px;
	margin:				10px 20px 10px 20px;
	padding:			0px 0px 3px 180px;
	text-align:			left;
}

h5{
	font-size:			16px;
	margin:				10px 20px 10px 20px;
	padding:			0px 710px 3px 0px;
	text-align:			right;

}
h6{
	font-size:			18px;
	margin:				7px 36px 25px 20px;
	padding:			0px 0px 3px 20px;
	text-align:			left

}

a{						
	color:				#272727;
	
}

a:hover{
	color:				#157BCC;
	
}

.italic{
	font-style:			italic;
}

.bright_blue{
	color:				#157BCC;
}
.navy_blue{
	color:				#004A95;
}
.navy13{
	font-size:			12px;
	color:				#004A95;
}
.graybold{
	font-size:			15px;
	font-weight:		bold;
	color:				#85857A;
}
.grayitalic{
	color: 				#CCC;
	font-style:			italic;
}

.grayfont10{
	color:				#ccc;
	font-size:			10px;
}

.backbluebold{
	font-size:			15px;
	font-weight:		bold;
	color:				#3C4B55;
}
	
.bbluebold{
	color:				#157BCC;
	font-weight:		bold;
}

.nbluebold{
	color:				#004A95;
	font-weight:		bold;
}

.breadbrumb{
	font-size:			11px;
	font-style:			italic;
	color:				#272727;
	margin-left: 		350px;
	
}
.pic_label{
	font-size:			18px;
	font-color:			#272727;
	vertical-align:		middle;
	font-family: Arial, Helvetica, sans-serif;
}
.pic_label_italic{
	font-size:			16px;
	font-style:			italic;
	font-color:			#272727;
}

.font10{
	font-size:			10px;
}

/* ---------- decorative elements ---------- */

.dotted_line{
	border-bottom:		#CCCCCC .05em dashed;
	padding-top:		5px;
}

.line{
	border-bottom:		#cccccc .05em solid;
	padding-top:		5px;
}


/* ---------- tables ----------*/

#anatomy{
	border:				#cccccc 0.05em dashed;
}
		
#anatomy td{
	padding:		    5px;
	border:				#cccccc 0.05em dashed;
	
	
}