/* JS disabled styles */


.no-js nav li:hover ul { display:block; }
.color1 {
	color: #40307A;
}


/* base nav styles */
nav {
	display:block;
	position:relative;
	z-index: 999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}
nav a:hover {
	color: #00A9E0;
}
nav ul { padding:0; margin:0;   }
nav li {
	position:relative;
	float:left;
	list-style-type:none;
	height:40px;
}
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a {
	display:block;
	padding:10px 35px;
	color:#666;
	text-decoration:none;
}
nav li a:focus {
	outline:none;
	text-decoration:none;
}
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul {
	display:none;
	width:100%;
	position:absolute;
	background-color: #FFF;
	left: 0px;
	
}
nav ul ul li { float:none; }
nav ul ul a {
	padding:5px 10px;
	border-left:none;
	border-right:none;
	font-size:14px;
}
nav ul ul a:hover {
	background-color:#FFF;
}

/* CSS3  */
.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.cssgradients nav { background-image:url(http://www.codeatech.com/images/navigation-bg.jpg); }
.boxshadow.rgba nav {  }
.cssgradients nav li:hover {
	background-image:url(http://www.codeatech.com/images/navigation-over.jpg);
	color: #FFF;
}
.borderradius nav ul ul { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; 
-moz-box-shadow: 0px 0px 15px #eaeaea;
-webkit-box-shadow: 0px 0px 15px #eaeaea;
box-shadow: 0px 0px 15px #eaeaea;
border-bottom:solid 1px #00a9e0;
border-left:solid 1px #00a9e0;
border-right:solid 1px #00a9e0;
border-top:solid 1px #00a9e0;
}

.boxshadow.rgba nav ul ul { background:#FFF; }
.rgba nav ul ul a:hover {
	color:#291670;
}
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }
.csstransforms ul a span {
	-moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	font-size: 0px;
}

/* fallbacks */
.no-cssgradients nav, .no-js nav {
	padding-bottom:4px;
	border:none;
}
.no-borderradius nav ul, .no-js nav ul {
}
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }
.no-borderradius nav li, .no-js nav li { height:44px; }
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(http://www.codeatech.com/images/navOverB.gif) repeat-x 0 0; }
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(http://www.codeatech.com/images/navLeft0.gif) no-repeat 0 0; }
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(http://www.codeatech.com/images/navOverL.gif) no-repeat 0 0; }
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }
.no-rgba nav ul ul, .no-js nav ul ul {
	left:1px;
	padding-left:2px;
}
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-rgba nav ul ul a:hover { background:url(http://www.codeatech.com/images/subOverB.png) repeat 0 0; }
.no-csstransforms ul a span {
	height:7px;
	width:12px;
	margin-top:8px;
	text-indent:-5000px;
	overflow:hidden;
}
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }
.color2 {
	color: #3D6859;
}


