/* nav */
#nav ul {
	position:relative;
	padding: 0;
	z-index:100;
	text-align: center;
	margin-left:-227px;
	margin-bottom:0;
}
#nav li {	
	list-style: none;
	display: inline-block;	
	border-top: 2px none solid;
	border-right: 2px none solid;
	border-left: 2px none solid;	
	padding:0;
	margin:0px;
	/*height:38px;*/
	width: 116px;
}
#nav a {
	font-family:MyriadWebPro, "MyriadWebPro Bold", Verdana, "Verdana Bold", "Verdana Bold Italic", "Verdana Italic";
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size: 12px;
	line-height:38px;
	letter-spacing:1px;
	text-align: center;
	padding: 2px 2px 0 2px;	
	margin:0px;
	text-decoration: none;
	color: #FC9;
	display: block;	
	text-align: center;	
}
#nav .current a {
	font-weight:bold;
	padding: 0 0 2px 0 ;	
	margin:0px;
	background-color: rgba(255,153,102,0.4);
	color: #300;
	border-top: 2px #C93 solid;
	border-right: 2px #C93 solid;
	border-left: 2px #C93 solid;
}
#nav .current a:hover {
	color: #300;
}
#nav a:hover {
	color: #FFF;
	margin:0px;
	padding: 0 0 2px 0 ;	
	background-image:url(../Images/pointer-up.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	border-top: 2px #C93 solid;
	border-right: 2px #C93 solid;
	border-left: 2px #C93 solid;
}
#nav a:active {
	color: #C96;
}

@media screen and (width : 1366px ) {
	
	#nav ul {
	margin-left:-235px;
}
	
}

@media screen and (max-width : 1280px ) {
	
	#nav ul {
	margin-left:-190px;
}
	#nav li {	
	font-size: 10pt;
	letter-spacing:0;
	margin:0;
	width: 104px;
}
#nav a {
	padding:2px 6px;	
}
#nav .current a {
	letter-spacing:0;	
}

}

@media screen and (width: 1024px) {
	
#nav ul {
	margin-left:-305px !important;
}
#nav li {	
	font-size: 10pt;
	letter-spacing:0;
	margin:0;
	
}
	
}

@media screen and (max-width : 980px ) {
	
	#nav ul {
	margin-left:-321px;
}
	
}


@media screen and (max-width : 966px ) {
	
	#nav ul {
	margin-left:-330px;
}
	
}

@media screen and (width : 800px ) {
	
	#nav  {
	margin-top:60px;
}
	
	#nav ul {
	margin-left:-360px;
	margin-top:0;
}

#nav li {	
	font-size: 10pt;
	letter-spacing:0;
	margin:0;
	width: 98px;
}
	
}


@media screen and (max-width : 768px ) {
	
	#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;
		background-image:url(../Images/icon-menu.gif);
		background-position:10px 11px;
		background-repeat:no-repeat;
		margin:0;
		border-top: 2px #C93 solid;
	border-right: 2px #C93 solid;
	border-left: 2px #C93 solid;
	border-bottom: 2px #C93 solid;
	}
	#nav li {
		display: none; /* hide all <li> items */
		margin: 2px 0;
		width:100%;
		height:36px;
	}
	#nav li:last-child {
		padding-bottom:0;
	}
	#nav .current {
		display: block;
		width:100%;
		
		margin-bottom:2px;
		 /* show only current <li> item */
	}
	#nav a {
		font-size: 14px;
		display: block;
		padding: 2px 5px 2px 32px;
		text-align: left;
		color:#666;
	}
	#nav a:hover {
	background-image: none;
	background-color:#C93;
	color: #FFF;
	padding-left:32px;
	padding-bottom:0;
	border:none;
}
	#nav .current a {
		background: none;
		color: rgba(255,255,255,.5);
		line-height:32px;
		padding-left:32px;
		border:none;
	}
	
	#nav .current a:hover {
		background: none;
		color: rgba(255,255,255,.5);
		line-height:32px;
		padding-left:32px;
		padding-bottom:0;
		
	}
	
	#nav ul .current {
		
	}
		

	/* on nav hover */
	#nav ul:hover {
		background-image: none;
		background-color: rgba(255,255,255,.8);
	}
	#nav ul:hover li {
		display: block;
		margin: 0px;
	}
	#nav ul:hover .current {
		background-color: #000;
	color: #fff;
		background-image:url(../Images/pointer-R.png);
		background-repeat:no-repeat;
		background-position: 10px 11px;
		/*height:32px;*/
		line-height:32px;
		margin:0;
		padding-top:2px;		
	}

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