@charset "utf-8";
/* CSS Document 
img, div, li, a { 
	behavior: url(iepngfix.htc) 
}*/

#mainNav {
	width: 674px;
	height: 49px;
	background: url(../images/menurightBg.jpg) no-repeat right 0;
}

#nav {
	margin: 20px 0px 0px 20px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;

}

#nav li {
	float: left;
	text-align: center;
	position: relative;
	width: 92px;
	z-index: 5;
}

#nav li a {
	color: #FFF;
	text-decoration: none;
	outline: 0;
	display: block;
	z-index: -1;
}

#nav li#background {
	width: 116px;
}

#nav li#news {
	width: 77px;
}

#nav li#materials {
	width: 97px;
}

#nav li#community {
	width: 95px;
}

#nav li#licensing {
	width: 100px;
}

#nav li#researchOne {
	width: 92px;
}

#nav li#store {
	width: 70px;
}

#nav li#background a div{
	display: block;
	background: url(../images/backgroundHover.png) no-repeat 0 0;
	height: 49px;
	width: 124px;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 0;
}
#nav li#background a span {
	display: block;	
	color: #8cc63f;
	position: relative;
	z-index: 5;
}


#nav li#materials a div{
	display: block;
	background: url(../images/materialsHover.png) no-repeat 0 0;
	height: 49px;
	width: 105px;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 0;
}
#nav li#materials a span {
	display: block;	
	color: #8cc63f;
	position: relative;
	z-index: 5;
}


#nav li#news a div{
	display: block;
	background: url(../images/newHover.png) no-repeat 0 0;
	height: 49px;
	width: 88px;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 0;
}
#nav li#news a span {
	display: block;	
	color: #8cc63f;
	position: relative;
	z-index: 5;
}

#nav li#licensing a div{
	display: block;
	background: url(../images/licenseHover.png) no-repeat 0 0;
	height: 49px;
	width: 109px;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 0;
}
#nav li#licensing a span {
	display: block;	
	color: #8cc63f;
	position: relative;
	z-index: 5;
}


#nav li#store a div{
	display: block;
	background: url(../images/licenseHover.png) no-repeat 0 0;
	height: 49px;
	width: 109px;
	position: absolute;
	top: -20px;
	left: -1px;
	z-index: 0;
}
#nav li#store a span {
	display: block;	
	color: #8cc63f;
	position: relative;
	z-index: 5;
}




/*serach Nav*/

#navSerach {
	margin: 20px 30px 0px 4px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
}

#navSerach li {
	text-align: center;
}

#navSerach li a {
	color: #000;
	text-decoration: none;
}