@charset "UTF-8";
/* CSS Document */

/* mainNavContainer */
#mainNavContainer { height: 22px; margin:-3px 0 0 -2px; }

/* BUTTONS */
#mainNav li#navHome a { background-position: 0px -5px; width:91px; }
#mainNav li#navProducts a { background-position: -91px -5px; }
#mainNav li#navSupport a { background-position: -177px -5px; }
#mainNav li#navNews a { background-position: -263px -5px; }
#mainNav li#navAbout a { background-position: -349px -5px; }
#mainNav li#navContactus a { background-position: -435px -5px; }

/* OVER STATES */
#mainNav li#navHome a:hover { background-position: 0px -35px; }
#mainNav li#navProducts a:hover { background-position: -91px -35px; }
#mainNav li#navSupport a:hover { background-position: -177px -35px; }
#mainNav li#navNews a:hover { background-position: -263px -35px; }
#mainNav li#navAbout a:hover { background-position: -349px -35px; }
#mainNav li#navContactus a:hover { background-position: -435px -35px; }

/* PRESSED STATES */
#mainNav li#navHome a:active { background-position: 0 -64px; color:#3D9AC4;}
#mainNav li#navProducts a:active { background-position: -91px -64px; color:#3D9AC4; }
#mainNav li#navSupport a:active { background-position: -177px -64px; color:#3D9AC4; }
#mainNav li#navNews a:active { background-position: -263px -64px; color:#3D9AC4; }
#mainNav li#navAbout a:active { background-position: -349px -64px; color:#3D9AC4; }
#mainNav li#navContactus a:active { background-position: -435px -64px; color:#3D9AC4; }

/* ON STATES */
#home #mainNav li#navHome a { background-position: 0 -64px !important; color:#3D9AC4; }
#products #mainNav li#navProducts a { background-position: -91px -64px !important; color:#3D9AC4; }
#support #mainNav li#navSupport a { background-position: -177px -64px !important; color:#3D9AC4; }
#news #mainNav li#navNews a { background-position: -263px -64px !important; color:#3D9AC4; }
#about #mainNav li#navAbout a { background-position: -349px -64px !important; color:#3D9AC4; }
#contact #mainNav li#navContactus a { background-position: -435px -64px !important; color:#3D9AC4; }

/* keep the home button a bit wider */
#mainNav li#navHome { width:91px; }
#mainNav li#navHome ul#dropdown {margin-left:5px;}

/* Drop down menu styles */
#mainNav { margin: 0 0; padding: 3px 0 0 0; list-style:none; }

#mainNav ul {padding:0;margin:0;list-style:none;line-height:1;}
#mainNav a {display:block;width:200px;}

#mainNav li { float:left; width:86px; }

#mainNav li a { width: 86px; height: 25px; line-height:28px; text-align:center; text-decoration:none; color:#ffffff;}
#mainNav li a { background-image:url(../images/mainnavbg.gif); background-repeat: no-repeat;}
/*push the blue bar to the end*/
#mainNav li#navbg {background-color:#3D9AC4; width:417px; height:22px; margin:3px -3px 0 0; display:block;}

/* using left instead of display to hide menus because display: none isn't read by screen readers */
/* second-level lists */
#mainNav li ul#dropdown { position: absolute; width:205px; left: -999em; border:1px solid #999999; border-top:none; padding:10px 0 0 0; margin:0;
						  background-image:url(../images/dropdown_bg.gif) !important; background-position:absolute; background: repeat-x #ffffff; color:#666;}
/* second-level list items */
#mainNav li ul#dropdown li { width:200px; padding:0 0 0 5px; background-image:none; margin:0 0 0 0px; border-bottom:1px solid #CCCCCC; height:18px; line-height:18px;}
#mainNav li ul#dropdown li a {background-image:none; padding:0 0 0 5px; color:#3d9ac4; text-align:left; width:195px; height:18px; line-height:18px; }
#mainNav li ul#dropdown li a:hover {color:#fff !important; background:#3D9AC4;}
/* lists nested under hovered list items */
#mainNav li:hover ul#dropdown, #mainNav li.sfhover ul#dropdown { left: auto; }
#mainNav li:hover, #menu li.hover {
    position: static;
}
#mainNav #dropdown #bottom { clear:left; }
/* because of the shadow on the left we need to bump over the first drop down */
#mainNav li#navHome ul#dropdown {margin-left:5px;}