@charset "utf-8";

/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

nav {
	display:block;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
	font-size:20px;
	
}
nav ul {
	padding:0;
	margin:0;
}
nav li {
	position:relative;
	float:left;
	list-style-type:none;
}

.navHeight> a {
	line-height:75px;	
}

nav ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
nav li a {
	text-align:center;
	min-width: 120px;
	display:block;
	/*padding-top:10px;
	padding-bottom:10px;*/
	padding-right:20px;
	padding-left:20px;
	color : #000;
	/*border:1px solid #CCC;*/
	/*color:#eee;*/
	text-decoration:none;
}

nav li a:focus {
	outline:none;
	text-decoration:none;
}
nav li:first-child a {
	/*border-left-width:2px;*/
	border-left:none;
}
nav li.last a {
	/*border-right-width:2px;*/
	border-right:none;
}

nav ul ul li:first-child {
	border-left  : 1px solid #999;
}

nav ul ul li.last a {
	/*border-right-width:2px;*/
	border-right : 1px solid #999;
}


nav a span {
	display:block;
	float:right;
	margin-left:5px;
}
nav ul ul {
	display:none;
	width:100%;
	position:absolute;
	left:0;
	background:#FFF;
}
nav ul ul li {
	float:none;
}

nav ul ul a {
	padding:5px 10px;
	/*border-left:none;
	border-right:none;*/
	border:1px solid #999;
	font-size:14px;
	padding-top:20px;
	padding-bottom:20px;
}

nav ul a:hover {
	background-color:#859dff;
}

nav ul ul a:hover {
	background-color:#859dff;
}

/* CSS3 */
.borderradius nav {
/*-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;*/
}
.cssgradients nav {
	background-image:-moz-linear-gradient(0% 22px 90deg, #FFF, #FFF);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#FFF), to(#FFF));
}
.boxshadow.rgba nav {
	/*-moz-box-shadow:2px 2px 2px rgba(255,255,255, .75);
	-webkit-box-shadow:2px 2px 2px rgba(255,255,255, .75);
	box-shadow:2px 2px 2px rgba(255,255,255, .75);*/
}
.cssgradients nav li:hover {
	background-image:-moz-linear-gradient(0% 100px 90deg, #859dff, #859dff);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#859dff), to(#859dff));
}


.borderradius nav ul ul {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.boxshadow.rgba nav ul ul {
	background-color:rgba(255,255,255, 0.8);
	/*-moz-box-shadow:2px 2px 2px rgba(255,255,255, .8);
	-webkit-box-shadow:2px 2px 2px rgba(255,255,255, .8);
	box-shadow:2px 2px 2px rgba(255,255,255, .8);*/
}
.rgba nav ul ul li {
	border-left:1px solid rgba(255,255,255, 0.1);
	border-right:1px solid rgba(255,255,255, 0.1);
}
.rgba nav ul ul a:hover {
	background-color:rgba(133, 157, 255, .9);
}
.borderradius.rgba nav ul ul li.last {
	/*border-left:1px solid rgba(255,255,255, 0.1);
	border-bottom:1px solid rgba(255,255,255, 0.1);
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;*/
}
.csstransforms ul a span {
	-moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}

