.menu{
	margin:0;
	padding:0;
	line-height:100%;
	position:relative;
	z-index:1000;
	text-align:center;
}

#main-nav{
	/* left: 50%; */
	/* float: left; */
	position:relative;
}
	.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
	.menu li{
	font-size:12px;
	
	float: left;
	text-align: center;
	margin:0;
	padding:0;
	list-style-type:none;
	zoom:1;
	line-height:inherit;
	top:0;
	left: 0;
}
.menu-center li,.menu.center li{
	left: -50%;
	position: relative;
}
.menu-center li li,.menu.center li li{
	left: 0;
}
* html .menu li,
*:first-child+html .menu li {
	display:inline;
	zoom:1;
}
* html .menu li{
	float:left;}
		.menu li a{
	margin:0;
	padding:0;
	display:block;
	zoom:1;
	line-height:100%;
	top:0;
	left:0;
	position: relative;
	line-height:20px;
	vertical-align:middle;
}



/*--------------Sub Menus-------------------*/
	/*.menu li:hover > ul{display:block;}*/
	.menu ul{
	margin:0px;
	position: absolute;
	top:0;
	left: 0px;
	display:none;
	min-width: 200px;
	max-width: 200%;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

	.menu ul li{display:block;width:100%;
	text-align: left;}
	.menu ul li a{display:block;}
		.menu ul ul{top:0;left:100%;}
		
/*--------------Dividers-------------------*/		
	.menu ul li.divider{border-top:1px solid #ccc;}
	.menu ul li.divider a{border-top:1px solid #fff;}


/*--------------Right---------------------*/
	.menu li.right{float:right;}

	
/*--------------Arrows-------------------*/
	.menu li li.has-menu a{padding-right:25px;}
	.menu li li.has-menu span.arrow{
	display:block;position:absolute;top:45%;right:15px;line-height:0;height:0;width:0;}
	.menu li li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{
	display:block;}
	.menu.vertical li{
	display:block;
	text-align:left;
	width: 100%;
}
	.menu.vertical li a{display:block;}
	.menu.vertical ul{top:0;left:100%;}
	.menu.vertical li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
	.menu.vertical.right ul{top:0;right:100%;left:auto;}
	.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
	.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
	
	
/*---------------------------------
	MENU STYLES
	EDIT BELOW THIS LINE TO CUSTOMIZE
-----------------------------------*/
.menu{
	z-index:600;
}

	.menu li{}
	
		.menu li a{
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		}
		.menu.small li a{
		padding:4px 8px;
		}
		
		.menu li.current>a,
		.menu li.current>a:hover,
		.menu li.current.hover>a{
		color:#444;
		cursor: default;
		}
		
		.menu li a:hover,
		.menu li.hover>a{
		}
		
	/* sub menus */
	.menu ul{
	background: #fff;
	}
	
	.menu ul li{
}
	.menu ul li a{
		line-height:16px;
	}
	
		/* sub-sub menus */
		.menu ul ul{}
		.menu ul ul li{
			display:block; position:relative;}
		.menu ul ul li a{ }
		
	/* arrows */
	/* arrow down */ 
	/* arrow left */  .menu li li.has-menu span.arrow{
	/* width:4px; */
	/* height:4px; */
	/* background-image:url(/gsmg/img/common/arrow_LB.gif); */
	/* position:absolute; */
	/* right:2px; */
	/* bottom:2px; */
	/* border:none; */
	/* background-repeat: no-repeat; */
	/* background-position: right bottom; */
}
	
	/* dividers */ 	  .menu ul li.divider{border-top:1px solid #ccc;}
					  .menu ul li.divider a{border-top:1px solid #fff;}
					  
	/* icons */
	.menu .icon{margin:-10px 7px -10px -5px;vertical-align: middle;}
	.menu ul .icon{margin-left:-10px;}


/*---------------------------------
	RESPONSIVE MENU STYLES
	DO NOT EDIT unless you know what you are doing
-----------------------------------*/

.menu li.menu-toggle{display:none;}