@charset "UTF-8";
/* nav */
#nav {
	text-align:left;	
}
#nav ul {
	margin: 0;
	padding: 0;
	z-index:100;
	margin-left:60px;
}
#nav li {
	margin: 0 0px 0px 0px;
	padding: 0px;
	list-style: none;
	display: inline-block;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14pt;
	text-align: center;
	line-height: 30px;
	height:30px;	
}
#nav a {
	padding: 4px 20px;
	text-decoration: none;
	line-height: 28px;
	color: #C96;
	display: block;	
	text-align: center;
	vertical-align: middle;
	height:30px;	
}
#nav a:hover {
	color: #000;
}
#nav a:hover {
	color: #FFF;
	background-color: #FC9;
}
#nav .current a {
	background-color: #CCC;
	color: #fff;
}
#nav .current a:hover {
	background-color: #CCC;
	color: #fff;
	letter-spacing: 0px;
}


@media only screen and (max-width: 768px) {
	
	#nav ul {
	margin: 0;
	padding: 0;
	z-index:100;
	margin-left: 24px;
        margin-top: 10px;
	margin-bottom:0;
}
#nav a {
	padding: 4px 15px;
	text-decoration: none;
	line-height: 28px;
	color: #9FF;
	display: block;	
	text-align: center;
	vertical-align: middle;
	height:30px;	
}
    }

@media screen and (width: 800px) {
        
        #nav ul {
        margin-left: 0;
        margin-top: 6px !important;
    }        
    #nav a {
	color: #9FF !important;
    }   
    #nav .current a {
	color: #fff !important;
}
    #nav .current a:hover {
	color: #fff !important;
}
        
    }

@media only screen and (width: 1024px) {
    
    #nav ul {
        margin-left: 0;
        margin-top: 0px;
    }
    #nav a {
	padding: 4px 10px;
    
}


@media screen and (max-width: 600px) {
	#nav {
		position: relative;
		min-height: 40px;
		text-align:center;
		align-content:center;
		align-items:center;
	}	
	#nav ul {
		width: 180px;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #6fc url(../images/icon-menu.png) no-repeat 10px 14px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	#nav li {
		display: none; /* hide all <li> items */
		margin: 0px;
		width:100%;
		height:34px;
	}
	#nav .current {
		display: block;
		width:100%;
		height:34px;
		line-height:34px;
		margin-bottom:4px;
		 /* show only current <li> item */
	}
	#nav a {
		display: block;
		padding: 2px 5px 2px 32px;
		text-align: left;
		color:#666;
	}
	#nav a:hover {
	background-image: none;
}
	#nav .current a {
		background: none;
		color: #699;
		line-height:34px;
	}
	#nav .current a:hover {
		background-color: transparent;
		color:#699;
	}

	/* on nav hover */
	#nav ul:hover {
		background-image: none;
	}
	#nav ul:hover li {
		display: block;
		margin: 0px;
	}
	#nav ul:hover .current {
		background-color: #fff;
	color: #fff;
		background-image:url(../images/icon-check.png);
		background-repeat:no-repeat;
		background-position: 10px center;
		height:38px;
		line-height:38px;
	}

	/* center nav */
	#nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}