#topnav {
	float:right;
	width:305px;
	height:135px;
}

#topnav ul {
	margin:20px 0 0 0;
	float:left;
}

#topnav li {
	float:left;
	color:#fff;
	margin-right:20px;
}

#topnav a {
	color:#fff;
	text-decoration:none;
}

#navigation {
	clear:both;
	float:right;
	width:749px;
	height:33px;
	text-align:left;
}

#navigation ul {
	float:left;
	width:629px;
}

#navigation li {
	float:left;
}

#navigation a {
	display: block;
	background-image: url(../img/bg_navigation.jpg);
	background-repeat: no-repeat;
	padding:33px 0 0 0;
	overflow: hidden;
	border:0px;
	height: 0px !important; /* for most browsers */
	height /**/:33px; /* for IE5.5's bad box model */
}

#navigation a.home, #navigation a.home:hover, #navigation a.homeactive {
	width: 81px;
	background-position: 0 0;
}

#navigation a.home:hover, #navigation a.homeactive {
	background-position: 0 -33px;
}

#navigation a.aboutus, #navigation a.aboutus:hover, #navigation a.aboutusactive {
	width: 96px;
	background-position: -81px 0;
}

#navigation a.aboutus:hover, #navigation a.aboutusactive {
	background-position: -81px -33px;
}

#navigation a.products, #navigation a.products:hover, #navigation a.productsactive {
	width: 110px;
	background-position: -177px 0;
}

#navigation a.products:hover, #navigation a.productsactive {
	background-position: -177px -33px;
}

#navigation a.services, #navigation a.services:hover, #navigation a.servicesactive {
	width: 103px;
	background-position: -287px 0;
}

#navigation a.services:hover, #navigation a.servicesactive {
	background-position: -287px -33px;
}

#navigation a.newsevents, #navigation a.newsevents:hover, #navigation a.newseventsactive {
	width: 143px;
	background-position: -390px 0;
}

#navigation a.newsevents:hover, #navigation a.newseventsactive {
	background-position: -390px -33px;
}

#navigation a.support, #navigation a.support:hover, #navigation a.supportactive {
	width: 96px;
	background-position: -533px 0;
}

#navigation a.support:hover, #navigation a.supportactive {
	background-position: -533px -33px;
}

#subnavigation li {
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #e1e3e4;
}

#subnavigation li.activeSubnav{
	color:#3c8c86;
	padding: 6px 0 6px 7px;
	border-bottom: 1px solid #e1e3e4;
	background-image:url('../img/arrow_activeSubnav.jpg');
	background-repeat:no-repeat;
	background-position:0 50%;
}

#subnavigation li a {
	color:#666666;
	text-decoration:none;
}

#subnavigation li a:hover, #subnavigation li.activeSubnav a {
	color:#3c8c86;
	text-decoration:none;
}

#subnavigation li.firstSubnavItem {
	padding-top:0px;
	background-position:0 30%;
}

#subnavigation li.lastSubnavItem {
	border-bottom:0px;
}