/*-- nav --*/
	
	ul#nav {
	
		height: 50px;
		background: url('../images/nav_separator.png') no-repeat 0 0;
		padding-left: 2px;
		margin: 0;
		list-style:none;
	}
	
		ul#nav li,
		ul#nav li a {
			display: block;
			float: left;
			line-height: 12px;
			list-style:none;
		}
		
		ul#nav li {
			background: url('../images/nav_separator.png') no-repeat right 0;
			padding-left: 0;
			padding-right: 2px;
			height: 50px;
			position: relative;
			list-style:none;
		}
		
		ul#nav li a {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			color: #787878;
			padding: 19px 14px 19px 14px;
			background: none;
			list-style:none;
		}
		
			ul#nav li.active a {
				color: #0F9EE4;
				list-style:none;
			}
			
		/*-- Dropdowns --*/
		ul#nav li .dropdown {
			display:none;
			position: absolute;
			z-index: 10050;
			width: 208px;
			top: 50px;
			left: -4px;
			overflow: hidden;
			clear: left;
			background: url('../images/nav_dropdown_grad.png') no-repeat 2px 0;
			padding-top: 1px;
			list-style:none;
		}
		
		ul#nav li ul {
			width: 100%;
			background: url('../images/nav_dropdown_li.png') repeat-y 0 0;
			overflow: hidden;
			margin: 0;
			padding: 0;
			list-style:none;
		}
		
		ul#nav li:hover .dropdown,
		ul#nav li.over .dropdown {
			display: block;
			list-style:none;
			background:none;
			
		}
		
		/* FIX: add styling? */
		ul#nav li:hover a,
		ul#nav li.over a {
			color: #ffffff;
			list-style:none;
			background: url('../images/hoverbg.jpg') repeat-x 0 0;
		}
		
		ul#nav li:hover ul li a,
		ul#nav li.over ul li a {
			color: #454545;
			list-style:none;
			background: url('../images/nav_dropdown_hover.gif') no-repeat left -23px;
		}
		
		/* get a clean slate for the dropdowns */
		ul#nav li ul li,
		ul#nav li ul li a {
			float:none;
			height: 1%;
			background: none;
			margin: 0;
			padding: 0;
			text-transform: none;
			font-weight: normal;
			list-style:none;
		}
		
		ul#nav li ul li {
			padding: 4px 0 6px 8px;
			margin: 0 5px 0 4px;
			background: url('../images/nav_dropdown_sep.gif') repeat-x 0 bottom;
			list-style:none;
		}
		
			ul#nav li ul li.last { 
				background: none;
				padding-bottom: 4px;
				list-style:none;
			}
		
			ul#nav li ul li a {
				font-size: 12px;
				line-height: 12px;
				padding: 5px 7px 6px 7px;
				color: #454545;
				background: url('../images/nav_dropdown_hover.gif') no-repeat left -23px;
				list-style:none;
			}
			
			ul#nav li ul li a:hover {
				background-position: left center;
				color: #fff;
				list-style:none;
				
			}
			
			ul#nav li .dropdown .bottom {
				background: url('../images/nav_dropdown_bottom.png') no-repeat left top;
				height: 11px;
				line-height:1px;
				list-style:none;
			}


/*------------------ @subnav ------------------*/
#subnav {
	width: 200px;
	float: left;
	overflow: hidden;
	padding-top: 15px;
}

	#subnav ul {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}
	
		#subnav li,
		#subnav li a {
			display: block;
			height: 1%;
		}
	
		#subnav li {
			background: none;
			padding: 0 0 0 18px;
		}
		
		#subnav li.active {
			background: url('../images/subnav_active.png') no-repeat 0 0;
			height: 47px;
		}
		
			#subnav li.active a {
				color: #de2757;
			}
		
			#subnav li a {
				color: #454545;
				font-size: 14px;
				line-height: 14px;
				text-decoration: none;
				padding-top: 13px;
				padding-bottom: 20px;
			}
			
				#subnav li a:hover { color: #66a59a;
				
				}
				
			#subnav ul ul {
				display: none;
				float: left;
				clear: left;
				padding: 0;
			}
			
				#subnav li.active ul {
					padding-top: 20px;
				}
			
			#subnav ul ul li {
				background: url('../images/bullet.gif') no-repeat 0 6px;
				padding-left: 20px;
				padding-bottom: 5px;
			}
			
				#subnav ul ul li a {
					color: #555;
					padding: 0;
					font-size: 12px;
					background:none;
				}
				
					#subnav ul ul li a:hover {
						text-decoration: underline;
						background: url('../images/nav_dropdown_hover.gif') no-repeat left -23px;
						
					}
				
				#subnav li.active ul li a {
					color: #555;
					padding-top: 4px;
					background: url('../images/nav_dropdown_hover.gif') no-repeat left -23px;
				}