#nav, #nav ul{
text-align:			left;
}
#nav{
margin-bottom:		30px;
float:				left;
font-size:			1.1em;
width:				780px;
text-align:			center;
background:			#000 url(../images/bg_nav.png) bottom repeat-x;
}
#nav li{ 
line-height:		36px;
display:			inline;
}
#nav ul li{ 
line-height:		28px;
}



/* CURRENT PAGE INDICATOR */
#index #nav a[tabindex="1"] b{
color:				#c87594;
}
#history #nav a[tabindex="2"] b{
color:				#e0cc41;
}
#second #nav a[tabindex="3"] b{
color:				#ff9900;
}
#eds #nav a[tabindex="4"] b,
#eds #nav a[tabindex="5"] b,
#one #nav a[tabindex="4"] b,
#one #nav a[tabindex="6"] b,
#place #nav a[tabindex="4"] b,
#place #nav a[tabindex="7"] b,
#into #nav a[tabindex="4"] b,
#into #nav a[tabindex="8"] b,
#direct #nav a[tabindex="4"] b,
#direct #nav a[tabindex="9"] b,
#gp #nav a[tabindex="4"] b,
#gp #nav a[tabindex="10"] b,
#work #nav a[tabindex="4"] b,
#work #nav a[tabindex="11"] b,
#path #nav a[tabindex="4"] b,
#path #nav a[tabindex="12"] b,
#prep #nav a[tabindex="4"] b,
#prep #nav a[tabindex="13"] b{
color:				#abbb51;
}
#design #nav a[tabindex="14"] b{
color:				#ff6;
}
#contact #nav a[tabindex="15"] b{
color:				#5fc0be;
}




					/* background needed for IE6 - can be a transparent gif or color */
#nav ul li a{		background:#000; /*filter: alpha(opacity=9); opacity:0.9;*/} 
#nav a b{			color:#fff; font-weight:normal; display:block; margin-right:-1px;}
#nav a:hover b{		color:#abbb51; cursor:pointer; background:#000 url(../images/bg_nav_hover.png) bottom repeat-x;}
/*#nav ul li a:hover b{		background:#72665d} */


/* FOR TAB 1 */
.nav1{				width:4.5em;}
.nav1 a{			width:4.5em;}


/* FOR TAB 2 */
.nav2,
.nav2 a{			width:5.5em;}
.nav2 a{			margin-right:-99px;}

.nav2 ul li{		max-width:100px;}
.nav2 ul a{			width:120px; margin-right:-119px;}


/* FOR TAB 2 */
.nav3,
.nav3 a{			width:9.5em;}
.nav3 a{			margin-right:-99px;}

.nav3 ul li{		max-width:100px;}
.nav3 ul a{			width:120px; margin-right:-119px;}


/* FOR TAB 4 */
.nav4,
.nav4 a{			width:8em;}
.nav4 a{			margin-right:-99px;}
#nav .nav4 .fly a b{background-color:#000;}
#nav .nav4 .fly a b{padding-left:13px;}

.nav4 ul li{		max-width:300px;}
.nav4 ul a{			width:220px; margin-right:-199px;}


/* FOR TAB 5 */
.nav5,
.nav5 a{			width:6.1em;}
.nav5 a{			margin-right:-99px;}
#nav .nav5 .fly a b{background-color:#000;}
#nav .nav5 .fly a b{padding-left:13px;}

.nav4 ul li{		max-width:300px;}
.nav4 ul a{			width:220px; margin-right:-199px;}

.out ul a{			width:120px; margin-right:-119px;}


/* FOR TAB 5 */
.nav6{				width:5em;}
.nav6 a{			width:5em;}
.nav6 a b{			margin-right:0;}

#nav li{			float:left;} 									/* fixes IE related bugs */
#nav ul{			float:left; position:relative; z-index:20;}		/* for float drop and to stack the <ul>s */
#nav ul li{			clear:left;}									/* clear floated list item inside sublist */
#nav a{				position:relative; display:block;}				/* needs a position, to be above the rest */
#nav a.main{		float:left;}									/* hides top level links */
#nav ul{			visibility:hidden}


#nav li:hover ul{
visibility:			visible;
}
#nav li.nav1:hover b{
color:				#c87594;
}
#nav li.nav2:hover b{
color:				#e0cc41;
}
#nav li.nav3:hover > a b{
color:				#ff9900;
}
#nav li.nav4:hover > a b{
color:				#abbb51;
}
#nav li.nav5:hover > a b{
color:				#ff6;
}
#nav li.nav6:hover b{
color:				#5fc0be;
}

#nav ul{			margin-bottom:-5000px;}							/* avoid interaction between subs */



/* FOR HOVER */
#nav a:hover,
#nav a:focus{		margin-right:0; z-index:10; outline:0;}

#nav a:hover b,
#nav a:focus b{	cursor:pointer; border-left:0px solid transparent;}

.nav3 ul a:hover,
.nav3 ul a:focus{	margin-right:-100px;}

.out ul a:hover,
.out ul a:focus{	margin-right:-20px;}

/* OPERA fix */
#nav ul:hover{		clear:left;}