/* 
 # Author: Johnny Chow
 #
 # Main menu navigation style.
*/

/* top navigation menu style - Begin */
.nav, .nav * {
  margin:0;
  padding:0;
}
.nav { /* menu overall style */
	/* width:1600px; */
	width:100%;
	margin:0; 
	list-style:none; 
	position:relative;
	z-index:800;
}
.nav li { /* all in one line */
	display:block; 
	float:left;
}

/* Rayson Low - Top Drop Down Navigation - Start */
.nav li span.topdaddy a,
.nav li.active span.topdaddy a,
.nav li.topdaddy span.topdaddy a,
.nav li span.top a { /* top menu link style */
	display: block;
	background-image: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:0px;
	padding-bottom:0px;
	float: Left;
	margin: 0;
	width: auto;
	line-height: 32px;
	white-space: nowrap;
	text-decoration:none;
	color:#dddddd;
	font-family:'Century Gothic';
	font-size:15px
}
.nav li ul li span.top a,
.nav li.active ul li span.top a { /* drop menu item link style */
	width: 100%;
	display: block;
	float: Left;
	padding-left: 7px;
	padding-right: 15px;
	padding-top:0px;
	padding-bottom:0px;
	text-decoration: none;
	color: #333333;
	height: 20px;
	line-height: 20px;
	margin:7px;
	vertical-align:middle;
	background: #CCCCCC;
	top: -12px;
	Left: -1px;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}
/* Style the list OR link hover. Depends on which browser is used */
.nav a:hover {
	visibility:visible; 
	position:relative; 
	z-index:999;
}
.nav li:hover {
	position:relative; 
	z-index:999;
}
.nav li span.topdaddy a:hover,
.nav li.active span.topdaddy a:hover,
.nav li span a:hover { /* make the top menu underlined if mouse hovers over */
	color: #fff;
	/* background: url(../images/topmenu_hover.jpg) repeat-x;*/ /* ***** Rayson Low ***** */
	text-decoration:none;
	color:#dddddd;
	font-family:'Century Gothic';
	font-size:15px
}	
.nav li.active:hover > span.topdaddy a { /* make the top link when item dropped down */
	color: #fff;
	/* background: url(../images/topmenu_hover.jpg) repeat-x; */ /* ***** Rayson Low ***** */
	text-decoration:none;
	color:#dddddd;
	font-family:'Century Gothic';
	font-size:15px
}
.nav li:hover > span.topdaddy a { /* make the top link when item dropped down */
	color: #fff;
	/* background: url(../images/topmenu_hover.jpg) repeat-x; */ /* ***** Rayson Low ***** */
	text-decoration:none;
	color:#dddddd;
	font-family:'Century Gothic';
	font-size:15px
}
/* Rayson Low - Top Drop Down Navigation - End */

.nav ul, 
.nav :hover ul ul, 
.nav :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul :hover ul ul { 
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.nav li:hover ul,
.nav li.active:hover ul { /* IMPORTANT layout the background image for the drop down menu */
	left:-6px; 
	top:32px;
	height:auto; 
	white-space:nowrap; 
	width:22	0px; 
	padding-top:5px;
	padding-bottom:12px;
}
.nav li:hover ul li,
.nav li.active:hover ul li {
	display:block; 
	height:20px;
	float:left; 
	width:250px; 
}
/* drop down item style */
.nav li:hover ul li a,
.nav li.active:hover ul li a {
	display:block; 
	position:relative; 
	font-size:14px; 
	height:20px;
	width:auto;
    line-height:10px;
    text-indent:10px; 
	color:#000;
	padding:4px;
	text-decoration:none;
}
.nav li:hover ul li a:hover,
.nav li.active:hover ul li a:hover { /* child menu item style  */
	color: #FFFFFF;		/* Rayson Low */
	text-decoration:None;
	/* background: url(../images/topmenu_hover.jpg) repeat-x; */ /* ***** Rayson Low ***** */
	/* for IE */
	filter:alpha(opacity=100);
	/* CSS3 standard */
	opacity:1.0;		
}
/* top navigation menu style - End */