/*--------------------------------------------------------------
	Styles for Sliding Door Drop Down Menu
	Author: Michael Cacciott
	Date Last Modified: 10/15/09
	www.noplacelikeohm - Copyright (c) 2009
----------------------------------------------------------------*/

/*-- MAIN MENU -----------*/
.nav { 
	position: absolute; 
	left: 140px; 
	top: 120px; 
}
.nav li {
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  	position: relative;
}

/*-- POP-UP SUBMENU --*/
.nav ul {
	background-color: #95B7A6;
	border: 1px solid #666;
	display: none;
	left: .3em;
	margin: 0;
	padding: 0;
	position: absolute;
  	top: 2.1em; /* change when you change height of links */
}

/*-- LIST ITEMS --*/
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*-- LOOK FOR BTNS THAT HAVE MENUS --*/
.nav .sub {
	background-image: url(../images/arrow_down.png);
  	background-repeat: no-repeat;
  	background-position: 2px 15px;
}
.nav .subsub {
	background-image: url(../images/arrow_left.png);
  	background-repeat: no-repeat;
  	background-position: 4px 7px;
}

/* SLIDING DOORS TABS ------------------------------------------*/
#header li {
	float:left;
	background:url("../images/left_both3.png") no-repeat left top;
	margin: 0 -2px;
	padding:0 0 0 9px;
}
#header li a {
	float: left;
	display: block;
	background: url("../images/right_both3.png") no-repeat right top;
	padding: 5px 15px 5px 6px;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	width: .1em;
}
#header > ul li a { width:auto; }
#header li:hover, #header li:hover a {
	background-position: 0% -150px;
	color: #333;
}
#header li:hover a {
	background-position:100% -150px;
}
#header #current {
	background-image: url("../images/right_both3.png");
	background-position: 0% -150px;
	border-width: 0;
}
#header #current li a {
	background-position: 100% -150px;
	padding-bottom: 5px;
	color: #333;
}





/*-- SUB MENU ITEMS ---------*/
#header li ul {
	float: left;
	display: inline;
	margin-bottom: 10px;
	padding: 0;
	width: 200px;
}
#header li ul li {
	float: left;
	background: url("../images/left_both3.png") no-repeat left top;
	height: 20px; 
	margin-bottom: 10px;
	padding: 0;
	width: 200px;
}
#header li ul il a {
	float: left;
	display: block;
	background: url("../images/left_both3.png") no-repeat right top;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #765;
}
#header > ul li ul li a { width:auto; }
#header li ul li:hover, #header li ul li:hover a {
	background-position: 0% 150px;
}
#header li ul li:hover a {
	background-position: 100% 150px;
}




/*-- ID'S FOR EACH ACTIVE PAGE --*/
#home #nav-home, 
#schedule #nav-schedule,
#press #nav-press,
#video #nav-video,
#about #nav-about,
#resources #nav-resources,
#contact #nav-contact {
	  background-position: 0% -150px;
	  border-width: 0;
}
#home #nav-home a, 
#schedule #nav-schedule a,
#press #nav-press a,
#video #nav-video a,
#about #nav-about a,
#resources #nav-resources a,
#contact #nav-contact a {
	  background-position: 100% -150px;
	  color: #333;
	  padding-bottom: 5px;
}


#hatha #nav-hatha, 
#pregnancy #nav-pregnancy,
#postnatal #nav-postnatal,
#yogaBirth #nav-yogaBirth,
#private #nav-private {
	background-position: 0% -150px;
  	border-width: 0;
}
#hatha #nav-hatha a, 
#pregnancy #nav-pregnancy a,
#postnatal #nav-postnatal a,
#yogaBirth #nav-yogaBirth a,
#private #nav-private {
	background-position: 100% -150px;
	color: #333;
	padding-bottom: 5px;
}

#hatha #nav-hatha a:hover, 
#pregnancy #nav-pregnancy a:hover,
#postnatal #nav-postnatal a:hover,
#yogaBirth #nav-yogaBirth a:hover {
	background-position: 100% -150px;
	color: #333;
	padding-bottom: 5px;	
}