/*
* Copyright (C) 2006-2009 Corllete ltd (clabteam.com), Released under Creative Common license - http://creativecommons.org/licenses/by-nc/3.0/
* Download and update at http://www.free-source.net/
* $Id:
*
*/

#nav 							{ padding:0px; margin:0px; float:right; }
#nav ul							{ list-style:none; display:inline; margin:0px; }
#nav li 						{ position:relative; z-index:100; display:block; float:left; padding:0px; margin:0px; font-size:16px; line-height:101px; }
#nav li.fs-linkSep				{ width:2px; height:101px; line-height:101px; display:block; background:url(../images/nav-separator.png) repeat-y 0 0; }
#nav li a 						{ padding:0px 15px; text-transform:uppercase; text-align:center; color:#FFFFFF; text-decoration:none; text-shadow:1px 1px 1px #70B4E4; }
#nav ul li:hover,
#nav ul li.active				{ background:url(../images/nav-active.png) no-repeat 0 0; }

/* 2-level lists */
#nav ul ul 						{ width:220px; position:absolute; top:20px; margin:0px; padding:0px; visibility:hidden; z-index:120; }
#nav ul ul li		 			{ width:220px; w\idth:200px; margin:0px !important; text-align:left; font-weight:normal; background-color:#000000; }
#nav ul ul li a 				{ padding:10px 10px; text-transform:none; margin-left:15px; text-align:left; display:block; font-size:0.9em; line-height:1.1em; color:#0099CC; background-color:#000000; }
#nav ul ul li a.sub				{ background:#000000 url(../images/nav-bullet.png) no-repeat 95% 50%; }
#nav ul ul li a.sub:hover		{ background:#1984B5 url(../images/nav-bullet-hover.png) no-repeat 95% 50%; color:#FF9933; }
#nav ul ul li a:hover			{ background-color:#1984B5; color:#FF9933; }
#nav ul li:hover ul,
#nav ul li.sfhover ul 			{ left:0; margin-left:-10px; visibility:visible; }

/* 3-level lists */
#nav ul ul.sub ul				{ z-index:121; }
#nav ul ul.sub li a:hover		{  }
#nav ul ul.sub li:hover ul,
#nav ul ul.sub li.sfhover ul 	{ left:210px; visibility:visible; }

/* Chrome and Safari fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#nav ul ul.sub li:hover ul,
#nav ul ul.sub li.sfhover ul 	{ left:210px; top:-20px; visibility:visible; }
}

#nav li:hover ul ul,
#nav li:hover ul ul ul ul
#nav li:hover ul ul ul ul ul
#nav li:hover ul ul ul ul ul ul
#nav li:hover ul ul ul ul ul ul ul
#nav li:hover ul ul ul ul ul ul ul ul
#nav li:hover ul ul ul ul ul ul ul ul ul
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul ul
#nav li.sfhover ul ul ul ul ul
#nav li.sfhover ul ul ul ul ul ul
#nav li.sfhover ul ul ul ul ul ul ul
#nav li.sfhover ul ul ul ul ul ul ul ul
#nav li.sfhover ul ul ul ul ul ul ul ul ul	{ left: -999em; }

