@charset "utf-8";

/* ========== Navigator Main Menu ========== */
div.navigator_area{
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
	position: -webkit-sticky; /* Safari */
    position: sticky;
	top:0px; background-color:#666; width:100%;	height:40px; z-index:9;	}

div.arcady_navigator_container{	position:absolute;	width:1050px; height:40px; left:50%; margin-left:-525px;}

ul.main_navigator { list-style-type: none; margin: 0; padding: 0; overflow:hidden; }

li { float:left; }
	
li.mainmenu a {
	display: inline-block;
	font-size:14px; color:#fff;	letter-spacing:1px;	text-decoration: none; 	height:20px;
	padding: 10px 13px 10px 13px; }
    /* padding: top right bottom left */

li.mainmenu a:hover { background-color:red; color:#fff;}

/* ========== Navigator sideMenu ========== */

/* box of sidemenu */
div.sidenavigator_bar {	position:absolute; width: 200px; height: 489px;	top: 0px; left: 0px; 
	background-color:#999 ;	}

ul.sidemenu{ list-style-type:none; margin:0; padding:0;	overflow:hidden;}

li.sidemenu{ float:left;}

/* sidemenu hyperlink setting */
li.sidemenu a{ display:inline-block; width: 200px;	height: 30px; font-size:14px; color:#fff;
	           letter-spacing:1px; text-decoration:none; padding-top:20px;	padding-bottom:10px;
			   padding-left:0px; padding-right:10px; text-align: center; border-bottom: white 1px solid;}
	
li.sidemenu a:hover{ background-color:red; }