.selectedanchor {
	/*background-color:#F00;*/
	color:#FFF;
	line-height:24px;
	margin:0 0 0 0;
	/*-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;*/
}

.selectedanchor span {
	color:#38aeef;
}


.selectedanchor div {
/* 	background:url(../images/about2.jpg) 16px -2px no-repeat; */
	color:#38aeef;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	/* font: normal 12px Verdana; */
	/* line-height: 18px; */
	z-index: 100;
	width: 290px;
	margin:11px 0 0 0;
	/* border-left:1px solid #7caacb; */
	/* border-right:1px solid #7caacb; */
}

.anylinkmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



.anylinkmenu ul li a {
	color:#FFF;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #4b88cb;
	background-color:#004c80;
	/* background:url(../images/menu-bg.jpg) left no-repeat #FFF; */
	padding: 8px 0 9px 0;
	text-decoration: none;
	text-indent: 13px;
	font: 13px Arial, Helvetica, sans-serif;
}

.anylinkmenu a:hover { /*hover background color*/
	/*background:#00b8bd url(../images/tab-bg-over.png);*/
	color:#fff;
	background-color:#012547;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols {
	position: absolute;
	width: 350px;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	padding: 10px;
	font: normal 12px Verdana;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background: #E9E9E9;
}

.anylinkmenucols li {
	padding-bottom: 3px;
}

.anylinkmenucols .column {
	float: left;
	padding: 3px 8px;
	margin-right: 5px;
	background: #E0E0E0;
}

.anylinkmenucols .column ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow { /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}


/* Menu */

nav {
	width: 550px;
	margin: 20px 0 0 0;
	_margin-left:33px;
	_margin-top:-4px;
	padding:0px;
	float:left;/*
	height:80px;*/
}
.nav-menu ul {
	margin: 0px 0 0 0;
	padding:0px;
	list-style:none;
	float: right;
}
.nav-menu ul li {
	margin:0px;
	padding:0 7px 0 7px;
	display:block;
	float:left;/* line-height:100px; */
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
.nav-menu ul li a {
    margin: 0px;
    padding: 11px 8px  8px 8px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    white-space: nowrap;
    background: #387ac4;
    border-radius: 30px;
    box-shadow: 2px 3px 4px 1px #000;
}
.nav-menu li a:hover {
	color:#38aeef;
	text-decoration:none;
}

.home {
	width:45px;
	display:block;
	background: url(../images/home.png) 0px top no-repeat;
}
.home:hover, .nav-menu li a.active {
	/*background: url(../images/home2.png) 0px top no-repeat;*/
	color:#fff;
}
.nav-menu ul li a:hover {
    background: #387ac4;
    color: #000;
    box-shadow: 2px 3px 4px 1px #e23528;
    position: relative;
    top: 4px;
}
/*
.about {
	display:block;
	background: url(../images/about.png) 5px 0px no-repeat;
}
.about:hover, .nav-menu li a.active2 {
	background: url(../images/about2.png) 5px -0px no-repeat;
	color:#38aeef;
}
.services {
	display:block;
	background: url(../images/services.png) 25px 0px no-repeat;
}
.services:hover, .nav-menu li a.active5 {
	background: url(../images/services2.png) 25px -0px no-repeat;
	color:#38aeef;
}
.career {
	display:block;
	background: url(../images/career.png) 25px 0px no-repeat;
}
.career:hover, .nav-menu li a.active3 {
	background: url(../images/career2.png) 25px -0px no-repeat;
	color:#38aeef;
}
.benefits{
	display:block;
	background: url(../images/benefits.png) 3px 0px no-repeat;
}
.benefits:hover, .nav-menu li a.active4 {
	background: url(../images/benefits2.png) 3px -0px no-repeat;
	color:#38aeef;
}*//*
.offers {
	display:block;
	background: url(../images/offers.png) 8px 0px no-repeat;
}
.offers:hover, .nav-menu li a.active4 {
	/*background: url(../images/offers2.png) 8px -0px no-repeat;*/
	color:#fff;
}*/
/*.infra {
	display:block;
	background:url(../images/infra.jpg) 40px 0px no-repeat;
}
.infra:hover, .nav-menu li a.active6 {
	/*background:url(../images/infra2.jpg) 40px -2px no-repeat;*/
	color:#fff;
}
.gallery {
	display:block;
	background:url(../images/gallery.jpg) 0 0px no-repeat;
}
.gallery:hover, .nav-menu li a.active8 {
	/*background:url(../images/gallery2.jpg) 0 -2px no-repeat;*/
	color:#fff;
}
.testimonial {
	display:block;
	background:url(../images/testimonial.jpg) 20px 0px no-repeat;
}
.testimonial:hover, .nav-menu li a.active10 {
	/*background:url(../images/testimonial2.jpg) 20px -2px no-repeat;*/
	color:#fff;
}
.carrer {
	display:block;
	background:url(../images/career.jpg) 5px 0px no-repeat;
}
.carrer:hover, .nav-menu li a.active9 {
	/*background:url(../images/career2.jpg) 5px -2px no-repeat;*/
	color:#fff;
}*/
.contact {
	display:block;
	background: url(../images/contact.png) 12px 0px no-repeat;
}
.contact:hover, .nav-menu li a.active7 {
	/*background: url(../images/contact2.png) 12px -0px no-repeat;*/
	color:#fff;
}
/* Menu */





@media only screen and (min-width:320px) and (max-width:479px) {

nav {
    width: 100%;
    margin: 0px 0 0 0;
    _margin-left: 33px;
    _margin-top: -4px;
    padding: 0px;
    float: left;
    height: 80px;
}
.nav-menu ul {
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    float: right;
    width: 310px;
}

.nav-menu ul li {
    margin: 0px;
    padding: 0 2px 0 2px;
    display: block;
    float: left;
    line-height: 100px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    width: auto;
}
.nav-menu ul li a {
    margin: 0px;
    padding: 5px 5px 5px 4px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    white-space: nowrap;
    background: #387ac4;
    border-radius: 30px;
    box-shadow: 2px 3px 4px 1px #000;
    width: auto;
}



}

@media only screen and (min-width:480px) and (max-width:767px) {
nav {
    width: 550px;
    margin: 0px 0 0 0;
    _margin-left: 33px;
    _margin-top: -4px;
    padding: 0px;
    float: left;
    height: 80px;
}
.nav-menu ul {
    margin: 0px 0 0 0;
    padding: 0px;
    list-style: none;
    float: left;
}
.nav-menu ul li {
    margin: 0px;
    padding: 0 5px 0 6px;
    display: block;
    float: left;
    line-height: 100px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    width: auto;
}
.nav-menu ul li a {
    margin: 0px;
    padding: 5px 8px 5px 8px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    background: #387ac4;
    border-radius: 30px;
    box-shadow: 2px 3px 4px 1px #000;
    width: auto;
}




}

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

nav {
    width: 100%;
    margin: 15px 0 0 0;
    _margin-left: 33px;
    _margin-top: -4px;
    padding: 0px;
    float: left;
    height: 40px;
}
.nav-menu ul {
    margin: 0px 0 0 0;
    padding: 10px 0px;
    list-style: none;
    float: right;
}
.nav-menu ul li {
    margin: 0px;
    padding: 0 4px 0 4px;
    display: block;
    float: left;
    line-height: 100px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #fff;
    width: auto;
}
.nav-menu ul li a {
    margin: 0px;
    padding: 5px 5px 5px 6px;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    background: #387ac4;
    border-radius: 30px;
    box-shadow: 2px 3px 4px 1px #000;
    width: auto;
}


}

@media only screen and (min-width:1024px) and (max-width:1279px) {}