/*----------------------------------------------------------------------------*/
/* The navigation bar*/
/*----------------------------------------------------------------------------*/	
#nav{
	padding:0;
	margin:1em 0 0 0;
}
div#nav ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
div#nav ul li{
	display:block;
	padding:0;
}
div#nav ul li a{
	text-indent: -9999px;
	display:block;
	height:40px;
	display:block;
}
div#nav ul li a:hover{
	text-indent: -9999px;
	display:block;
	height:40px;
	display:block;
}
#nav li ul li a{
	text-indent: -9999px;
	display:block;
	height:30px;
}

/* classes for the tabs of the navigation bar */
.l1{
	width:133px;
	float:left;
	position:relative;
	background: url('../images/nav_01.png');
}
.l2{
	width:133px;
	float:left;
	position:relative;
	background: url('../images/nav_02.png');
}
.l3{
	width:135px;
	float:left;
	position:relative;
	background: url('../images/nav_03.png');
}
.l4{
	width:133px;
	float:left;
	position:relative;
	background: url('../images/nav_04.png');
}
.l5{
	width:133px;
	float:left;
	position:relative;
	background: url('../images/nav_05.png');
}
.l6{
	width:133px;
	float:left;
	position:relative;
	background: url('../images/nav_06.png');
}

/* classes for the SWAPPED tabs of the navigation bar while hovering */
a.nav1:hover{
	background: url('../images/Untitled-2_01.png');
}
a.nav2:hover{
	background: url('../images/Untitled-2_02.png');
}
a.nav3:hover{
	background: url('../images/Untitled-2_03.png');
}
a.nav4:hover{
	background: url('../images/Untitled-2_04.png');
}
a.nav5:hover{
	background: url('../images/Untitled-2_05.png');
}
a.nav6:hover{
	background: url('../images/Untitled-2_06.png');
}