/* CSS Document */

/* mainnav-wrapper */
#mainnav-wrapper { width: 900px; height: 64px; margin: auto; position: relative; z-index: 9998;}
#mainnav-wrapper #mainnav { margin: 0; padding: 0; }
#mainnav-wrapper #mainnav li { display: inline; }
#mainnav-wrapper #mainnav li a { float: left; height: 0; padding-top: 64px; overflow: hidden; border:0; }
#mainnav-wrapper #mainnav li a,
#mainnav-wrapper { background-image: url(../images/mainnavbg.png); background-repeat: no-repeat; }

/* BUTTONS */
#mainnav-wrapper #mainnav li#mn-home a { width: 80px; background-position: 0 0; }
#mainnav-wrapper #mainnav li#mn-usingmp a { width: 164px; background-position: -80px 0; }
#mainnav-wrapper #mainnav li#mn-articles a { width: 106px; background-position: -244px 0; }
#mainnav-wrapper #mainnav li#mn-products a { width: 111px; background-position: -350px 0; }
#mainnav-wrapper #mainnav li#mn-resources a { width: 114px; background-position: -461px 0; }
#mainnav-wrapper #mainnav li#mn-qa a { width: 189px; background-position: -575px 0; }
#mainnav-wrapper #mainnav li#mn-contactus a { width: 124px; background-position: -764px 0; }

/* OVER STATES */
#mainnav-wrapper #mainnav li#mn-home a:hover { width: 80px; background-position: 0 -64px; }
#mainnav-wrapper #mainnav li#mn-usingmp a:hover { width: 164px; background-position: -80px -64px; }
#mainnav-wrapper #mainnav li#mn-articles a:hover { width: 106px; background-position: -244px -64px; }
#mainnav-wrapper #mainnav li#mn-products a:hover { width: 111px; background-position: -350px -64px; }
#mainnav-wrapper #mainnav li#mn-resources a:hover { width: 114px; background-position: -461px -64px; }
#mainnav-wrapper #mainnav li#mn-qa a:hover { width: 189px; background-position: -575px -64px; }
#mainnav-wrapper #mainnav li#mn-contactus a:hover { width: 124px; background-position: -764px -64px; }

/* PRESSED STATES */
#mainnav-wrapper #mainnav li#mn-home a:active { background-position: 0 -128px; }
#mainnav-wrapper #mainnav li#mn-usingmp a:active { background-position: -80px -128px; }
#mainnav-wrapper #mainnav li#mn-articles a:active { background-position: -244px -128px; }
#mainnav-wrapper #mainnav li#mn-products a:active { background-position: -350px -128px; }
#mainnav-wrapper #mainnav li#mn-resources a:active { background-position: -461px -128px; }
#mainnav-wrapper #mainnav li#mn-qa a:active { background-position: -575px -128px; }
#mainnav-wrapper #mainnav li#mn-contactus a:active { background-position: -764px -128px; }

/* ON STATES */
#mainnav-wrapper.usingmp #mainnav li#mn-usingmp a { background-position: -80px -192px !important; }
#mainnav-wrapper.articles #mainnav li#mn-articles a { background-position: -244px -192px !important; }
#mainnav-wrapper.products #mainnav li#mn-products a { background-position: -350px -192px !important; }
#mainnav-wrapper.resources #mainnav li#mn-resources a { background-position: -461px -192px !important; }
#mainnav-wrapper.qa #mainnav li#mn-qa a { background-position: -575px -192px !important; }
#mainnav-wrapper.contactus #mainnav li#mn-contactus a { background-position: -764px -192px !important; }

/* turn off subesection by default */
#mainnav li ul { display: none; position: absolute;	top: 64px;	left: 1px; width: 630px; font-size: 10px; padding-top:9px; padding-left:28px;}

#mainnav li ul.subnavSelect {display: block;}

/* subsection rollovers */
#mainnav li:hover ul, #mainnav li.hover ul {
	display: block;
	background:url(../images/mainnav-subtext-bg.jpg) repeat-x; height:24px;
	z-index: 1000;
}