#header 
{
  height: 49px;
  width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  /*overflow: hidden;*/
  z-index: 10;
}

#header h1.site-name 
{
  background: #fff url(/images/Mozy_logo.png) no-repeat top left;  /* http://mozy.com/images/Mozy_logo.png when live */
  height: 47px;
  width: 174px;
}

#header h1 a 
{
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -1000em;
}

#header ul#global-nav 
{
  position: absolute;
  width: 795px;
  height: 43px;
  right: 0;
  top: 2px;
  background: #fff url(/images/nav-base.png) no-repeat 0 0;   /* http://mozy.com/images/nav-base.png when live */
  z-index: 1;
}

#header #global-nav li 
{
  float: left;
  height: 43px;
  width: 111px;
}

#header #global-nav li#navlink1 
{
  width: 115px;
}

#header #global-nav li a 
{
  display: block;
  height: 100%;
  width: 100%;
  /*overflow: hidden;*/
  text-indent: -1000em;
  background-image: url(/images/nav-states.png); /* http://mozy.com/images/nav-states.png when live */
  background-position: 0 -86px;
}

#header.logged-in #global-nav
{
  background-image: url(/images/nav-base-logged-in.png);
}

#header.logged-in #global-nav li a
{
  background-image: url(/images/nav-states-logged-in.png);
}

#header #global-nav li#navlink1 a:hover     {background-position: 0 0}
#header #global-nav li#navlink2 a:hover      {background-position: -115px 0}
#header #global-nav li#navlink3 a:hover     {background-position: -226px 0}
#header #global-nav li#navlink4 a:hover {background-position: -337px 0}
#header #global-nav li#navlink5 a:hover    {background-position: -448px 0}

#header #global-nav li#navlink1 a.selected     {background-position: 0 -43px}
#header #global-nav li#navlink2 a.selected      {background-position: -115px -43px}
#header #global-nav li#navlink3 a.selected     {background-position: -226px -43px}
#header #global-nav li#navlink4 a.selected {background-position: -337px -43px}
#header #global-nav li#navlink5 a.selected    {background-position: -448px -43px}

/* dropdown menus */
#header #global-nav li ul
{
  margin: 0; 	
  padding: 0;
  position: absolute;
  top: 41px;
  left: 1px;
  visibility: hidden;
  font-size: 1.12em;
  background: transparent url(/images/bg-headernav-dropdown.png) no-repeat bottom left;
  z-index: 15;
}

#header #global-nav li ul li
{
  float: none;
  display: inline;
}

#header #global-nav li ul li a
{
  width: 86px;
  padding: 3px 10px;
  text-indent: 0;
  margin: 5px;
  text-decoration: none;
  background: #ffffff;
  color: #525252;
}

#header.logged-in #global-nav li ul li a
{
  background-image: none;
}

#header #global-nav li ul li a:hover
{
  background: #86888c;
  color: #ffffff;
}

#header #search-form-wrapper
{
  position: absolute;
  right: 0px;
  top: 3px;
  height: 43px;
  width: 233px;
  overflow: hidden;
  z-index: 20;
}

#header form#search_form {
  /*position: absolute;
  right: 0;
  top: 2px;*/
}

#header form#search_form label {
  display: block;
  width: 235px;
  height: 43px;
  overflow: hidden;
  text-indent: -1000em;
  margin-bottom: 1000em;
}

#header #search_form #q {
  position: absolute;
  top: 13px;
  left: 55px;
  width: 146px;
  height: 15px;
  vertical-align: middle;
  border: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1000em;
}

#header #search_form p { margin: 0; padding: 0; }
