/* branded media navigation */


#navigation{
	background: #565655 url(../gfx/nav/navRepeat.gif) repeat-x top;
	color: white;
	position: relative;
	width: 100%;
	height: 48px;
	float: left;
	font: 11px verdana;
	_font-size: 11px;
}

#navigation li.offTop a:hover{
	background: #00FFCC;
}

#navMove{ margin-left: -40px; }

#nav li {
  /*float the main list items*/
	  margin: 0;
	  margin-top: -11px;
	  _margin-top: 0px;
	  float: left;
	  display: block;
	  padding: 0px;
}

#nav li.offTop ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  color: white;
  display: block;
  height: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100px;
  text-align: center;
}

#navHome a{	
	width: 70px;
}

#navTest a{
	width: 120px;
}


#nav li.navHome a{
	background: url(../gfx/nav/navHome.gif) no-repeat;
	display: block;
	width: 65px;
}

#nav li.navHome a:hover{
	background: #565655 url(../gfx/nav/navHomeOver.gif) no-repeat;
	display: block;
}

#nav li.navHomeOn a{
	background: url(../gfx/nav/navHomeOver.gif) no-repeat;
	display: block;
	width: 65px;
}



#nav li.navAbout a{
	background: url(../gfx/nav/navAbout.gif) no-repeat;
	display: block;
	width: 71px;
}

#nav li.navAbout a:hover{
	background: #565655 url(../gfx/nav/navAboutOver.gif) no-repeat;
	display: block;
}

#nav li.navAboutOn a{
	background: #565655 url(../gfx/nav/navAboutOver.gif) no-repeat;
	display: block;
	width: 71px;
}



#nav li.offTop a{
	background: url(../gfx/nav/navServices.gif) no-repeat;
	display: block;
	width: 75px;
}

#nav li.offTop a:hover{
	background: #565655 url(../gfx/nav/navServicesOver.gif) no-repeat;
	display: block;
}

#nav li.offTop ul a:hover{
	background: none;
	display: block;
}

#nav li.offTopOn a{ /* active when page is selected */
	background: url(../gfx/nav/navServicesOver.gif) no-repeat;
	display: block;
	width: 75px;
}

#nav li.offTopOn ul a:hover{ /* active when page is selected */
	background: none;
	display: block;
}





#nav li.navRecentProjects a{
	background: url(../gfx/nav/navRecentProjects.gif) no-repeat;
	display: block;
	width: 131px;
}

#nav li.navRecentProjects a:hover{
	background: url(../gfx/nav/navRecentProjectsOver.gif) no-repeat;
	display: block;
}

#nav li.navRecentProjectsOn a{
	background: url(../gfx/nav/navRecentProjectsOver.gif) no-repeat;
	display: block;
	width: 131px;
}



#nav li.navQuote a{
	background: url(../gfx/nav/navDetailedQuotation.gif) no-repeat;
	display: block;
	width: 155px;
}

#nav li.navQuote a:hover{
	background: url(../gfx/nav/navDetailedQuotationOver.gif) no-repeat;
	display: block;
}

#nav li.navQuoteOn a{
	background: url(../gfx/nav/navDetailedQuotationOver.gif) no-repeat;
	display: block;
	width: 155px;
}



#nav li.navContact a{
	background: url(../gfx/nav/navContact.gif) no-repeat;
	display: block;
	width: 80px;
}

#nav li.navContact a:hover{
	background: url(../gfx/nav/navContactOver.gif) no-repeat;
	display: block;
}

#nav li.navContactOn a{
	background: url(../gfx/nav/navContactOver.gif) no-repeat;
	display: block;
	width: 80px;
}




#nav a:links{text-decoration: none}
#nav a:visited {text-decoration: none}
#nav a:active {text-decoration: none}
#nav a:hover {text-decoration: none;}
	

#nav li.offTop ul, #nav li.offTopOn ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  height: 30px; /* changes height of drop down making button selection easier */
  left: 0;
  top: 33px;
  padding-top: 10px;
  _padding-top: 5px; 
  margin-left: 105px;
  _margin-left: -0px;
}

#nav li.on ul a, #nav li.offTop ul a, #nav li.offTopOn ul a {
  /*  cancel inherit of border on subnav of active topic - gives bg's for subnav*/
    float: left;
    /*ie doesn't inherit the float */
    border: 0;
    color: white;
	white-space:nowrap;
 	background: #565655 url(../gfx/listDevide.gif) no-repeat right;
	padding-right: 15px; /* padding for bottom subnav */
	margin-right: 2px;
	padding-left: 0px;
	font: 9px verdana;	
	width: auto;
}

#nav li.on ul a:hover, #nav li.offTop ul a:hover, #nav li.offTopOn ul a:hover {
	text-decoration: underline; /* bg's for subnav over state */
 	background: #565655 url(../gfx/listDevide.gif) no-repeat right;
}





/* magic code */


#nav li.offTop:hover ul, #nav li.offTopOn:hover ul {
     /*  display the other topics when their parent is hovered */
	display: none;
    z-index: 6000;
	color: white;
}


#nav li.offTop a:hover, #nav li.offTopOn a:hover{
    color: white;
	display: block;	
}

/* end magic code */

#nav li.offTop ul, #nav li.offTopOn ul{
  /*put the subnav below and determines how close to top navbar */
  top: 25px;
  _top: 20px;
  width: auto;
}

#nav li.offTop:hover ul, #nav li.offTopOn:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
  background: none;
}



#nav li.offTop a:hover, #nav li.offTopOn a:hover, #nav li:hover a, #nav li.over a {
    color: white;
}