div#navigation
{
    height: 28px;
    background: url(../designer/Nav_bottom_border.jpg) no-repeat bottom;
    position: relative;
}

ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	font-size: 0.8em;
	position: absolute;
	right: 0px;
	z-index: 99990;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	margin-left: 15px;
	position: relative; /*--Important--*/
}
ul#topnav li a{
	float: left;
	height: 21px;
}
ul#topnav li a span{
	display: none;
	visibility: hidden;
}
ul#topnav li a, ul#topnav li a { background-position: left top; } /*--Hover State--*/
ul#topnav li a.nav_hover
{
    background-position: 0 bottom;
}
ul#topnav a.home {
	background: url(../designer/Nav_Home.jpg) no-repeat;
	width: 40px;
}
ul#topnav a.about {
	background: url(../designer/Nav_About_Both.jpg) no-repeat;
	width: 70px;
}
ul#topnav a.services {
	background: url(../designer/Nav_Sevices_Both.jpg) no-repeat;
	width: 66px;
}
ul#topnav a.newsroom {
	background: url(../designer/Nav_News_Both.jpg) no-repeat;
	width: 75px;
}
ul#topnav a.casestudies {
	background: url(../designer/Nav_CaseStudies.jpg) no-repeat;
	width: 78px;
}
ul#topnav a.clients {
	background: url(../designer/Nav_Clients.jpg) no-repeat;
	width: 50px;
}
ul#topnav a.contact {
	background: url(../designer/Nav_Contact.jpg) no-repeat;
	width: 75px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 21px; left: 0;
	z-index: 99999;
	background-color: #af0000; /*--Background gradient--*/
	padding: 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #000;
	margin: 0; padding: 0;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffc000;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #ffc000;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../designer/Nav_Arrow.png) no-repeat 0px 6px transparent;
	padding: 3px;
	padding-left: 9px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #ffc000;
}

ul#topnav .sub ul.about_first
{
    width: 160px;
}

ul#topnav .sub div ul.news_all
{
    width: 313px;
}