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


html {
	min-height: 100%;
	height:100%;
	height:auto;
}


body {
	background-image: url(graphics/bg-tile.jpg);
	background-repeat:repeat;
	margin:0 0 15px 0;
	padding:0;
	min-height: 100%;
	height:100%;
	height:auto;
 
}

#container {
	margin:0;
	padding:0;
	width:967px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:repeat-y;
	min-height: 100%;
	height:100%;
	height:auto;
	
}
.bg {
	width:967px;
	background-image:url(graphics/container-bg2.png);
	background-repeat:repeat-y;
	position:relative;
	overflow: hidden;
}

#header {
	width:967px;
	height:161px;
	position:relative;
	background-image:url(graphics/header.png);
	clear:both;
}

#header a{
	width:967px;
	height:161px;
	display:block;
}

#contentBox {
	width:745px;
	position:relative;
	z-index:0;
	float:right;
	margin-right:13px;
	background-color:#b7a985;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-height: 100%;
	height:100%;
	height:auto;
}	

#odetteHomepage {
	width:742px;
	height:474px;
	background-image:url(graphics/odette-homepage.jpg);
	position:relative;
	
}

#homepageContent {
	width:695px;
	min-height: 100%;
	height:100%;
	height:auto;
	margin-right:10px;
	padding:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EDEDED;
	line-height: 20px;
}

#homepageContent a {
	color: #117886;
}
#homepageContent a:visited {
	color: #117886;
}

#content {
	margin-right:10px;
	padding:10px 20px 10px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442606;
	background:url(graphics/content-bg.gif) repeat-y;
	min-height: 100%;
	height:100%;
	height:auto;
	width:695px;
}


#content-lilac {
	margin-right:10px;
	padding:10px 20px 10px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442606;
	background:url(graphics/content-bg-lilac.gif) repeat-y;
	min-height: 100%;
	height:100%;
	height:auto;
	width:695px;
}

#content-warmgray {
	margin-right:10px;
	padding:10px 20px 10px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442606;
	background:url(graphics/content-bg-warmgray.gif) repeat-y;
	min-height: 100%;
	height:100%;
	height:auto;
	width:695px;
}

#content-lightgreen {
	margin-right:10px;
	padding:10px 20px 10px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#442606;
	background:url(graphics/content-bg-lightgreen.gif) repeat-y;
	min-height: 100%;
	height:100%;
	height:auto;
	width:695px;
}

#content a {
	color:#117886;
}

#content-lilac a {
	color:#117886;
}

#content-warmgray a {
	color:#117886;
}

#content-lightgreen a {
	color:#117886;
}

#signupBox {
	width:205px;
	min-height:100%;
	position:relative;
	margin:0; padding:0;
	display:block;
}

#coachingBox {
	width:205px;
	height:95px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	background-image:url(graphics/signup-coaching_call.png);
	background-position:no-repeat;
}

#bottomBox {
	width:966px;
	height:400px;
	background:url(graphics/bottomBox-bg.png) no-repeat top;
	position:relative;
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
}

#footer {
	width:927px;
	height:24px;
	position:relative;
	background-image:url(graphics/footer-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
	margin:0;
	padding:20px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
	text-decoration:none;
	padding:10px;
}

#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#UnderFooter {
	width:925px;
	height:24px;
	position:relative;
	clear:left;
	float:left;
	margin:0;
	padding:5px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}





#home navHome li.homex a {
	background-position: 0 -32px;
}


.signUp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#117886;
}
.signUpSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#117886;
}
.signUpSmaller {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#117886;
}
.bottomBoxText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2A1701;
}

#helloBox {
	height:390px;
	width:188px;
	float:right;
	position:absolute;
	margin: 0px;
	z-index: 10;
	background: url(graphics/hellobox.png) no-repeat top left;
	top:25px;
	right: 25px;
	padding: 35px 10px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EDEDED;
	display:inline;
}

#helloBox a {
	text-decoration:underline;
	color:#03707f;
}


#bottomBox1 {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox-reality.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	top:5px;
	left:22px;
	margin-left:5px;
	padding-top:280px;
	display:block;
}

#bottomBox2 {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox-joy.jpg);	
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	top:5px;
	left:29px;
	padding-top:280px;
}
	
#bottomBox3 {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox-realization.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	top:5px;
	left:36px;
	display:block;
	padding-top:280px;
}


#bottomBox1-about {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox1-about.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	top:5px;
	left:22px;
	margin-left:5px;
	padding-top:280px;
	display:block;
}

#bottomBox2-about {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox2-about.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	top:5px;
	left:29px;
	padding-top:280px;
}
	
#bottomBox3-about {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox3-about.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	right:25px;
	float:right;
	display:block;
	padding-top:280px;
}


#bottomBox1-heartvsmind {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox1-heartvsmind.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	top:5px;
	left:22px;
	margin-left:5px;
	padding-top:280px;
	display:block;
}

#bottomBox2-heartvsmind {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox2-heartvsmind.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	top:5px;
	left:29px;
	padding-top:280px;
}
	
#bottomBox3-heartvsmind {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox3-heartvsmind.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	right:25px;
	float:right;
	display:block;
	padding-top:280px;
}
	
#bottomBox1-meet {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox1-meet2.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	top:5px;
	left:22px;
	margin-left:5px;
	padding-top:280px;
	display:block;
}

#bottomBox2-meet {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox2-meet.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	top:5px;
	left:29px;
	padding-top:280px;
}
	
#bottomBox3-meet {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox3-meet.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	right:25px;
	float:right;
	display:block;
	padding-top:280px;
}


#bottomBox1-services {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox1-services.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	top:5px;
	left:22px;
	margin-left:5px;
	padding-top:280px;
	display:block;
}

#bottomBox2-services {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox2-services.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	top:5px;
	left:29px;
	padding-top:280px;
}
	
#bottomBox3-services {
	width:300px;
	text-align:center;
	background-image:url(graphics/bottombox3-services.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:5px;
	right:25px;
	float:right;
	display:block;
	padding-top:280px;
}	


.servicesBox {
	width:680px;
	height:233px;
	position:relative;
	background-image:url(graphics/services-box-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:1px 0 0 0;
	margin:0;
	border:solid;
	border-width:1px;
	border-color:#5f3000;
}

.servicesImageBox {
	width:140px;
	float:right;
	position:relative;
	top:10px;
	right:10px;
	text-align:center;
}

.blueColor {
	color:#03707f;
}

.blueColorBig {
	font-size:12px;
	color:#03707f;
}

.blueHR {
	color:#03707f;
	border: none 0;
	border-top:1px;
	border-style:dotted;
	height: 1px;	
}

.largeText {
	font-size:18px;
	
}

.smallText {
	font-size:12px;
	
}


/* navbar */


.navBG {
	background-image: url(graphics/nav-bg.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	width:205px;
	position:relative;
}


#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:205px;
	position:relative;
	display: block;
	height: 32px;
	
}

#nav ul li {
	float: left;
	margin: 0; padding: 10px 0;
}

#nav ul li:hover {
	position:relative;
}

#nav a {
	color:#68471d;
	text-decoration:none;
}
#nav a:hover {
	color:#03707f;
	text-decoration:underline;
}

#navHome {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-home-set.png);
}
#navHome a {
	width: 205px;
	height: 32px;
	display:block;
} 
#navHome:hover {
	background-position: 0 -32px;
}


#navAbout {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-about_coaching-set.png);
}
#navAbout a {
	width: 205px;
	height: 32px;
	display:block;
}

#navAbout:hover {
	background-position: 0 -32px;
}

#navHeart {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-heart_vs_mind-set.png);
}
#navHeart a{
	width: 205px;
	height: 32px;
	display:block;
}
#navHeart:hover {
	background-position: 0 -32px;
}


#navMeet {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-meet_odette-set.png);
}
#navMeet a{
	width: 205px;
	height: 32px;
	display:block;
}
#navMeet:hover {
	background-position: 0 -32px;
}


#navServices {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-services-set.png);
}
#navServices a{
	width: 205px;
	height: 32px;
	display:block;
}
#navServices:hover {
	background-position: 0 -32px;
}


#navContact {
	width: 205px;
	height: 32px;
	background-image: url(graphics/nav-contact-set.png);
}

#navContact a{
	width: 205px;
	height: 32px;
	display:block;
}
#navContact:hover {
	background-position: 0 -32px;
}

#nav ul ul {
display:none;
position:absolute;
left:205px;
top:15px;
text-align:left;
padding-left:15px;
border:#e5dfd7 solid;
border-width:1px;
background-color:#e5e9ec;
width:135px;
height:160px;

}

#nav ul li:hover ul {
	display:block;
}

#nav ul ul li {
	width:125px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#68471d;
	border:none;
	
}

#nav ul li:hover ul{
	color:#03707f;
}


#nav ul li hr {
	color:#8a6d4c;
	border: none 0;
	border-top:1px;
	border-style:dotted;
	height: 1px;
}