/* Nav Menu */

.hidden {

	display: none

}

#nav {
	text-align: left;
	z-index: 10;
	background: #2B218C;

}

ul#nav { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position:relative; 
}

ul#nav ul {
	width: 150px; /* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

ul#nav ul ul, ul#nav ul ul ul {
	top: 0; 
	left: 100%; 
}

ul#nav li { 
	float: left; 
	display: inline; 
	position: relative; 
	
}

ul#nav ul li { 
	width: 100%; 
	display: block; 
}

/* Root Menu */

ul#nav a { 
	float: left; 
	display: block; 
	color: #666; 
	font: 12px Verdana, sans-serif; 
	text-decoration: none;
	height: 1%;
}

/* Root Menu Hover Persistence */

ul#nav a:hover,ul#nav li:hover a,ul#nav li.iehover a { 
/*	background: #BBB;
	color: #666; */
}

/* 2nd Menu */

ul#nav li:hover li a, ul#nav li.iehover li a {
	float: none;
	background: #5951A5;
	padding: 6px;
	margin-left: -40px;
	color: #FFF;
}

/* 2nd Menu Hover Persistence */

ul#nav li:hover li a:hover, ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover, ul#nav li.iehover li.iehover a {
	color: #FFF;
	background: #2B218C;

}


/* Hover Function - Do Not Move */

ul#nav li:hover ul ul,ul#nav li:hover ul ul ul,ul#nav li.iehover ul ul,ul#nav li.iehover ul ul ul { 
 display: none; 
}

ul#nav li:hover ul,ul#nav ul li:hover ul,ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,ul#nav ul li.iehoverul, ul#nav ul ul li.iehover ul { 
	display: block; 
}

ul#nav li a#home {

	width: 114px;
	height: 27px;
	background: url('/images/nav/home.gif') no-repeat #2B218C;
	padding-right: 25px;
	

}

ul#nav li a:hover#home {

	width: 114px;
	height: 27px;
	background: url('/images/nav/home_f2.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a#profile {

	width: 128px;
	height: 27px;
	background: url('/images/nav/profile.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a:hover#profile {

	width: 128px;
	height: 27px;
	background: url('/images/nav/profile_f2.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a#portfolio {

	width: 164px;
	height: 27px;
	background: url('/images/nav/portfolio.gif') no-repeat #2B218C;
	padding-right: 27px;

}

ul#nav li a:hover#portfolio {

	width: 164px;
	height: 27px;
	background: url('/images/nav/portfolio_f2.gif') no-repeat #2B218C;
	padding-right: 27px;

}

ul#nav li a#materials {

	width: 163px;
	height: 27px;
	background: url('/images/nav/materials.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a:hover#materials {

	width: 163px;
	height: 27px;
	background: url('/images/nav/materials_f2.gif') no-repeat #2B218C;
	padding-right: 25px;

}


ul#nav li a#faqs {

	width: 118px;
	height: 27px;
	background: url('/images/nav/faq.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a:hover#faqs {

	width: 118px;
	height: 27px;
	background: url('/images/nav/faq_f2.gif') no-repeat #2B218C;
	padding-right: 25px;

}

ul#nav li a#contact {

	width: 138px;
	height: 27px;
	background: url('/images/nav/contact.gif') no-repeat #2B218C;

}

ul#nav li a:hover#contact {

	width: 138px;
	height: 27px;
	background: url('/images/nav/contact_f2.gif') no-repeat #2B218C;

}