#navigation
{
	z-index:4;
	width:839px;
	height:72px;
	position:absolute;
	bottom:0px;
	right:6px;
	overflow:hidden;
	text-align:center;
	padding: 0 0px 0 4px;
	background:url(../controls_app/images/navigation_bg.jpg) 0px 0px no-repeat;
	
}


#nav, #nav ul  /* all nav lists */
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a 
{
	display: block;
    padding:9px 21px 7px 20px;
    border-left:3px #fff solid;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    height:17px;
    width:auto;
    white-space:nowrap;
    color:#666666;
}

#nav a:hover 
{
    border-left:3px #fff solid;
    background:#ff8300;
    color:#fff;   
}

#nav li {/* all list items */
	float: left;
	display:inline;
	width:auto !important; /* width firefox and ie*/
	width: 0px; /*width needed or else Opera goes nuts it also fixes ie6*/
	
}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul 
{
    /* lists nested under hovered list items */
	left:auto;
	/*border:1px solid;*/
	width:auto !important; /* width firefox and ie*/
	width:410px; /*width needed or else Opera goes nuts it also fixes ie6*/
}

#nav li ul li
{
	float:left;
	display: inline;
	white-space:nowrap;
}
#nav li ul li a 
{
    padding:8px 8px 8px 8px;
    border:none;
    color:#666666;
}
#nav li ul li a:hover {
    border:none;
    background:none;
    color:#FF8300;
}
#but1 a
{
    border:none;
    margin-left:3px;
}
#but1 a:hover
{
    border:none;
    margin-left:3px;
    background:url(../controls_app/images/button1_bg.jpg) top left no-repeat;
}

#but6 a
{  
     padding:9px 20px 7px 20px;
     background:url(../controls_app/images/button6_bg1.jpg)   right -33px no-repeat;
     color:#fff;
}
#but6 a:hover
{
 background:url(../controls_app/images/button6_bg1.jpg) right top no-repeat;
 color:#fff;
}