.navbgcolors {
	margin:0 0px;
	padding:0 5px;
	border-radius: 6px;
	border:solid 1px #1f77e6;
	background:#2992eb url(../images/topnavbg.png) bottom center repeat-x;
}

/**
 * Download Button
 */
#nav li.download a {
	position: relative;
	padding-left: 36px;
	font-weight: bold;
	background:#84c60b;
	padding:7px 20px 7px 40px !important;
	margin:7px 8px 4px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 1px 0px #bde64c, 0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	-moz-box-shadow: inset 0px 1px 0px #bde64c, 0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	-o-box-shadow: inset 0px 1px 0px #bde64c, 0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	box-shadow: inset 0px 1px 0px #bde64c, 0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
}

#nav li.download a img {
	position: absolute;
	top:7px;
	left:10px;
}

#nav li.download a:hover { background: #71ae00; }

#nav li.download a .version { font-weight: normal; }

/**
 * Download Button
 */
#nav li.buy a {
	position: relative;
	padding-left: 36px;
	font-weight: bold;
	background:#ff9c00;
	padding:7px 20px 7px 40px !important;
	margin:7px 8px 4px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 1px 0px #ffb745, 0px 3px 0px 0px #6d4300, 0px 4px 5px #6d4300;
	-moz-box-shadow: inset 0px 1px 0px #ffb745, 0px 3px 0px 0px #6d4300, 0px 4px 5px #6d4300;
	-o-box-shadow: inset 0px 1px 0px #ffb745, 0px 3px 0px 0px #6d4300, 0px 4px 5px #6d4300;
	box-shadow: inset 0px 1px 0px #ffb745, 0px 3px 0px 0px #6d4300, 0px 4px 5px #6d4300;
}

#nav li.buy a img {
	position: absolute;
	top:7px;
	left:12px;
}

#nav li.buy a:hover { background: #e39000; }

#nav li.buy a .version { font-weight: normal; }

/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap { }

/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */ }

#nav,
#nav li {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	float: left;
	margin:0;
}

/* nav link 
#nav a {
	display: inline-block;
	padding:15px 10px;
	color: #fff;
	border-left: 1px solid #1f77e6;
	font-size:14px;
	text-decoration:none;
}
*/
#nav li:first-child a {
    border-left: 0 none;
  }
#nav a:hover { background:#2992eb url(../images/topnavbg-hover.png) bottom center repeat-x; }

#nav li a.active { background:#2992eb url(../images/topnavbg-hover.png) bottom center repeat-x; }


/************************************************************************************
MOBILE
*************************************************************************************/

	
	
@media screen and (max-width:768px) {

.navbgcolors {
	margin:0 20px;
	border-radius:0;
	border:solid 1px #1f77e6;
	background:#2992eb;
}

	/* nav-wrap */
#nav-wrap {
 position: relative;
}

	/* menu icon */
	#menu-icon {
 color: #000;
 width: 42px;
 height: 30px;
 background:url(../images/menuicon.png) no-repeat left center;
 padding: 8px 10px 0 42px;
 cursor: pointer;
 display: block; /* show menu icon */
}
 #menu-icon:hover {
}
 #menu-icon.active {
 background-color:#000;
}
	
	/* main nav */
	#nav {
 clear: both;
 position: absolute;
 top: 38px;
 width:100%;
 z-index: 10000;
 background: #f8f8f8;
 border:solid 1px #000;
 display: none; /* visibility will be toggled with jquery */
}
 #nav li {
 background:#000;
 border-top: 1px solid #242324;
 clear: left;
 float:left;
 position:relative;
 width:100%;
}
/* change the main nav list items on hover */ 
#nav li:hover {
 visibility:inherit; /* fixes IE7 'sticky bug' */
}
/* style all the links */
#nav a {
 color: #fff;
 display:block;
 padding:10px 0;
 text-decoration: none;
 text-indent: 12px;
 border-left:0 !important;
}




}

 
