/*-- nav --*/
	
	ul#nav {
		float: right;
		height: 31px;
		background: url(images/nav_separator.png) no-repeat 0 0;
		padding-left: 2px;
		margin: 63px 0 0 5px;
	
	}
	
		ul#nav li,
		ul#nav li a {
			display: block;
			float: left;
			line-height: 12px;
			z-index: 1001;
		}
		
		ul#nav li {
			background: url(images/nav_separator.png) no-repeat right 0;
			padding-left: 0;
			padding-right: 2px;
			height: 31px;
			position: relative;
			font-family:tahoma;
			font-size:12px;
		}
		
		ul#nav li a {
			text-decoration: none;
			font-weight: bold;
			color: #fff;
			padding: 10px 10px;
			background: none;
			font-family:tahoma;
			font-size:12px;
		}
		
			ul#nav li.active a {
				color: #fff;
			}
			
		/*-- Dropdowns --*/
		ul#nav li .dropdown {
			display:none;
			position: absolute;
			width: 208px;
			top: 31px;
			left: -4px;
			overflow: hidden;
			clear: left;
			background: url(images/nav_dropdown_grad.png) no-repeat 2px 0;
			padding-top: 1px;
		}
		
		ul#nav li ul {
			width: 100%;
			background: url(images/nav_dropdown_li.png) repeat-y 0 0;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
		ul#nav li:hover .dropdown,
		ul#nav li.over .dropdown {
			display: block;
		}
		
		/* FIX: add styling? */
		ul#nav li:hover a,
		ul#nav li.over a {
			color: #ccc;
		}
		
		ul#nav li:hover ul li a,
		ul#nav li.over ul li a {
			color: #454545;
		}
		
		/* 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;
		}
		
		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;
		}
		
			ul#nav li ul li.last { 
				background: none;
				padding-bottom: 4px;
			}
		
			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;
			}
			
			ul#nav li ul li a:hover {
				background-position: left center;
				color: #fff;
			}
			
			ul#nav li .dropdown .bottom {
				background: url(images/nav_dropdown_bottom.png) no-repeat left top;
				height: 11px;
				line-height:1px;
			}



/*------------------ @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;
				}
				
					#subnav ul ul li a:hover {
						text-decoration: underline;
					}
				
				#subnav li.active ul li a {
					color: #555;
					padding-top: 4px;
				}