@charset "utf-8";
/* POTRAIT INNOVATIONS NAVIGATION CSS STYLES */

ul#nav, #nav {
	margin: 0 0 0 20px;
	padding: 0;
	/*width: 896px;*/
}


ul#nav li {
	float: left;
	width: auto;
	height: 43px;
	list-style: none;
	position: relative;
}

ul#nav li a {
	color: #FFFFFF;
	font-size: 12px;
	width: auto;
	height: 43px;
	line-height: 43px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 9px;	
}

ul#nav li ul { /* second-level lists */
	 position: absolute;
	 width: 153px;
	 background: #ffffff url(../media/images/bg_nav.jpg) bottom left repeat-x;
	 left: -9999em; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}

ul#nav li li {
	width: 153px;
	w\idth: 149px;
	height: 26px;
	display: block;
	cursor: pointer;
	padding: 0 0 0 4px;
	margin: 0;
	line-height: 26px;
	background: transparent url(../media/images/bg_nav-middle.gif) top left repeat-y;
	color: #1177bb;
}

ul#nav li li a {
	color: #1177bb;
	font-size: 12px;
	width: 133px;
	height: 26px;
	line-height: 26px;
	display: block;
	cursor: pointer;
	padding: 0;
	font-weight: normal;
	text-indent: 10px;
}

ul#nav li li.top {
	height: 15px;
}

ul#nav li li.end {
	height: 26px;
	width: 153px;
	margin: 0;
	padding: 0;
	background: transparent url(../media/images/bg_nav-end.gif) top left no-repeat;
}

ul#nav li a:hover { 
	color: #add0ed;
}

ul#nav li:hover ul, ul#nav li.sfhover ul  { 
 	left: 0; 
	top: 43px;
}

ul#nav li li a:hover {
	color: #ffffff;
}

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}
 
ul#nav li li:hover ul, ul#nav li li.sfhover ul {
	z-index: 6000;
}

ul#nav li li:hover a, ul#nav li li.sfhover a { 
	width: 145px;
	height: 26px;	
	color: #ffffff;
	background-color: #eeaa44;
}