/* menu */

.menu {
	width:200px;
	height:25px;
	padding:0;
	margin:0;
	position:relative;
	z-index:100;
	font-size: 1.2rem;
}

.menu .menu-btn {
	display: inline-block;
	color: #fff;
	background: #b3cb2e;
	text-decoration: none;
	font-family: 'pt_sansbold';
	height: 20px; /* Height including padding = 25px */
	padding: 5px 15px 0 15px;
	text-align: center;
	cursor: pointer;
	
	/* BORDER STYLE */
	border: 1px solid #2382af;
	border-top-color: #e1f7ff;
	border-left-color: #e1f7ff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* BG GRADIENT */
	background: #a8e7ff; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZTdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2E4ZTdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzEyYWZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  #a8e7ff 0%, #a8e7ff 27%, #12afe9 64%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8e7ff), color-stop(27%,#a8e7ff), color-stop(64%,#12afe9)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #a8e7ff 0%,#a8e7ff 27%,#12afe9 64%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #a8e7ff 0%,#a8e7ff 27%,#12afe9 64%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #a8e7ff 0%,#a8e7ff 27%,#12afe9 64%); /* IE10+ */

background: linear-gradient(to bottom,  #a8e7ff 0%,#a8e7ff 27%,#12afe9 64%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8e7ff', endColorstr='#12afe9',GradientType=0 ); /* IE6-8 */


}
.menu .menu-btn:hover, .menu .menu-btn:focus {
	background: #00abe6;
}
.menu .menu-btn:active {
	background: #a8e7ff;
}
.menu ul {
	padding:0;
	margin:0;
	display:block;
	float:right;
	list-style-type: none;
}

/*
.menu ul li {
	padding:1px 11px 10px;
	margin:0;
	list-style:none;
	float:left;	
	display:block;
}

.menu ul li a {
	font-size:14px;
	font-weight:lighter;
	color:#929497;	
	text-decoration:none;
	padding:0;
	margin:0;
	height:30px;
	display:block;
}

.menu ul li:hover a {
	color:#FBA01E;
	margin:0;
}
*/
	
/* specific to non IE browsers */

.menu ul li ul {
	display: none;
}

/* drop down menu position */

.menu ul li:hover ul {
	width:220px;
	display:block; 
	position:absolute; 
	top: 25px;
	left: 0;
	margin:0;
	padding:0;
}

.menu ul li:hover ul li a.hide {
	background:#666; 
	color:#FFF;
}

.menu ul li:hover ul li:hover a.hide {
	background:#999;
	color:#000;
}

.menu ul li:hover ul li ul {
	display: none;
}

/*drop down*/

.menu ul li:hover ul li {
	list-style:none;
	padding:0;
	margin:0 0 0 -8px;
}

.menu ul li:hover ul li a {
	width:200px; height:24px;
	font-size: 1.2rem;
	font-weight:normal;
	padding:10px 0 0 8px;
	margin:0;
	display:block;
	background: #00abe6;
 	-khtml-opacity:.95; 
 	-moz-opacity:.95; 
 	-ms-filter:"alpha(opacity=95)";
  	filter:alpha(opacity=95);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.95);
  	opacity:.95; 
	color:#FFF;
	text-decoration:none;
	list-style:none;
	filter:none !important;
}

/*drop down rollover*/

.menu ul li:hover ul li a:hover {
	background: #a8e7ff;
	color:#000;
}