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

body {	margin:0;
		padding:0;
		background-color: #339999;
		font-family:Arial, Helvetica, sans-serif;}
		
/* Navigation Structure*/
ul.navl,
.navl ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.navl{
	margin-top:10px;
	*margin-top:11px;
	display: table;
	float:right;
}



ul.navl>li{
	display: table-cell;
	position: relative;
	padding:5px 6px; 
	*float:left;
}

/*padding:2px 16px;*/

ul.navl li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 50ex;
	margin-left: -6px;
	margin-top: 5px;
	width:inherit;
	*width:100%
}

ul.navl li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	position:absolute;
	*top: 1.45em;
  	*left: .39em;
	
}

li > ul {
	top: auto;
	left: auto;
	}


.navl ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 8px 4px;
}

ul.navl{
	display: table;
/*Just add the following properties and values*/
	table-layout: fixed;
}

/*** Menu colors (customizable) ***/

.navl ul a,
.navl ul li a{
background-color:#ffcc33;
	color:white;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;


	
}

ul.navl a {
	color:white;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;}

ul.navl li:hover
.navl ul li a:hover{
	background-color: #cc0000;
	color: #white;

}

	
ul.navl li:active,
.navl ul li a:active{
	background-color: #ffcc33;
	color: #fff;
}

ul.navl,
.navl ul{
	border: none;
	background-color:#ffcc33;
}

.navl a{
	text-decoration: none;
	color:white;
	
}


/*Div Selector Styles*/
.floatspace	{clear:both;height:1px;}

.wrapper {width:1050px;}

.left {width:150px;
		height:100%;
		float:left;
		margin:auto;}
		
.header {width:848px;
		height:160px;
		float:left;
		background-color:#ffffff;
		border-color:#FFCC00;
		border-width:2px;
		border-style:solid;
		border-bottom:none;
		background-image:url(images/header.gif);
		background-repeat:no-repeat;
		background-position:center;}
		
.nav {width:1000px;
	height:50px;
	float:left;
	position:absolute; left:0; top:150px;
	background-image:url(images/nav_bg.png);
	background-repeat:repeat-x;
	z-index: 10000}
	
.nav p {float:right;
		*margin-top:15px;}	
	
.nav a {padding:15px;
		font-weight:bold;
		font-size:small;
		color:#333;
		}	

.nav a:link {
	color:#666;
	text-decoration: none;}
	
.nav a:visited {
	color:#666;
	text-decoration: none;}
	
.nav a:focus {
	color:#ffffff;
	text-decoration:none;}
	
.nav a:hover {
	color:#ffffff;
	text-decoration: none;}
	
.nav a:active {
	color:#333333;
	text-decoration: none;}	
	
.site {width:848px;
		height:100%;
		margin:0;
		float:left;
		background-color:#ffffff;
		border-color:#FFCC00;
		border-width:2px;
		border-style:solid;
		border-top:none;}
	

.copy {padding-left:10px;
		padding-right:20px;
		font-size:12px;
		line-height:16px;
		margin-top:40px;}
				
		
a:link {
	color:#006666;
	text-decoration: underline;}
	
a:visited {
	color:#006666;
	text-decoration: underline;}
	
a:focus {
	color:#333333;
	text-decoration: underline;}
	
a:hover {
	color:#333333;
	text-decoration: underline;}
	
a:active {
	color:#333333;
	text-decoration: underline;}
		
		
.article {width:280px;
		height: 100%;
		float:left;
		padding-left:15px;
		text-align:left;}

.article a {font-family:Georgia, Times New Roman, Times, serif;
			font-size:14px;
			color:#339999;}
			
.article h3 {text-align:center;}		
		
.column {float:right;
		width:180px;
		padding:10px;
		padding-right:0px;
		padding-top: 0px;
		border-left-color:#CCCCCC;
		border-left-style:solid;
		border-left-width:1px;
		text-align:center;}	
					

.footer {font-size:x-small;
		clear:both;
		text-align:center;
		border-top-width:1px;
		border-top-color:#FFCC00;
		border-top-style:solid;
		padding-bottom:10px;}
		
.footer a {padding:3px;
		font-size:x-small;}	

.footer a:link {
	color:#006666;
	text-decoration: underline;}
	
.footer a:visited {
	color:#006666;
	text-decoration:underline;}
	
.footer a:focus {
	color:#000066;
	text-decoration:underline;}
	
.footer a:hover {
	color:#000066;
	text-decoration:underline;}
	
.footer a:active {
	color:#006666;
	text-decoration:underline;}			

/*HTML Tag Styles*/

h1 {text-align:center;
	color:#CC0000;
	clear:left;}

h2 {margin:2.2em 1em 1em;
	font-size:1.5em;
	color:#006666;
	letter-spacing:.05em;
	clear:left;
	line-height:2em;}
	
h3 {font-size:14px;
	color:#000066;
	clear:left;
	
	}	
	
h4 {font-size:12px;
	color:#CC0000;
	clear:left;}
	
.column a {color:#000033;}	
	
p {	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size: 12px;}	
	
#indexClasses p {font-family:Arial, Helvetica, sans-serif;}
		
form {width:500px;
	margin-left:50px;}
	
.email {margin:0;
		 width:150px; 
		 text-align:left; 
		 border: 0px; 
		 background: #ffffff;}
	
.email form{margin:0px;
		padding-bottom:5px;}
						

fieldset {border:none;}	

blockquote {border-color:#FFCC00;
			border-width:1px;
			border-style:solid;
			border-top:none;
			border-bottom:none;
			padding:10px;}		
			
ol {list-position:inside;
	padding-right:10px;
	text-align:left;}
	
.column ul li {padding-bottom:5px;
	margin-left:-30px;}

.column ul {list-style:none;
	list-style-position:outside;}	
	
.copy ul {font-size: 13px;
		line-height:20px;}
	
/*ID selector Styles	*/		

#classy {color:#006666;}
			
#moto {text-align:center;}	

#col1 {clear:left;
		width:240px;
		float:left;
		padding-right:10px;}
		
#col2 	{width:240px;
		float:left;
		padding-right:10px;
		padding-left:10px;
		}
		
#col3 {width:240px;
		float:left;}			

/*Left Class Image Replacement*/

#tree span, #light span, #leaves span, #footprint span, #man span {display:none;}
#tree, #light, #leaves, #footprint, #man	{background-repeat:no-repeat; background-position:center; height:150px;	width:150px;}
#tree 		{margin-top: 30px; background-image:url(images/tree.jpg); }
#light 		{margin-top:-20px; background-image:url(images/light.jpg);}
#leaves 	{margin-top:-30px; background-image:url(images/leaves.jpg);}
#footprint	{margin-top:-30px; background-image:url(images/footprints.jpg);}
#man 		{margin-top:-30px; background-image:url(images/man.jpg);}

/*H1 Headers Image Replacement*/

#contact {background-image:url(images/contact_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#contact span, #news span, #path span, #step span, #reflex span, #more span, #test span, #classes span {display:none;}

#news {background-image:url(images/news_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
#path {background-image:url(images/path_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
#step {background-image:url(images/step_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
#reflex {background-image:url(images/reflex_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:400px;}
#test{background-image:url(images/test_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:400px;}
#more{background-image:url(images/more_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:400px;}
#classes{background-image:url(images/classes_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
#info{background-image:url(images/info_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#info span {display:none;}

#live{background-image:url(images/live_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#live span {display:none;}

#manifest{background-image:url(images/manifest_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#manifest span {display:none;}

#corporate{background-image:url(images/corporate_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#corporate span {display:none;}

#family {background-image:url(images/family_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:400px;}
		
#family span {display:none;}

#labyrinth {background-image:url(images/labyrinth_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#labyrinth span {display:none;}

#road {background-image:url(images/road_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#road span {display:none;}

#invite{background-image:url(images/invited_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:400px;}
		
#invite span {display:none;}

#index{background-image:url(images/index_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#index span {display:none;}

#top{background-image:url(images/friends_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:300px;}
		
#top span {display:none;}

#design{background-image:url(images/design_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#design span {display:none;}

#awaken{background-image:url(images/awaken_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#awaken span {display:none;}

#pittsburgh{background-image:url(images/pittsburgh_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#pittsburgh span {display:none;}
#miracle{background-image:url(images/miracle_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#miracle span {display:none;}

#chakra{background-image:url(images/chakra_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#chakra span {display:none;}

#cleansing{background-image:url(images/cleansing_h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#cleansing span {display:none;}

#silver {background-image:url(images/shamanic-h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#silver span {display:none;}
#certify {background-image:url(images/reflexology-certification-h1.gif);
		background-repeat:no-repeat;
		background-position:left;
		height:60px;
		width:500px;}
		
#certify span {display:none;}
#genius {background-image:url(images/genius_h1.gif);
		background-repeat:no-repeat;
		background-position: center;
		height:60px;}
		
#genius span {display:none;}

#store {background-image:url(images/store_h1.gif);
		background-repeat:no-repeat;
		background-position: left;
		height:60px;}
		
#store span {display:none;}