#navigation {
 width: 700px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #9f8ab4;
 display: inline;
 float: left;	
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 13px;  	
 text-transform: lowercase;
 background: #ffffff url('images/bg-nav-left.gif') no-repeat left top;
 display: inline;
 float: left;   
}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #ffffff url('images/bg-nav-right.gif') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #ffffff url('images/bg-nav-left.gif') no-repeat 0 -52px;}
#navigation a:hover span {background: #ffffff url('images/bg-nav-right.gif') no-repeat 100% -52px;}


/*Active State*/	
body.home #navigation #home,
body.about #navigation #about,
body.services #navigation #services,
body.testimonials #navigation #testimonials,
body.clients #navigation #clients,
body.coaching #navigation #coaching,
body.media #navigation #media {background: #ffffff url('images/bg-nav-left.gif') no-repeat 0 -104px;}

body.home #navigation #home span,
body.about #navigation #about span,
body.services #navigation #services span,
body.testimonials #navigation #testimonials span,
body.clients #navigation #clients span,
body.coaching #navigation #coaching span,
body.media #navigation #media span {background: #ffffff url('images/bg-nav-right.gif') no-repeat 100% -104px;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Two
--------------------------------------------------------------------------*/

#sub-navigation {
 width: 232px;
 padding-top: 20px;
 background: transparent url('images/bg-sub-top.gif') no-repeat 0 0;
 float: left;	  

}

#sub-navigation ul {
 padding-bottom: 20px;
 margin: 0;
 background: transparent url('images/bg-sub-bottom.gif') no-repeat 0 100%;
}

#sub-navigation ul li {
 margin: 0; 
 padding: 4px 0;
 background: #9f8ab4;
}

#sub-navigation ul li a {
 font-size: 11px;
 height: 28px;
 font-weight: bold;
 line-height: 26px;
 background: transparent url('images/a-subnav.gif') no-repeat 0 0;
 display: block;
 margin: 0 17px;
 padding: 0 0 0 22px;
 color: #000000;
}

#sub-navigation ul li a:hover {background-position: 0 -28px;}
#sub-navigation ul li a.active {background-position: 0 -56px; color:#699bc9;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Three
--------------------------------------------------------------------------*/

#sub-navigation ul ul {
 margin: 8px 0 0 0;
 padding: 0;
 background: none;
}

#sub-navigation ul ul li {
 margin: 0; 
 padding: 0;
}

#sub-navigation ul ul li a {
 margin: 0 17px 0 39px; 
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 10px;
 font-weight: normal;
 color: #2b5275;
}

#sub-navigation ul ul li a:hover,
#sub-navigation ul ul li a.active {
 color: #73a1cc;
}