/* 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: 156px; background-position: -80px 0; }
#mainnav-wrapper #mainnav li#mn-products a { width: 101px; background-position: -236px 0; }
#mainnav-wrapper #mainnav li#mn-resources a { width: 105px; background-position: -337px 0; }
#mainnav-wrapper #mainnav li#mn-blog a { width: 65px; background-position: -442px 0; }
#mainnav-wrapper #mainnav li#mn-articles a { width: 92px; background-position: -507px 0; }
#mainnav-wrapper #mainnav li#mn-qa a { width: 177px; background-position: -599px 0; }
#mainnav-wrapper #mainnav li#mn-contactus a { width: 124px; background-position: -776px 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: 156px; background-position: -80px -64px; }
#mainnav-wrapper #mainnav li#mn-products a:hover { width: 101px; background-position: -236px -64px; }
#mainnav-wrapper #mainnav li#mn-resources a:hover { width: 105px; background-position: -337px -64px; }
#mainnav-wrapper #mainnav li#mn-blog a:hover { width: 65px; background-position: -442px -64px; }
#mainnav-wrapper #mainnav li#mn-articles a:hover { width: 92px; background-position: -507px -64px; }
#mainnav-wrapper #mainnav li#mn-qa a:hover { width: 177px; background-position: -599px -64px; }
#mainnav-wrapper #mainnav li#mn-contactus a:hover { width: 124px; background-position: -776px -64px; }

/* PRESSED STATES */
#mainnav-wrapper #mainnav li#mn-home a:active { width: 80px; background-position: 0 -128px; }
#mainnav-wrapper #mainnav li#mn-usingmp a:active { width: 156px; background-position: -80px -128px; }
#mainnav-wrapper #mainnav li#mn-products a:active { width: 101px; background-position: -236px -128px; }
#mainnav-wrapper #mainnav li#mn-resources a:active { width: 105px; background-position: -337px -128px; }
#mainnav-wrapper #mainnav li#mn-blog a:active { width: 65px; background-position: -442px -128px; }
#mainnav-wrapper #mainnav li#mn-articles a:active { width: 92px; background-position: -507px -128px; }
#mainnav-wrapper #mainnav li#mn-qa a:active { width: 177px; background-position: -599px -128px; }
#mainnav-wrapper #mainnav li#mn-contactus a:active { width: 124px; background-position: -776px -128px; }

/* ON STATES */
#mainnav-wrapper.usingmp #mainnav li#mn-usingmp a { background-position: -80px -192px !important; }
#mainnav-wrapper.products #mainnav li#mn-products a { background-position: -236px -192px !important; }
#mainnav-wrapper.resources #mainnav li#mn-resources a { background-position: -337px -192px !important; }
#mainnav-wrapper.blog #mainnav li#mn-blog a { background-position: -442px -192px !important; }
#mainnav-wrapper.articles #mainnav li#mn-articles a { background-position: -507px -192px !important; }
#mainnav-wrapper.qa #mainnav li#mn-qa a { background-position: -599px -192px !important; }
#mainnav-wrapper.contactus #mainnav li#mn-contactus a { background-position: -776px -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;
}