/*

Version 2.0

21 August, 2007

*/



/* -- undo browser HTML defaults -- */

html{color:#000000;background:#ffffff;font-size:100%;}

body{font-size:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}



/* to preserve line-height and selector appearance */

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*to enable resizing for IE*/

input,textarea,select{*font-size:100%;}



/*because legend doesn't inherit in IE */

legend{color:#000;}



.center { text-align: center; margin: auto;}





/* BEGIN BASIC HTML TAGS */



html {}

body {

	font-family: Helvetica, Arial;

	padding: 0px;

}



/* main body heading */

h1 {

	font: 1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

	margin-bottom: 15px;

}



/* main body sub heading */

h2 {

	font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

	font-weight: bold;

	margin-bottom: 8px;

}



/* tag line */

h3 {

	font: 1em Trebuchet MS, Helvetica, sans-serif;

	font-weight: bold;

}



/* sub content heading */

h4 {

	font: 1.8em "Bauhaus LT", serif;

	font-weight: normal;

	margin-bottom: 10px;

}



p {margin-bottom: 10px;}



ul, ol {margin-bottom: 15px;}



ul li {

	margin-left: 15px;

	list-style: disc;

}



ol li {

	margin-left: 15px;

	list-style: decimal;

}



a,

a:link,

a:hover {text-decoration: underline;}





/* BEGIN CONTAINER */
#audio {
	float: right; z-index: 999; text-align: right; margin: 0; padding: 1px 259px 0 0;	
		}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
#audio {float: right; z-index: 999; text-align: right; margin: 0; padding: 1px 256px 0 0;}
	}

#wrapper_top {

	margin: 0 auto;

	width: 820px;

	background: url(../images/fill.gif) top center repeat;

}
#wrapper_bottom {
	background: url(../images/bottom.gif) bottom center no-repeat;
	padding-bottom: 65px;
}
#container {}


#topframe {

	padding: 10px 0px 0px 0px;

	position:relative;

}

#topframe #masthead { 
	background: transparent url(../images/masthead.jpg) top center no-repeat;
	height: 120px;
	width: 745px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	padding: 0;
	border: none;

}
#topframe .promo #flashcontent { float: right; z-index: 10; text-align: right; margin: 0; padding: 0;}

.promo #flashcontent { float: right; z-index: 10; text-align: right; margin: 0; padding: 0 45px 0 0;}


/* BEGIN HEADER */



#header {

	padding: 10px 5px 0px 5px;

	position:relative;

	background: url(../images/top.gif) top center no-repeat;

}

#header #masthead { 

	height: 120px;
	width: 745px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	padding: 0;
	border: none;

}

#header .logo {

	float: left;
	margin-left: 19px;
	margin-top: 5px;
	display: inline; /* IE/Win double margin fix */

}



#header .utility-nav {display: none;}



/* tagline text info */
#nav {
		clear: both;
		height: 52px;
		background: url(../images/nav_off.gif) top left no-repeat;
		position: relative;
		margin: 0;
		margin-left: 5px;
		padding: 0;
		text-transform: lowercase;
		font-family: "Bauhaus LT", serif;
	}
		
		#nav li {
			position: absolute;
			display: block;
			height: 41px;
			margin: 0;
			padding: 0;
		}
		
		#nav li a {
			display: block;
			height: 41px;
			text-decoration: none;
		}
		
/*CONTROLS THE IMAGES FOR THE NAV BAR */


		#nav li.li1 { left: 299px; width: 85px; }
		#nav li.li2 { left: 384px; width: 103px; }
		#nav li.li3 { left: 487px; width: 82px; }
		#nav li.li4 { left: 569px; width: 123px; }
		#nav li.li5 { left: 692px; width: 108px; }


		
		#nav li.li1 a.selected { background: url(../images/nav_sel.gif) -299px 0px no-repeat; }
		#nav li.li2 a.selected { background: url(../images/nav_sel.gif) -384px 0px no-repeat; }
		#nav li.li3 a.selected { background: url(../images/nav_sel.gif) -487px 0px no-repeat; }
		#nav li.li4 a.selected { background: url(../images/nav_sel.gif) -569px 0px no-repeat; }
		#nav li.li5 a.selected { background: url(../images/nav_sel.gif) -692px 0px no-repeat; }


		#nav li.li1 a:hover { background: url(../images/nav_on.gif) -299px 0px no-repeat; }
		#nav li.li2 a:hover { background: url(../images/nav_on.gif) -384px 0px no-repeat; }
		#nav li.li3 a:hover { background: url(../images/nav_on.gif) -487px 0px no-repeat; }
		#nav li.li4 a:hover { background: url(../images/nav_on.gif) -569px 0px no-repeat; }
		#nav li.li5 a:hover { background: url(../images/nav_on.gif) -692px 0px no-repeat; }
/*END NAV BAR IMAGE CONTROLS */

/*START DROP DOWN MENU IMAGE CONTROLS */		
		#nav li a span { display: none; }
		
		#nav li ul {
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 120px;
			background-color: #f3e4cd;
			background: url(../images/dd_bgrnd.gif) left bottom no-repeat;
			display: none;
			padding-bottom: 5px;
		}
		/* image driven dropdown backgrounds */
		#nav li ul.about{
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
			background-color: transparent;
			background: url(../images/about_dd.jpg) left top no-repeat;
			display: none;
			padding-bottom: 5px;
		}
		
		/* image based drop down HOVER states */
			/* ABOUT DD */
		  #nav li ul.about li.abt_carl:hover, #nav li ul.about li.abt_carl.selected {
			background: url(../images/about_dd_hover.jpg) left 0 no-repeat;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
		  }
		  #nav li ul.about li.abt_yoga:hover, #nav li ul.about li.abt_yoga.selected {
			background: url(../images/about_dd_hover.jpg) left -29px no-repeat;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
		  }
		  
		#nav li ul.practice {
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
			background-color: transparent;
			background: url(../images/practice_dd.jpg) left top no-repeat;
			display: none;
			padding-bottom: 5px;
		}
			/* PRACTICE DD */
			#nav li ul.practice li.privates:hover, #nav li ul.practice li.privates.selected {
			  background: url(../images/practice_dd_hover.jpg) left top no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.practice li.events:hover, #nav li ul.practice li.events.selected {
			  background: url(../images/practice_dd_hover.jpg) left -29px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.practice li.payments:hover, #nav li ul.practice li.payments.selected {
			  background: url(../images/practice_dd_hover.jpg) left -58px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			
		#nav li ul.bigmind{
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
			background-color: transparent;
			background: url(../images/bigmind_dd.jpg) left top no-repeat;
			display: none;
			padding-bottom: 5px;
		}
			/* BIG MIND DD */
			#nav li ul.bigmind li.genpo:hover, #nav li ul.bigmind li.genpo.selected {
			  background: url(../images/bigmind_dd_hover.jpg) left top no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.bigmind li.big-mind:hover, #nav li ul.bigmind li.big-mind.selected {
			  background: url(../images/bigmind_dd_hover.jpg) left -29px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.bigmind li.groups:hover, #nav li ul.bigmind li.groups.selected {
			  background: url(../images/bigmind_dd_hover.jpg) left -58px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			
		#nav li ul.explore{
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
			width: 123px;
			background-color: transparent;
			background: url(../images/explore_dd.jpg) left top no-repeat;
			display: none;
			padding-bottom: 5px;
		}
			/* EXPLORE DD */
			#nav li ul.explore li.video:hover, #nav li ul.explore li.video.selected {
			  background: url(../images/explore_dd_hover.jpg) left top no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.explore li.photos:hover, #nav li ul.explore li.photos.selected {
			  background: url(../images/explore_dd_hover.jpg) left -29px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.explore li.inspiration:hover, #nav li ul.explore li.inspiration.selected {
			  background: url(../images/explore_dd_hover.jpg) left -58px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.explore li.downloads:hover, #nav li ul.explore li.downloads.selected {
			  background: url(../images/explore_dd_hover.jpg) left -87px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
			#nav li ul.explore li.links:hover, #nav li ul.explore li.links.selected {
			  background: url(../images/explore_dd_hover.jpg) left -115px no-repeat;
			  top: 0;
			  left: 0;
			  margin: 0;
			  padding: 0;
			  width: 123px;
		  	}
/*END DROPDOWN NAV MENU IMAGE CONTROL */

		#nav li:hover ul, #nav li.over ul {
			display: block;
		}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul ul{ 
visibility:hidden;
margin-left: 5em;
margin-top: -2.5em;
background-color: transparent;
}

/* make the third level visible when you hover over second level list OR link */
#nav ul li:hover ul { visibility:visible;}
			#nav li ul li {
				display: block;
				height: 2.0em;
				line-height: 2.0em;
				position: relative;
				margin: 0;
				padding: 0;
				width: 122px;
				margin-left: 1px;
			}
			#nav li ul li.last {
				border: none;
			}
			#nav li ul li a {
				color: #333;
				display: block;
				height: 2.0em;
				padding-left: 10px;
			}
			
			#nav li ul li a.selected {
				background-image: none !important;
			}
			
			#nav li ul li a:hover {
				background-image: none !important;
				background-color: transparent !important;
				color: #0C54A4;/*#99F638;*/
				text-decoration: none;
			}


/* END HEADER */



/* BEGIN CONTENT CONTAINER */

#content_container {
	width: 800px;
	margin: 0px 10px;
}
#index #content_container {
min-height: 573px;
	background: transparent url(../images/man1.jpg) no-repeat scroll;
}

#vision #content_container {
min-height: 569px;
	background: transparent url(../images/man2.jpg) no-repeat scroll;
}
#services #content_container {
min-height: 315px;
	background: transparent url(../images/man3.jpg) no-repeat scroll;
}
#press #content_container {
min-height: 388px;
	background: transparent url(../images/man4.jpg) no-repeat scroll;
}
#links #content_container {
min-height: 549px;
	background: transparent url(../images/man5.jpg) no-repeat scroll;
}
#inspiration #content_container {
min-height: 549px;
	background: transparent url(../images/man5.jpg) no-repeat scroll;
}
#contact #content_container {
min-height: 597px;
	background: transparent url(../images/man6.jpg) no-repeat scroll;
}
/* BEGIN CONTENT */

#content {

	float: right;

	margin-right: 25px;

	width: 500px;

	font-size: .8em;
	display: inline; /* IE/Win double margin fix */

}


/* END CONTENT */

/* BEGIN SUB CONTENT 1 */
#sub_content_1 {
	margin-left: 30px;
	width: 200px;
	display: inline;
}

#sub_content_1 .nav {display: none;}

#sub_content_1 .content {
	overflow: hidden;
	font-size: .8em;
}

/* END SUB CONTENT 1 */



/* BEGIN SUB CONTENT 2 */

#sub_content_2 {display: none;}

/* END SUB CONTENT 2 */




/* END CONTENT CONTAINER */



/* BEGIN FOOTER */

#footer {
	padding: 8px 5px 0px 5px;

}



#footer .promo {display: none;}



#footer #footer-nav li, #footer #footer-nav ul{

	display: inline;

}



#footer #footer-nav {

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	font: bold .65em Trebuchet MS, Helvetica, sans-serif;

}



#footer #footer-nav li li {

	display: none;

}



#footer #footer-nav a, #footer #footer-nav a:link {

	text-decoration: none;

}



#footer #footer-nav a:hover {

	text-decoration: underline;

}

#footer .content {

	padding-top:10px;

	text-align: center;

	font-size: .75em;

}

.emailbrain {
	text-align: right;
	margin: 0 auto;
	padding: 0;
	border: none;

	padding: 0px 40px 10px 0px;
	
}

/* END FOOTER */



/* BEGIN FLEX FOOTER */

#flex_footer {

	text-align: center;

	padding-top: 20px;

	font-size: .7em;

}

/* END FLEX FOOTER */



/* BEGIN UTILITY CLASSES */

.clear {

	clear:both;

	height:0PX;

	line-height:1px;

	font-size:1px; 

}



.floatleft {

	float:left;

	vertical-align:top;

}



.floatleft img {

	margin-right:15px; 

	margin-bottom: 15px;

}



.floatright {

	float:right;

	vertical-align:top;

}



.floatright img {

	margin-left:15px;

	margin-bottom: 15px;

	margin-top: 15px;

}



.intro .floatright img,

.intro .floatleft img {margin: 0;}

/* END UTILITY CLASSES */



/* BEGIN CLEARFIX */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {
	clear: both;
	display: inline-block;
}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}



.clearfix {display: block;}

/* End hide from IE-mac */



/* END CLEARFIX */



#optin {padding-top: 5px;}



#optin #name {width: 165px;}



#optin #email {width: 165px;}



#optin .button {margin-top: 10px;}
