@charset "utf-8";


@media only screen and (min-width: 769px) {
#toptoogle{
	display:none;}
}

.toplink{
	height:35px;	
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border-bottom:#dedede 1px solid;
border-top:#eaeaea 1px solid;
}

.toplink ul{
	width:85%;
	margin:auto;
	line-height:33px;
	font-size:12px;
    list-style-type:square;
    list-style-position:outside;
    color: #c9c9c9;
	}

.toplink li{
	float:right;	
	text-indent:-2px; 
	}
	
.toplink ul li a{
	color:#6d6d6d;	
	margin-right:25px;
	}


#menu{
	width:100%;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ba2da+0,5685b8+100 */
     -moz-box-shadow:4px 4px 12px -1px rgba(20%,20%,40%,0.3);
     -webkit-box-shadow:4px 4px 12px -1px rgba(20%,20%,40%,0.3);
     box-shadow:4px 4px 12px -1px rgba(20%,20%,40%,0.3);
	 z-index:40;
}



/*----------------------------------------------------- Nav Menu */


#nav-toggle {
	display:none;
}

#nav {
	width:92%;
	height:48px;
	min-width:768px;
	white-space:nowrap;
}

#nav_ind {
	width:92%;
	height:40px;
	min-width:768px;
	white-space:nowrap;
}


#nav ul, #nav_ind ul {
	float:right;
	letter-spacing:1px;
	text-align:right;
}

#nav ul li, #nav_ind ul li {
	display:inline-block;
	color:#fff;
	padding:0 12px;
	position:relative;
	cursor:pointer;
	font-size:16px;
	}

#nav li:hover a, #nav_ind li:hover a {
		color:#000;
	}

#nav ul li a {
	height:48px;
	line-height:48px;
	display:block;
	color:#fff;
}

#nav_ind ul li a {
	height:40px;
	line-height:38px;
	display:block;
	color:#fff;
}

#nav ul li a:hover, #nav_ind ul li a:hover {
	text-decoration:none;
}

#nav ul li ul, #nav_ind ul li ul { 
	display:none;
	background:#fff9dd;	
	position:absolute;
}
#nav ul li:hover ul, #nav_ind ul li:hover ul {
	display:block;
	left:0px;
	top:48px;
	z-index:10;
	text-align:left;
}

#nav li:hover ul a:hover, #nav_ind li:hover ul a:hover {
	color:#666;
}
		
#nav li:hover ul li:hover, #nav_ind li:hover ul li:hover {
	width:100%;
	background:#ffefa6; 
	border:#dedede 1px solid;
}


@media screen and (min-width: 769px) and (max-width: 1023px) {

#nav ul li, #nav_ind ul li { padding:0 7px; }

}

/*----------------------------------------------------- media(RWD) */

@media only screen and (max-width: 768px) {
	
	#toptoogle{		
		position:fixed; 
		top:0px;
		right:0px;
		margin:8px 8px 0px 0px;
		z-index:45;
		}
		
   .toplink{
	display:none;
	position:absolute;
	overflow:hidden;
	height:auto;
	border-top:none;
	margin-top:60px;
    }
	
   .toplink ul{
	width:100%;
	margin:auto;
	line-height:45px;
	font-size:15px;
    list-style-type:square;
    list-style-position:outside;
    color: #c9c9c9;
	}

   .toplink li{
	float:none;
	margin-left:30px;
	cursor:pointer;
	border-bottom:#e5e5e5 1px solid;
	}	
	
	#nav-toggle {
		width:60px;
		height:60px;
		display:inline-block;
		background:#333;
		color:#FFF;
		cursor:pointer;
		position:fixed; 
		z-index:40; 
		top:0px;
	}
	
	#nav, #nav_ind {
		width:100%;
		height:auto;
		background:#333;
		margin:60px 0 -60px 0;
		position:relative;
		display:none;
		z-index:20;
	}
	
	#nav ul, #nav_ind ul {
		width:100%;
		float:none;
		text-align:left;
	}
	
	#nav ul li, #nav_ind ul li {
		width:100%;
		height:auto;
		font-size:1em;
		display:block;
		padding:0;
		
	}
	#nav ul li a{
		padding:0 10px;
	}
	
	#nav_ind ul li a {
	height:48px;
	padding:0 10px;
	line-height:48px;
}
	
	#nav li:hover a, #nav_ind li:hover a {
		color:#000;
	}
	#nav ul li:hover ul, #nav_ind ul li:hover ul{
		position:relative;
		top:0px;
	}
	
}