/* Weber Marketing Group v5 External CSS - global site navigation, see main.css for non-navigation styles */
/* UPDATED 6-30-09 */

* {font-family: helvetica, arial, sans-serif; font-size: 1em; margin: 0; padding: 0;}

#divNav {
	background: #b2b8be;
	margin: 0;
	padding: 0;
	width: 444px; /* width of entire nav background */
	height: 58px /* total height of row 1 plus row 2 */;}

#nav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 444px; /* width of entire nav background */
	height: 58px; /* total height of row 1 plus row 2 */;}

#nav li ul, #nav li ul {margin: 0; padding: 0;}

#nav a {text-decoration: none;}

#nav li { /*float the main list items*/
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	height: auto;
	list-style-type: none;}

#nav li ul {display: none;}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
	background: #b2b8be;
	padding-top: 8px;
	padding-left: 20px; /* aligns subnav with first word */
	padding-right: 10px;
	position: absolute;
	top: 26px;
	left: 0; /* left is more compatible than right with Firefox */
	width: auto; /* width of subnav row */
	height: 26px; /* height of subnav row */}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/ background: #b2b8be;}

#nav li a {
	color: #3b4c54;
	display: block;
	padding: 0;
	width: 74px; /* width of main row button */
	list-style-type: square;}

#nav li.on a {color: #bd7924;}

#nav li.on ul a, #nav li.off ul a {
	color: #fff;
	margin-right: 8px; /* space between subnav row text items */
	width: auto;
	float: left; /*ie doesn't inherit the float*/
	border: none;}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ background: #b2b8be;}

#nav li.on ul {display: block;}

#nav li.off:hover ul, #nav li.over ul {display: block; z-index: 6000;}

#nav li.off a:hover, #nav li.on a:hover {color: #000;}

/*#nav li.on {z-index: 6000;}*/

/*do image replacement*/
#nav li span {position: absolute; left: -9384px;}

#liServices a, #liAboutUs a, #liClients a, #liPortfolio a, #liNews a, #liContact a {
	background: url("../images/nav_master_bknd.png") no-repeat;
	display: block;
	position: relative;
	height: 26px;  /* height of main row button */
	padding-left: 5px;}
	
/* first, put the initial states in place */
#liServices a {background-position: 0 0;}

#liAboutUs a {background-position: -74px 0;}

#liClients a {background-position: -148px 0;}

#liPortfolio a {background-position: -222px 0;}

#liNews a {background-position: -296px 0;}

#liContact a {background-position: -370px 0;}

/* active tab - the code could be based on a body class, and probably work better. */
#liServices.on a {background-position: 0 -37px;}
	
#liAboutUs.on a {background-position: -74px -37px;}

#liClients.on a {background-position: -148px -37px;}

#liPortfolio.on a {background-position: -222px -37px;}

#liNews.on a {background-position: -296px -37px;}

#liContact.on a {background-position: -370px -37px;}
/*add selectors for the other li's and background-positions*/

/*hover states*/
#liServices a:hover, #liServices:hover a, #liServices.over a {background-position: 0 -74px;}

#liAboutUs a:hover, #liAboutUs:hover a, #liAboutUs.over a {background-position: -74px -74px;}

#liClients a:hover, #liClients:hover a, #liClients.over a {background-position: -148px -74px;}

#liPortfolio a:hover, #liPortfolio:hover a, #liPortfolio.over a {background-position: -222px -74px;}

#liNews a:hover, #liNews:hover a, #liNews.over a {background-position: -296px -74px;}

#liContact a:hover, #liContact:hover a, #liContact.over a {background-position: -370px -74px;}

/* subnav */
#nav li.off ul a, #nav li.on ul a {
	color: #3b4c54;
	font-size: 14px;
	font-weight: normal;
	background: #b2b8be;
	display: block;}

#nav li.on ul a {background: #b2b8be;}
	
/* CUSTOM RESOURCES NAV SUBNAV ROW */
#nav ul.resources	{margin: 0; padding: 0;}

#nav li.resources ul { /*put the subnav below*/
	background: #b2b8be;
	padding-top: 8px;
	padding-left: 20px; /* aligns subnav with first word */
	padding-right: 0;
	position: absolute;
	top: 26px;
	left: 296px; /* left is more compatible than right with Firefox */
	width: auto; /* width of subnav row */
	height: 26px; /* height of subnav row */}

#nav li.resources:hover ul {display: block; z-index: 6000;}

#nav li.resources a:hover {color: #fff;}
	
#nav li.resources ul a {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 10px 0 0;
	color: #3b4c54;
	font-size: 14px;
	background: #b2b8be;
	display: block;}
/* END CUSTOM RESOURCES NAV SUBNAV ROW */

/* CUSTOM  ABOUT NAV SUBNAV ROW */
#nav ul.about	{margin: 0; padding: 0;}

#nav li.about ul { /*put the subnav below*/
	background: #b2b8be;
	padding-top: 8px;
	padding-left: 20px; /* aligns subnav with first word */
	padding-right: 0;
	position: absolute;
	top: 26px;
	left: 75px; /* left is more compatible than right with Firefox */
	width: auto; /* width of subnav row */
	height: 26px; /* height of subnav row */}

#nav li.about:hover ul {display: block; z-index:  6000;}

#nav li.about a:hover {color: #000;}
	
#nav li.about ul a {
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
	height: auto;
	color: #3b4c54;
	background: #b2b8be;
	font-size: 14px;
	display: block;}
/* END CUSTOM ABOUT NAV SUBNAV ROW */