/* CSS Document */

/* mainnav-wrapper */
#mainnav-wrapper { width: 960px; height: 44px; 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: 44px; padding-top:0; overflow: hidden; border:0; }
#mainnav-wrapper #mainnav li a,
#mainnav-wrapper { background: url(../images/mainnav.jpg) no-repeat; }


/* BUTTONS */
#mainnav-wrapper #mainnav li#mn-blank a { width: 278px; background-position: 0 0; }
#mainnav-wrapper #mainnav li#mn-home a { width: 52px; background-position: -278px 0; }
#mainnav-wrapper #mainnav li#mn-aboutus a { width: 90px; background-position: -330px 0; }
#mainnav-wrapper #mainnav li#mn-products a { width: 92px; background-position: -420px 0; }
#mainnav-wrapper #mainnav li#mn-services a { width: 88px; background-position: -512px 0; }
#mainnav-wrapper #mainnav li#mn-events a { width: 75px; background-position: -600px 0; }
#mainnav-wrapper #mainnav li#mn-sponsors a { width: 94px; background-position: -675px 0; }
#mainnav-wrapper #mainnav li#mn-support a { width: 85px; background-position: -769px 0; }
#mainnav-wrapper #mainnav li#mn-contactus a { width: 106px; background-position: -854px 0; }

/* OVER STATES */
#mainnav-wrapper #mainnav li#mn-blank a:hover { width: 278px; background-position: 0 -44px; }
#mainnav-wrapper #mainnav li#mn-home a:hover { width: 52px; background-position: -278px -44px; }
#mainnav-wrapper #mainnav li#mn-aboutus a:hover { width: 90px; background-position: -330px -44px; }
#mainnav-wrapper #mainnav li#mn-products a:hover { width: 92px; background-position: -420px -44px; }
#mainnav-wrapper #mainnav li#mn-services a:hover { width: 88px; background-position: -512px -44px; }
#mainnav-wrapper #mainnav li#mn-events a:hover { width: 75px; background-position: -600px -44px; }
#mainnav-wrapper #mainnav li#mn-sponsors a:hover { width: 94px; background-position: -675px -44px; }
#mainnav-wrapper #mainnav li#mn-support a:hover { width: 85px; background-position: -769px -44px; }
#mainnav-wrapper #mainnav li#mn-contactus a:hover { width: 106px; background-position: -854px -44px; }

/* PRESSED STATES */
#mainnav-wrapper #mainnav li#mn-home a:active { background-position: -278px -44px; }
#mainnav-wrapper #mainnav li#mn-aboutus a:active { background-position: -330px -44px; }
#mainnav-wrapper #mainnav li#mn-products a:active { background-position: -420px -44px; }
#mainnav-wrapper #mainnav li#mn-services a:active { background-position: -512px -44px; }
#mainnav-wrapper #mainnav li#mn-events a:active { background-position: -600px -44px; }
#mainnav-wrapper #mainnav li#mn-sponsors a:active { background-position: -675px -44px; }
#mainnav-wrapper #mainnav li#mn-support a:active { background-position: -769px -44px; }
#mainnav-wrapper #mainnav li#mn-contactus a:active { background-position: -854px -44px; }

/* ON STATES */
#mainnav-wrapper.home #mainnav li#mn-home a { background-position: -278px -88px !important; }
#mainnav-wrapper.aboutus #mainnav li#mn-aboutus a { background-position: -330px -88px !important; }
#mainnav-wrapper.products #mainnav li#mn-products a { background-position: -420px -88px !important; }
#mainnav-wrapper.services #mainnav li#mn-services a { background-position: -512px -88px !important; }
#mainnav-wrapper.events #mainnav li#mn-events a { background-position: -600px -88px !important; }
#mainnav-wrapper.sponsors #mainnav li#mn-sponsors a { background-position: -675px -88px !important; }
#mainnav-wrapper.support #mainnav li#mn-support a { background-position: -769px -88px !important; }
#mainnav-wrapper.contactus #mainnav li#mn-contactus a { background-position: -854px -88px !important; }
