/*************************** 
	The Living Seed 
	Author: Ray Blackford 
	Navigation CSS
****************************/

.nav span
{
display:none;
}

.nav ul
{
text-align:center;
}

.nav ul li 
{
float:left;

}

.nav ul li a
{
display:block;
width:80px;
height:27px;
}

/*************************************** 
Flicker Fix 
***************************************/
.nav #home 
{
background:url(/graphics/main_nav/nav_01_home_ro.gif) #c7cba9 no-repeat;
}

.nav #yoga
{
background:url(/graphics/main_nav/nav_02_yoga_ro.gif) #c7cba9 no-repeat;
}

.nav #dance  
{
background:url(/graphics/main_nav/nav_03_dance_ro.gif) #c7cba9 no-repeat;
}

.nav #health  
{
background:url(/graphics/main_nav/nav_04_health_ro.gif) #c7cba9 no-repeat;
}

.nav #workshops  
{
background:url(/graphics/main_nav/nav_05_workshops_ro.gif) #c7cba9 no-repeat;
}

.nav #events  
{
background:url(/graphics/main_nav/nav_06_events_ro.gif) #c7cba9 no-repeat;
}

.nav #boutique  
{
background:url(/graphics/main_nav/nav_10_trapeze_ro.gif) #c7cba9 no-repeat;
}

.nav #info  
{
background:url(/graphics/main_nav/nav_08_info_ro.gif) #c7cba9 no-repeat;
}

.nav #contact  
{
background:url(/graphics/main_nav/nav_09_contact_ro.gif) #c7cba9 no-repeat;
}

/*************************************** 
Background images for main navigation 
***************************************/
.nav #home a
{
background:url(/graphics/main_nav/nav_01_home.gif);
}

.nav #yoga a
{
background:url(/graphics/main_nav/nav_02_yoga.gif);
}

.nav #dance a
{
background:url(/graphics/main_nav/nav_03_dance.gif);
}

.nav #health a
{
background:url(/graphics/main_nav/nav_04_health.gif);
}

.nav #workshops a
{
background:url(/graphics/main_nav/nav_05_workshops.gif);
}

.nav #events a
{
background:url(/graphics/main_nav/nav_06_events.gif);
}

.nav #boutique a
{
background:url(/graphics/main_nav/nav_10_trapeze.gif);
}

.nav #info a
{
background:url(/graphics/main_nav/nav_08_info.gif);
}

.nav #contact a
{
background:url(/graphics/main_nav/nav_09_contact.gif);
}

/*************************************** 
Rollover images for main navigation 
***************************************/
.nav #home a:hover 
{
background:url(/graphics/main_nav/nav_01_home_ro.gif) #c7cba9 no-repeat;
}

.nav #yoga a:hover 
{
background:url(/graphics/main_nav/nav_02_yoga_ro.gif) #c7cba9 no-repeat;
}

.nav #dance a:hover 
{
background:url(/graphics/main_nav/nav_03_dance_ro.gif) #c7cba9 no-repeat;
}

.nav #health a:hover 
{
background:url(/graphics/main_nav/nav_04_health_ro.gif) #c7cba9 no-repeat;
}

.nav #workshops a:hover 
{
background:url(/graphics/main_nav/nav_05_workshops_ro.gif) #c7cba9 no-repeat;
}

.nav #events a:hover 
{
background:url(/graphics/main_nav/nav_06_events_ro.gif) #c7cba9 no-repeat;
}

.nav #boutique a:hover 
{
background:url(/graphics/main_nav/nav_10_trapeze_ro.gif) #c7cba9 no-repeat;
}

.nav #info a:hover 
{
background:url(/graphics/main_nav/nav_08_info_ro.gif) #c7cba9 no-repeat;
}

.nav #contact a:hover 
{
background:url(/graphics/main_nav/nav_09_contact_ro.gif) #c7cba9 no-repeat;
}

/*************************************** 
Active links for main navigation
***************************************/
.home .nav #home a 
{
background:url(/graphics/main_nav/nav_01_home_ro.gif) #c7cba9 no-repeat;
}

.yoga .nav #yoga a 
{
background:url(/graphics/main_nav/nav_02_yoga_ro.gif) #c7cba9 no-repeat;
}

.dance .nav #dance a 
{
background:url(/graphics/main_nav/nav_03_dance_ro.gif) #c7cba9 no-repeat;
}

.health .nav #health a 
{
background:url(/graphics/main_nav/nav_04_health_ro.gif) #c7cba9 no-repeat;
}

.workshops .nav #workshops a 
{
background:url(/graphics/main_nav/nav_05_workshops_ro.gif) #c7cba9 no-repeat;
}

.events .nav #events a 
{
background:url(/graphics/main_nav/nav_06_events_ro.gif) #c7cba9 no-repeat;
}

.boutique .nav #boutique a 
{
background:url(/graphics/main_nav/nav_10_trapeze_ro.gif) #c7cba9 no-repeat;
}

.info .nav #info a 
{
background:url(/graphics/main_nav/nav_08_info_ro.gif) #c7cba9 no-repeat;
}

.contact .nav #contact a 
{
background:url(/graphics/main_nav/nav_09_contact_ro.gif) #c7cba9 no-repeat;
}

/***************
	SideNav
***************/


.side_col ul 
{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 18px;
line-height: 20px;
}


.side_col ul li a
{
color: #808285;
}

.side_col ul li a:hover
{
color: #c7cba9;
}

.active_a #active_a a, 
.active_b #active_b a, 
.active_c #active_c a, 
.active_d #active_d a, 
.active_e #active_e a, 
.active_f #active_f a, 
.active_g #active_g a, 
.active_h #active_h a, 
.active_i #active_i a, 
.active_j #active_j a, 
.active_k #active_k a, 
.active_l #active_l a, 
.active_m #active_m a
{
color: #c7cba9;
}


