#topnav {
	height:43px;
	overflow:visible;
	padding: 10px 0 0;
	position:relative;
	width:700px;
	z-index:200;
	float:left;
	top: 25px;
	list-style: none;
}

#topnav a { background-image: url(/images/navigation/map.gif); display: block; float: left; width: 100px;height: 23px; outline: none; }
#topnav a span { display: none; }

#topnav a#hyp_home { width: 84px; background-position: 0px 0px;  }
#topnav a#hyp_work { width: 126px; background-position: -84px 0px;  }
#topnav a#hyp_people { width: 126px; background-position: -210px 0px;  }
#topnav a#hyp_news { width: 126px; background-position: -336px 0px;  }
#topnav a#hyp_clients { width: 126px; background-position: -462px 0px;  }
#topnav a#hyp_contact { width: 112px; background-position: -596px 0px;  }

#topnav a#hyp_home.selected { width: 84px; background-position: 0px -23px;  }
#topnav a#hyp_work.selected { width: 126px; background-position: -84px -23px;  }
#topnav a#hyp_people.selected { width: 126px; background-position: -210px -23px;  }
#topnav a#hyp_news.selected { width: 126px; background-position: -336px -23px;  }
#topnav a#hyp_clients.selected { width: 126px; background-position: -462px -23px; }
#topnav a#hyp_contact.selected { width: 112px; background-position: -596px -23px; }

#topnav a:hover#hyp_home { width: 84px; background-position: 0px -23px;  }
#topnav a:hover#hyp_work { width: 126px; background-position: -84px -23px;  }
#topnav a:hover#hyp_people { width: 126px; background-position: -210px -23px;  }
#topnav a:hover#hyp_news { width: 126px; background-position: -336px -23px;  }
#topnav a:hover#hyp_clients { width: 126px; background-position: -462px -23px; }
#topnav a:hover#hyp_contact { width: 112px; background-position: -596px -23px; }


#topnav li ul { display: none; }

#topnav li.over ul { display: block; }

#topnav li { float: left; left: 0px; position: relative; }

#topnav li.over ul.sub_nav
{     
    position: absolute;
    
    width: 180px;
    float: left;
    clear: both;
    
    padding: 10px 0 10px 0;
    margin: 0px;
    
    top: 23px;
    _background-color: #249d8d;
    background-image: url(/images/navigation/work-sub-nav-background.png);
    background-repeat: no-repeat;    
    border-top: solid 1px #b6d5d2;
    color: #fff; 
    font-size: 11px;
    
    list-style: none;
}

#topnav li ul.sub_nav li { width: 150px; margin: 8px; margin-left: 0px; }
#topnav li ul.sub_nav li a { padding-left: 10px; }

#topnav li ul li a:hover
{ 
    background-position: left; 
    background-image: url(/images/navigation/work-sub-nav-background.gif); 
    background-repeat: no-repeat; 
    font-weight: bold; 
    cursor: pointer; 
    padding-left: 10px; 
}

#topnav li ul li a { background-image: none; color: #fff; text-decoration: none; float: none; display: inline; }

#topnav li:hover ul li:hover.line,
#topnav li.over ul li.line,
#topnav li:hover ul li.line { cursor: default; background-image: url(/images/navigation/work-sub-nav-line.gif); background-position: center; background-repeat: repeat-x; margin-left: 20px !important; width: 105px; }

#topnav li.over ul li.sub_sub { color: Red; margin-top: 0px; margin-bottom: 0px; padding-left: 20px;  }