@charset "utf-8";
/* CSS Document */
/* Author: Arvind Thyagarajan */
/* Copyright 2009 Alaya Coaching and Arvind Thyagarajan */


/* ---------------------------- */
/* GENERAL STYLES */
/* ---------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
HTML {
	width: 100%;
	height: 100%;
}
BODY {
	width: 100%;
	min-height: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Arial, Helvetica, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 100%;
	background: #d3d2d1;
	/* url(../images/page-bg.png) repeat-x top left */
}

A {
	cursor: pointer;
	text-decoration: none;
	color: #5297a5;
	border: none;
}
A:hover {
	text-decoration: underline;
}

IMG, A IMG {
	outline: none;
	vertical-align: middle;
	border: none;
}

.clearfix {
	float: none;
	clear: both;
}

/* ---------------------------- */
/* WRAPPER, LAYOUT DIVS */
/* ---------------------------- */

#wrapper {
	display: block;
	position: relative;
	top: 0px; left: 50%;
	width: 960px;
	height: 100%;
	margin: 0 -480px;
	font-size: 0.85em;
	line-height: 1.20em;
	z-index: 2;
}
/* IE6 FIX... whatever... */
* html #wrapper {
	height: 100%;
}

#content {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px;
	height: auto;
	min-height: 450px;
	background: transparent url(../images/content-bg.png) repeat-y 0 0;
}
* html #content {
	height: 450px;
	overflow: visible;
}

#banner {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px;
	height: 288px;
}

#main #banner { background: transparent url(../images/banner-sailboats.jpg) no-repeat 0 0; }
#resources #banner { background: transparent url(../images/banner-sailboats.jpg) no-repeat 0 0; }
#about #banner { background: transparent url(../images/banner-himal.jpg) no-repeat 0 0; }
#approach #banner { background: transparent url(../images/banner-lighthouse.jpg) no-repeat 0 0; }
#somaticzone #banner { background: transparent url(../images/banner-armspread.jpg) no-repeat 0 0; }
#individuals #banner { background: transparent url(../images/banner-individual.jpg) no-repeat 0 0; }
#lifecareer #banner { background: transparent url(../images/banner-caterpillar.jpg) no-repeat 0 0; }
#balance #banner { background: transparent url(../images/banner-edge.jpg) no-repeat 0 0; }
#attorneys #banner { background: transparent url(../images/banner-rockhouse.jpg) no-repeat 0 0; }
#foundations #banner { background: transparent url(../images/banner-somatic.jpg) no-repeat 0 0; }
#corporations #banner { background: transparent url(../images/banner-labyrinth.jpg) no-repeat 0 0; }

#content-box {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px;
	height: auto;
	min-height: 200px;
}
* html #content-box {
	height: 200px;
	overflow: visible;
}
#main #content-box { background: transparent url(../images/content-top-bg-sailboats.jpg) no-repeat 0 0; }
#resources #content-box { background: transparent url(../images/content-top-bg-sailboats.jpg) no-repeat 0 0; }
#about #content-box { background: transparent url(../images/content-top-bg-himal.jpg) no-repeat 0 0; }
#approach #content-box { background: transparent url(../images/content-top-bg-lighthouse.jpg) no-repeat 0 0; }
#somaticzone #content-box { background: transparent url(../images/content-top-bg-armspread.jpg) no-repeat 0 0; }
#individuals #content-box { background: transparent url(../images/content-top-bg-individual.jpg) no-repeat 0 0; }
#lifecareer #content-box { background: transparent url(../images/content-top-bg-caterpillar.jpg) no-repeat 0 0; }
#balance #content-box { background: transparent url(../images/content-top-bg-edge.jpg) no-repeat 0 0; }
#attorneys #content-box { background: transparent url(../images/content-top-bg-rockhouse.jpg) no-repeat 0 0; }
#foundations #content-box { background: transparent url(../images/content-top-bg-somatic.jpg) no-repeat 0 0; }
#corporations #content-box { background: transparent url(../images/content-top-bg-labyrinth.jpg) no-repeat 0 0; }

/*
#main #banner {
	background: none;
}

#main #content-box {
	background: none;
}
*/

#content-footer {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 960px;
	height: 270px;
	background: transparent url(../images/content-bottom-bg.png) no-repeat 0 0;
	font-size: 0.8em;
	color: #646464;
}

#content-footer A {
	color: #405869;
	text-decoration: none;
}
#content-footer A:hover {
	color: #416d8c;
	text-decoration: underline;
}

#footer-menu {
	display: block;
	position: relative;
	top: 35px; left: 270px;
	width: 670px;
	height: 30px;
	text-align: right;
	text-transform: uppercase;
}
#copy {
	display: block;
	position: relative;
	top: 10px; left: 0px;
	width: 970px;
	height: 160px;
	text-align: right;
	background: transparent url(../images/page-bottom-bg.png) no-repeat bottom center;
}

#copy SPAN {
	position: relative;
	right: 30px;
}

/*
#page-footer {
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: transparent url(../images/page-bottom-bg.png) no-repeat bottom center;
	z-index: 1;
}
*/

/* ---------------------------- */
/* MENU */
/* ---------------------------- */

#menudiv {
	display: block;
	position: relative;
	top: 66px; left: 10px;
	width: 940px;
	height: 160px;
	background: transparent url(../images/menu-bg.png) repeat-x 0 0;
}

/* reset default styles */
ul#menu, ul#menu ul {
	margin: 0; padding: 0;
}

ul#menu {
	margin-left: 270px;
}
/*
* html ul#menu { margin-left: 130px; }
*/

ul#menu li {
	list-style-type: none;
}

/* first level */
ul#menu li {
	float: left;
	width: auto;
	outline: none;
	margin-right: 40px;
}

ul#menu li A {
	display: block;
	height: 46px;
	margin: 0px;
	text-decoration: none;
	padding: 6px 0 0 26px;
	outline: none;
}

ul#menu li A SPAN {
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #101010 3px 3px 4px;
	color: #cee5e5;
}
ul#menu li A:hover SPAN, ul#menu li A.menu_open SPAN {
	text-shadow: #000000 3px 3px 4px;
	color: #ffffff !important;
}

ul#menu li A SPAN.selected {
	text-shadow: #000000 3px 3px 4px;
	color: #f0d886;
}
/*
#menu li#menu1 A { background: transparent url(../images/menu-item-1-about.png) no-repeat 20px 5px; }
#menu li#menu1 A:hover, #menu li#menu1 A.menu_open { background: transparent url(../images/menu-item-1-about-over.png) no-repeat 20px 5px; }
#menu li#menu2 A { margin-left: 0px; background: transparent url(../images/menu-item-2-programs.png) no-repeat 20px 5px; }
#menu li#menu2 A:hover, #menu li#menu2 A.menu_open { background: transparent url(../images/menu-item-2-programs-over.png) no-repeat 20px 5px; }
#menu li#menu3 A { margin-left: 20px; background: transparent url(../images/menu-item-3-attorney.png) no-repeat 20px 5px; }
#menu li#menu3 A:hover, #menu li#menu3 A.menu_open { background: transparent url(../images/menu-item-3-attorney-over.png) no-repeat 20px 5px; }
#menu li#menu4 { width: 150px; }
#menu li#menu4 A { width: 150px; margin-left: 20px; background: transparent url(../images/menu-item-4-life.png) no-repeat 20px 5px; }
#menu li#menu4 A:hover, #menu li#menu4 A.menu_open { background: transparent url(../images/menu-item-4-life-over.png) no-repeat 20px 5px; }
#menu li#menu5 A { width: 90px; margin-left: 40px; background: transparent url(../images/menu-item-5-somatic.png) no-repeat 20px 5px; }
#menu li#menu5 A:hover, #menu li#menu5 A.menu_open { background: transparent url(../images/menu-item-5-somatic-over.png) no-repeat 20px 5px; }
*/

/* second level */

ul#menu li ul {
	visibility: hidden;
	position: absolute;
	top: 46px;
	width: 165px;
	height: 140px;
	padding: 7px 0 0 0;
	background: transparent url(../images/submenu-bg.png) no-repeat 0 0;
}

ul#menu li ul li {
	float: none;
	display: inline;
}

ul#menu li ul li A {
	display: block;
	position: relative;
	top: 0px; left: 26px;
	width: 130px;
	height: auto !important;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ebbb06;
	text-shadow: #101010 3px 3px 4px;
	background: none !important;
	padding: 0px !important;
	margin: 0 0 10px 0;
}

ul#menu li ul li A:hover {
	color: #ffd740;
	text-shadow: #000000 3px 3px 4px;
}


/* ---------------------------- */
/* TITLES */
/* ---------------------------- */

#page-title {
	display: block;
	position: relative;
	top: 100px; left: 300px;
	width: 350px; height: 30px;
	padding: 2px 0 0 5px;
	z-index: 4;
}

#page-title H1 {
	color: #9ed8d3;
	font-size: 1.3em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	text-shadow: #040404 3px 3px 5px;
}

/*
#main #page-title { background: transparent url(../images/title-welcome.png) no-repeat 0 0; }
#about #page-title { background: transparent url(../images/title-about.png) no-repeat 0 0; }
*/

/* ---------------------------- */
/* LEFT COL */
/* ---------------------------- */

#left-col {
	display: block;
	position: absolute;
	top: 0px; left: 50%;
	width: 265px;
	height: 100%;
	margin: 0 -445px;
	background: transparent;
	z-index: 3;
}

#left-col-top {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: 245px;
	height: 492px;
	padding: 8px 0 0 20px;
	background: transparent url(../images/left-top-bg.png) no-repeat 0 0;
}

#left-col-top #events {
	display: block;
	position: relative;
	top: 165px; left: 10px;
	width: 190px;
	height: 165px;
}
#left-col-top #events A { color: #036; font-weight: bold; }
#left-col-top #events SPAN { color: #444; font-size: 0.9em; }

#left-col-mid {
	display: block;
	position: relative;
	top: -20px; left: 0px;
	width: 245px;
	height: auto;
	min-height: 400px;
	padding: 0 10px;
	background: transparent url(../images/left-bg.png) repeat-y 0 0;
}
#main #left-col-mid {
	top: -20px;
}

#left-col-mid #case-studies {
	display: block;
	position: relative;
	top: 10px; left: 10px;
	width: 245px;
	height: 50px;
	background: transparent url(../images/case-studies.png) no-repeat 0 0;
}
#left-col-mid #case-studies SPAN {
	display: block;
	position: relative;
	top: 17px; left: 33px;
	width: 200px;
	height: 30px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
#left-col-mid #case-studies SPAN A { color: #ffffff }

#left-col-mid #resource-center {
	display: block;
	position: relative;
	top: 10px; left: 10px;
	width: 245px;
	height: 150px;
	background: transparent url(../images/resource-center-large.png) no-repeat 0 0;
	margin: 20px 0 0 0;
}
/*
#left-col-mid #resource-center {
	height: 120px;
	background: transparent url(../images/resource-center.png) no-repeat 0 0;
}
*/

#left-col-mid #resource-center DIV {
	display: block;
	position: relative;
	top: 28px; left: 13px;
	width: 185px;
	height: 60px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}
#left-col-mid #resource-center DIV A {
	display: block;
	position: relative;
	color: #88511a;
	margin: 0 0 2px 0;
	padding: 0 0 0 20px;
	background: transparent url(../images/bullet.png) no-repeat 0 1px;
}
#left-col-mid #resource-center DIV A:hover {
	background: transparent url(../images/bullet-over.png) no-repeat 0 1px;
}

#left-col-mid #contact {
	display: block;
	position: relative;
	top: 0px; left: 10px;
	width: 245px;
	height: 80px;
	background: transparent url(../images/contact.png) no-repeat 0 0;
	margin: 20px 0 0 0;
}
#left-col-mid #contact DIV {
	display: block;
	position: relative;
	top: 8px; left: 33px;
	width: 170px;
	height: 60px;
	font-size: 11px;
	color: #88511a;
	font-weight: bold;
	line-height: 15px;
}
#left-col-mid #contact DIV STRONG {
	color: #222222;
	font-size: 13px;
}
#left-col-mid #contact DIV EM {
	color: #444444;
	font-size: 12px;
	font-weight: normal;
}
#left-col-mid #contact DIV A {
	color: #036;
}

#left-col-mid #twitter {
	display: block;
	position: relative;
	top: 10px; left: 10px;
	width: 245px;
	height: 50px;
}
#left-col-mid #twitter A { color:#036; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 0 0 5px 0; }

#left-col-bottom {
	display: block;
	position: relative;
	top: -20px; left: 0px;
	width: 265px;
	height: 40px;
	background: transparent url(../images/left-bottom-bg.png) no-repeat 0 0;
}
#main #left-col-bottom {
	top: -20px;
}


/* ---------------------------- */
/* MAILING LIST */
/* ---------------------------- */

#mailinglist {
	display: block;
	position: absolute;
	top: 35px; right: 13px;
	width: 350px; height: 40px;
	background: transparent url(../images/mailing-list.png) no-repeat 0 0;
	z-index: 5;
}

#about .content-area #mailinglist {
	position: relative !important;
	top: 10px;
	left: 0px;
}

#mailinglistbutton {
	display: block;
	position: absolute;
	top: 0px; right: 0px;
	width: 70px; height: 26px;
}

#mailinglistinput {
	display: block;
	position: relative;
	width: 162px; height: 20px;
	top: 3px; left: 84px;
	border: none; background: none;
	font-size: 11px;
}
.focussed {
	color: #e0e0e0;
}
.default {
	color: #bfbfbf;
}

#privacy {
	display: block;
	position: absolute;
	top: 7px; right: 77px;
	width: 22px; height: 15px;
}


/* ---------------------------- */
/* SEARCH */
/* ---------------------------- */

#searchdiv {
	display: block;
	position: absolute;
	top: 258px; right: 10px;
	width: 250px; height: 30px;
	background: transparent url(../images/search-bg.png) no-repeat 0 0;
	z-index: 5;
}

#searchinput {
	display: block;
	position: relative;
	width: 140px; height: 20px;
	top: 3px; left: 60px;
	border: none; background: none;
	font-size: 11px;
}

#searchbutton {
	display: block;
	position: absolute;
	top: 0px; right: 0px;
	width: 40px; height: 26px;
}


/* ---------------------------- */
/* SLIDE SHOW */
/* ---------------------------- */

.slideshow {
	display: block;
	position:relative;
	width: 630px; height: 200px;
	top: 15px;
	padding:6px 0 15px 6px;
	margin: 0 0 0 305px;
	background:url(../images/bg-slide-shadow.png) no-repeat 0 0;
}
#approach .slideshow {
	margin: 0 0 20px -10px;
}
.slideshow a img {
    border:none;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:200px;
	margin:0;
	overflow:hidden;
}
.slideshow .slides li.slide {
	visibility:hidden;
}
.slideshow .slides li A {
	display: block; position: relative; top: 0; left: 0;
	width: 618px; height: 173px;
	margin: 0 0 30px 0;
}
.slideshow .buttons {
	position:absolute;
	z-index:100;
	left:15px;
	bottom:8px;
	margin:0;
}
.slideshow .buttons li {
	float:left;
	display:inline;
	width:29px;
	height:29px;
	margin:0 3px 0 0;
	text-align:center;
	line-height:29px;
}
.slideshow .buttons li a {
	float:left;
	width:29px;
	background:url(../images/bg-slider2.png) no-repeat 0 0;
	height:29px;
	color:#fff;
	outline:0;
	cursor: pointer;
}
.slideshow ul.buttons li a:hover {
    text-decoration:none;
    background:url(../images/bg-slider3.png) no-repeat 0 0;
    color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
	background:url(../images/bg-slider1.png) no-repeat 0 0;
	color:#0a0a0a;
}

/* end: slideshow */


/* ---------------------------- */
/* CONTENT */
/* ---------------------------- */

.content-area {
	display: block;
	position:relative;
	width: 600px; min-height: 100px; height: auto;
	top: 0px;
	padding:15px 10px 13px 10px;
	margin: 0 0 0 305px;
	color: #c9c9c9;
	font-size: 0.9em;
}

#main .content-area {
	width: 630px; min-height: 200px;
	padding:6px 0 25px 6px;
}

#main #oneline.content-area {
	width: 590px; min-height: 40px; top: 5px;
	padding:5px 0 25px 10px;
	text-align: justify;
}
#main #oneline.content-area P {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", Times, serif;
	color: #d8c281;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.7em;
}

.cols {
	position: relative;
	width: 187px; min-height: 200px;
	float: left;
	margin: 15px 7px 0 5px;
	padding: 0 10px 0 0;
}

.cols.divider {
	background: url(../images/col-divider.png) right top no-repeat;
}

.content-area H2 { font-size: 1.4em; color: #d4d4d4}
.content-area H3 { font-size: 1.2em; }
.content-area A { color: #67b3d3; }
.content-area P {
	margin: 10px 0 0 0;
	font-size: 0.95em;
}
.content-area P .txtcolor { color: #d8c281; }

.content-area UL.list { margin: 10px 0 0 20px; }
.content-area UL.list LI { font-size: 0.95em; }

.content-area LI.indent { margin: 5px 0 0 25px; }

.secondary-nav {
	display: block;
	position: relative;
	top: 0; left: 0;
}
.secondary-nav ul li {
	display: block; position: relative;
	float: left;
	list-style-type: none;
}
.secondary-nav ul li A {
	display: block;
	position: relative;
	top: 0px; left: 0px;
	width: auto;
	height: 25px;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ebbb06;
}

.secondary-nav ul li A:hover {
	color: #ffd740;
	text-decoration: underline;
}

UL.tile {
	display: block;
	position: relative;
	width: auto; height: auto;
	min-height: 140px;
	padding-left: 160px;
	margin: 13px 0 7px 0;
}

UL#tile1 { background: url(../images/services-lifecareer.gif) no-repeat 0 0; }
UL#tile2 { background: url(../images/services-balance.gif) no-repeat 0 0; }
UL#tile3 { background: url(../images/services-attorneys.gif) no-repeat 0 0; }
UL#tile4 { background: url(../images/services-somatic.gif) no-repeat 0 0; }

UL.tile LI { list-style-type: none; padding: 6px 0 13px 0; }

UL.tile LI A {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
A UL.tile LI { color: #dfdfdf; font-size: 11px; }
A UL.tile H3 LI { color: #85bdda; font-size: 15px; padding-bottom: 5px; }
A:hover UL.tile H3 LI { text-decoration: underline; }

UL#tile1 LI A { color:#5ebf7c; }
UL#tile2 LI A { color:#aeb4ce; }
UL#tile3 LI A { color:#c9aa61; }
UL#tile4 LI A { color:#cdd576; }

.content-area HR {
	border: none;
	height: 1px;
	background-color: #25221c;
}