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

/* ===== global design =====*/
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#303;
	background-color:#CCC;
	padding: 0;
	margin: 0;
	}
	

	
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:30px;
	color:#3a386e;
	font-weight: normal;
	padding: 0;
	margin: 0;
	
	}
	
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#3a386e;
	font-weight: normal;
	
	}
	
h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	
	}
	
h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	
	}
	
	
a:link {
	text-decoration: none;
	color: #C6C;
	
	}
	
a:visited {
	text-decoration: underline;
	color: #C9C;
	
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #66C;
	}	
	
div#outerBody {
	width: 700px;
	margin:0 auto;
	background:  url(images/bannerNew.jpg) no-repeat top center;
	}

/* ===== END global design END=====*/



/* ===== header ===== */

div#header {
	height: 199px;
	position: relative;
	padding: 0;
	
	}


/* ===== navagation bar top ====== */

#header #navBar {
	position: absolute;
	left: 20px;
	bottom: -21px;
	width: 680px;
	}	

#navBar ul   {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navBar li {
	float: left;
	margin: 0;
	padding: 0;
	
	} 
#navBar li a:link, #navBar li a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #87ECF4;
	text-decoration: none;
	}
	
#navBar li a:hover, #navBar li a:active {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	text-decoration: none;
	}
	
	.turq {
		font-size: 22px;
		color: #87ECF4;
		}
	
/* END===== header =====END */



/*====== main content ======*/
.hText {
	font-style:normal;
	font-size:12px;
	}
	
.pink {
	color:#ab66b7;

	}
	
.purpleBlue {
	color: #3a386e;
	}
	
.purpleBlueMed {
	color: #3a386e;
	font-weight: bold;
	font-size:14px;
	}
	
.medText {
	color: #303;
	font-size:14px;
	}
	
.purpleBlueLarge {
	color: #3a386e;
	font-weight: bold;
	font-size: 24px;
	}
	
dt {
	color: #3a386e;
	font-weight: bold;
	font-size: 14px;
	}
	

/*====== END main content END======*/
	
	
/*====== main content home page======*/
div#columnTwoHome {
	float: left;
	margin: 0 0 0 50px;}
.colorHighlight
{
	color:#C60;
}

div#flashWelcome {
	float: left;
	padding:0;
	margin: 0;
	width: 300px;}

	
div#mainContainerHome {
	float: left;
	margin: 0;

	width: 660px;
	padding: 25px 20px 20px 20px;
	background: #7383a1;
	}

div#blockHome {
	float: left;
	margin: 0;
	line-height: .5em;
	width:630px;
	padding: 15px 15px 30px 15px;
	background: #ccc url(images/indexImageBack.jpg) no-repeat center top;
	}
	
div#blockImagesTopHome {
	float: left;
	margin: 0;

	width:640px;
	padding: 20px 0 0 20px;
	align: top;
	background: #CCC  url(images/indexImageBack.jpg) no-repeat bottom;

	}
	
div#blockImagesTopHome p {
	 clear: both;}

div#indexTab {
	background: url(images/indexTransPurple.png) repeat top left;
	width: 660px;
	padding: 0;
	margin: 0;
	
	}
	
div#indexTab h1 a:link, div#indexTab h1 a:visited, {
	text-decoration: none;
	color: #C33;
	
	}
	
div#indexTab h1 a:hover, div#indexTab h1 a:active, {
	text-decoration: underline;
	color: #CC3;
	
	}




div#homeTriOne {
	float: left;
	margin:0;
	height: 260px;
	width:199px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background: #ccc url(images/indexBackground.gif) repeat-y top left;
	
	}	
	
div#homeTriTwo {
	float: left;
	margin:0;
	height: 260px;
	width:200px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background: #ccc url(images/indexBackground.gif) repeat-y center;


	}	
	
div#homeTriThree {
	float: left;
	margin:0;
	height: 260px;
	width:200px;
	font-size: .8em;
	padding: 0 10px 0 10px;
	background: #ccc url(images/indexBackground.gif) repeat-y top right;
	
	}	
/*====== END main content home page END======*/	

/*====== main content classes======*/
	
div#mainContainerClasses {
	float: left;
	margin: 0;
	padding: 25px 15px 15px 15px;
	background-color: #7383a1;
	
	}
	
	
div#mainClassesMed {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/meditationTrans.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
div#mainClassesCC {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/collectiveTrans.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}

div#mainClasses {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/flowerTransBig-2.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
div#mainClassesYoga {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/yogaPromTrans.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
		
div#mainClassesTai {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC  url(images/taiChiTrans.png) no-repeat top left;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}

div#mainClassesKun {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/meditationTran.png) no-repeat top left;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
	
div#mainClassesSufi {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/joaoclass.png) repeat-y top left;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}

#googleLink {
	text-decoration: none;
	}
	

div#sideBarCon {
	float: left;
	width: 153px;
	height: 0px;
	background-color: #7383a1;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	}


div#sideBarClasses {
	float: left;
	width: 151px;
	font-size: .7em;
	padding: 0px 7px 0 25px;
	
	}

/*====== END main content classes END======*/



/*====== main content collective======*/

div#mainContainerCol {
	float: left;
	margin: 0;
	width: 670px;
	padding: 25px 15px 15px 15px;
	background-color: #7383a1;
	
	}
	
div#blockMission {
	float: left;
	margin: 0;
	height: 200px;
	width:640px;
	padding: 0 15px 0 15px;
	background-color: #ccc;
	}
	
div#blockImagesTop {
	float: left;
	margin: 0;
	height: 50px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersOne.gif) no-repeat top;
	}
	
div#blockValues {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/flowerTransBig-2.png) repeat-y top;
	margin: 0;
	padding: 0px 20px 20px 15px;
	 
	}

div#sideBarConVision {
	float: left;
	width: 165px;
	height: 600px;
	background-color: #ccc;
	padding:0px 15px 19px 15px;

	}


div#sideBarVision {
	float: left;
	width: 156px;
	font-size: .7em;
	padding: 0px 0 0 7px;
	
	}


div#blockImagesBottom {
	float: left;
	margin: 0;
	height: 30px;
	width:670px;
	padding: 0;
	background: #ccc url(images/imageBannersOne.gif) no-repeat top;
	}
/*====== END main content collective END======*/



/*====== main content healing arts======*/



div#mainContainerHeal {
	float: left;
	margin: 0;
	width: 670px;
	padding: 25px 15px 15px 15px;
	background-color: #7383a1;
	
	}
	
div#blockWelcomeHeal {
	float: left;
	margin: 0;
	height: 150px;
	width:640px;
	padding: 0 15px 0 15px;
	background-color: #ccc;
	}
	
		
div#blockImagesTopHeal {
	float: left;
	margin: 0;
	height: 70px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersFive.gif) no-repeat top;
}
	
div#columnOneHeal {
	float: left;
	margin: 0;
	height: 180px;
	width:202px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background-color: #ccc;
	}
	
	

 div#columnTwoHeal {
	float: left;
	margin: 0;
	height:180px;
	width:203px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background-color: #ccc;
	border-left: #ab66b7 solid 1px;
	 }
  

div#columnThreeHeal {
	float: left;
	margin: 0;
	height: 180px;
	width:203px;
	font-size: .8em;
	padding: 0 10px 0 10px;
	background-color: #ccc;
	border-left: #ab66b7 solid 1px;
	}


.smallFont {
	font-size:10px;
	}
	
div#blockBasicServices {
	float:left;
	width: 411px;
	font-size: 1.1em;
	color: #303;
	background: #CCC url(images/flowerTransBig-2.png) repeat-y top;
	margin: 0;
	padding: 0px 20px 26px 15px;
	 
	}

div#sideBarConHeal {
	float: left;
	width: 224px;
	margin: 0;
	background-color: #ccc;
	padding:0px 0px 3px 0;

	}


div#sideBarAddServ {
	float: left;
	width: 205px;
	font-size: .9em;
	padding: 0px 0 0 10px;
	
	}
	
div#blockImagesBottomHeal {
	float: left;
	margin: 0;
	height: 30px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersFive.gif) no-repeat top;
}	
	
div#valuesHeal {
	float:left;
	width:300px;
	height: 280px;
	font-size: .8em;
	color: #303;
	background-color: #CCC;
	margin: 0;
	padding: 0px 20px 20px 15px;
	 
	}

div#feedbackHeal {
	float: left;
	width: 300px;
	height: 280px;
	font-size: .8em;
	background-color: #ccc;
	padding: 0px 20px 20px 15px;

	}




/*====== END main content healing arts END======*/


/*====== main content practitioner======*/
	
	div#mainPracJoao {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC  url(images/joaocap.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
	

div#mainPracSandra {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/sandraBack.png)no-repeat top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}


div#mainPracKathy {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/kathyBack.png) no-repeat top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}


div#mainPracJac {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/meditationTran.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}

div#mainPracDiane {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/meditationTran.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
	div#mainPracCatie {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/meditationTran.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}


div#mainPracLydia {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/yogaPromTrans.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}



div#mainPracKeita {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/yogaPromTrans.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}


div#mainPracAnn {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/taiChiTrans.png) repeat-y top left;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}




div#mainPracLea {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/leaTrans.png) no-repeat top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}

div#mainPrac {
	float:left;
	width: 430px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/massageTrans.png) no-repeat top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	
div#mainContainerPrac {
	float: left;
	margin: 0;
	padding: 25px 15px 15px 25px;
	background-color: #7383a1;
	
	}	

	
		
div#sideBarPrac {
	float: left;
	width: 150px;
	font-size: .7em;
	padding: 0px 7px 0 25px;
	
	}
.pinkLrg {
	color:#ab66b7;
	font-size:18px;
	}	
	
/*====== END main content practitioner END======*/

/*====== main offering======*/


div#mainContainerOffer {
	float: left;
	margin: 0;
	width: 670px;
	padding: 25px 15px 15px 15px;
	background-color: #7383a1;
	
	}
	


	
div#blockWelcomeOffer {
	float: left;
	margin: 0;
	width:640px;
	padding: 10px 15px 0 15px;
	background-color: #ccc;
	}
	
	
	div#blockImagesTopOff {
	float: left;
	margin: 0;
	height: 70px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersFour.png) no-repeat top;
}

div#columnOneOffer {
	float: left;
	margin: 0;
	height:400px;
	width:330px;
	padding: 0 10px 0 20px;
	font-size: .8em;
	background-color: #ccc;
	}
	
	.small{
		font-size:10px;
		font-weight: bold;
		}
	div#columnOneOffer li a:link, 	div#columnOneOffer li a:visited {
		font-size: 11px;
		line-height: 1.5em;
		text-decoration:none;
		color:#639;
		}
		
		
	div#columnOneOffer li a:hover, 	div#columnOneOffer li a:active {
		font-size: 11px;
		line-height: 1.5em;
		text-decoration:none;
		color:#C03;
		}
	div#columnTwoOffer li a:link, 	div#columnOneOffer li a:visited {
		font-size: 11px;
		line-height: 1.5em;
		text-decoration:none;
		color:#639;
		}
		
		
	div#columnTwoOffer li a:hover, 	div#columnOneOffer li a:active {
		font-size: 11px;
		line-height: 1.5em;
		text-decoration:none;
		color:#C03;
		}

 div#columnTwoOffer {
	float: left;
	margin: 0;
	height:400px;
	width:290px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background-color: #ccc;

	 }
  

div#columnThreeOffer {
	float: left;
	margin:0;
	height:270px;
	width:204px;
	font-size: .8em;
	padding: 0 10px 0 10px;
	background-color: #ccc;

	}


	
/*======END main offering END======*/


/*====== main membership ======*/

	div#blockImagesTopMember {
	float: left;
	margin: 0;
	height: 70px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersThree.png) no-repeat top;
	}
	
div#blockWelcomeMember {
	float: left;
	margin: 0;
	width:640px;
	padding: 0 15px 0 15px;
	background-color: #ccc;
	}

div#columnOneMember {
	float: left;
	margin: 0;
	height:700px;
	width:170px;
	padding: 0 10px 0 10px;
	font-size: 16pt;
	background-color: #ccc;
	}
	
	

 div#columnTwoMember {
	float: left;
	margin: 0;
	height:700px;
	width:300px;
	padding: 0 10px 0 10px;
	font-size: .8em;
	background-color: #ccc;

	 }
  

div#columnThreeMember {
	float: left;
	margin:0;
	height:700px;
	width:140px;
	font-size: .8em;
	padding: 0 10px 0 10px;
	background-color: #ccc;

	}
	
	
	
	div#blockImagesBottomMember {
	float: left;
	margin: 0;
	height: 30px;
	width:670px;
	padding: 0;
	align: top;
	background: #CCC url(images/imageBannersThree.png) no-repeat top;
	}
	
/*======END main membership END======*/





/*======main contact======*/

	
div#mainContainerContact {
	float: left;
	margin: 0;
	width: 670px;

	padding: 25px 15px 15px 15px;
	background-color: #7383a1;
	
	}

div#mainContact {
	float:left;
	width: 440px;
	font-size: .8em;
	color: #303;
	background: #CCC url(images/flowerTransBig-2.png) repeat-y top;
	margin: 0;
	padding: 0px 40px 0 7px;
	 
	}
	

div#sideBarConContact {
	float: left;
	width: 145px;

	background-color: #7383a1;
	padding:0 15px 15px 15px;
	margin: 0;

	}





/*======END main contact END======*/


		
	
	

/*====== footer ======*/



div#footer {
	clear: both;
	background-color: #CCC;
	margin: 0 auto;
	padding: 0;
	width:700px;
	
	}
	
#footer p  {

	font-size: .8em;
	color: #303;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	clear: both;
	width: 700px;
	
	
	}
	
#footer a:link, a:visited {
	text-decoration: none;
	color: #C6C;
	}
	
#footer a:hover, a:active {
	text-decoration: none;
	color: #66C;
	}
	
#footer .lmLink a:link, a:visited {
	color: #303;
	}
	
#footer .lmLink a:hover, a:active {
	color: #66C;
	}

/*====== END footer END======*/