ul#nav {
	margin:0;
	list-style:none;}

#nav li {
	display: block;
	height:18px;
	float: left;
	width:auto;
	padding:0;
	margin:0;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;}

#nav li li, #nav li li li {
	width:14.5em;
	border-bottom: 1px solid #677f8b;}
	
* html #nav li li, * html #nav li li li {
	width:12.5em;}

#nav a {
	display: block;
	color:#fff;
	text-decoration: none;
	text-align:left;
	padding:0;
	border-bottom: 0;}

#nav ul {
	position: absolute;
	left: -999em;
	top:115px;
	margin:0;
	padding:0;
	width: 14.5em;
	height: auto;
	border: solid #677f8b;
	border-width: 1px 1px 0;
	background: #819dab;}

* html #nav ul {
	width:12.5em;}
	
	
#nav ul ul, #nav ul ul ul {
	margin: -1.3em 0 0 12em;}

/************** this hides submenus ******************/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{
	left: -999em;}
	
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{
	left:auto;}

/******************* submenu image rollovers *******************/	
a#ebuilding, a#news, a#company, a#product, a#testimonials, a#evaluation, a#latest, a#featured, a#adelaide, a#brisbane, a#canberra, a#melbourne, a#perth, a#sydney {
	display:block;
	text-indent:-5000px;
	float:left;
	height:20px;
	width:160px;}

a#ebuilding{
	background:url(../images/submenu_ebuilding.jpg) no-repeat 0px -20px;}
				
a#ebuilding:hover{
	background:url(../images/submenu_ebuilding.jpg) no-repeat 0px 0px;}

a#news {
	background:url(../images/submenu_news.jpg) no-repeat 0px -20px;}
				
a#news:hover {
	background:url(../images/submenu_news.jpg) no-repeat 0px 0px;}
				
a#company {
	background:url(../images/submenu_company.jpg) no-repeat 0px -20px;}
				
a#company:hover {
	background:url(../images/submenu_company.jpg) no-repeat 0px 0px;}
	
a#product {
	background:url(../images/submenu_product.jpg) no-repeat 0px -20px;}
				
a#product:hover{
	background:url(../images/submenu_product.jpg) no-repeat 0px 0px;}
	
a#testimonials {
	background:url(../images/submenu_testimonials.jpg) no-repeat 0px -20px;}
				
a#testimonials:hover {
	background:url(../images/submenu_testimonials.jpg) no-repeat 0px 0px;}
	
a#evaluation {
	background:url(../images/submenu_evaluation.jpg) no-repeat 0px -20px;}
				
a#evaluation:hover {
	background:url(../images/submenu_evaluation.jpg) no-repeat 0px 0px;}
	
a#latest {
	background:url(../images/submenu_latest.jpg) no-repeat 0px -20px;}
				
a#latest:hover {
	background:url(../images/submenu_latest.jpg) no-repeat 0px 0px;}
	
a#featured {
	background:url(../images/submenu_featured.jpg) no-repeat 0px -20px;}
				
a#featured:hover {
	background:url(../images/submenu_featured.jpg) no-repeat 0px 0px;}
	
a#adelaide {
	background:url(../images/submenu_adelaide.jpg) no-repeat 0px -20px;}
				
a#adelaide:hover {
	background:url(../images/submenu_adelaide.jpg) no-repeat 0px 0px;}
	
a#brisbane {
	background:url(../images/submenu_brisbane.jpg) no-repeat 0px -20px;}
				
a#brisbane:hover {
	background:url(../images/submenu_brisbane.jpg) no-repeat 0px 0px;}
	
a#canberra {
	background:url(../images/submenu_canberra.jpg) no-repeat 0px -20px;}
				
a#canberra:hover {
	background:url(../images/submenu_canberra.jpg) no-repeat 0px 0px;}
	
a#melbourne {
	background:url(../images/submenu_melbourne.jpg) no-repeat 0px -20px;}
				
a#melbourne:hover {
	background:url(../images/submenu_melbourne.jpg) no-repeat 0px 0px;}
	
a#perth {
	background:url(../images/submenu_perth.jpg) no-repeat 0px -20px;}
				
a#perth:hover {
	background:url(../images/submenu_perth.jpg) no-repeat 0px 0px;}
	
a#sydney {
	background:url(../images/submenu_sydney.jpg) no-repeat 0px -20px;}
				
a#sydney:hover{
	background:url(../images/submenu_sydney.jpg) no-repeat 0px 0px;}
	
/**************************************/	
#nav li.sfhover li#features a {
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:150px;
	background:url(../images/submenu_features.jpg) no-repeat 0px -20px;}
				
#nav li.sfhover li#features a:hover{
	background:url(../images/submenu_features.jpg) no-repeat 0px 0px;}
	
ul.sub-bproducts>li#features a{
	display:block;
	text-indent:-5000px;
	float:left;
	height:20px;
	width:160px;
	background:url(../images/submenu_features.jpg) no-repeat 0px -20px;}
				
ul.sub-bproducts>li#features a:hover{
	background:url(../images/submenu_features.jpg) no-repeat 0px 0px;}
	

#nav li li#features a#marketing{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_marketing.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#marketing:hover{
	background:url(../images/submenu_marketing.jpg) no-repeat 0px 0px;}
				
#nav li li#features a#helpdesk{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_helpdesk.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#helpdesk:hover{
	background:url(../images/submenu_helpdesk.jpg) no-repeat 0px 0px;}
	
#nav li li#features a#accesscards{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_accesscards.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#accesscards:hover{
	background:url(../images/submenu_accesscards.jpg) no-repeat 0px 0px;}
	
#nav li li#features a#visitor{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_visitor.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#visitor:hover{
	background:url(../images/submenu_visitor.jpg) no-repeat 0px 0px;}
	
#nav li li#features a#booking{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_booking.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#booking:hover{
	background:url(../images/submenu_booking.jpg) no-repeat 0px 0px;}

#nav li li#features a#reporting{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:160px;
	background:url(../images/submenu_reporting.jpg) no-repeat 0px -20px;}
				
#nav li li#features a#reporting:hover{
	background:url(../images/submenu_reporting.jpg) no-repeat 0px 0px;}
/*
#nav li.sfhover li#benefits a{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:150px;
	background:url(../images/submenu_benefits.jpg) no-repeat 0px -20px;}
				
#nav li.sfhover li#benefits a:hover{
	background:url(../images/submenu_benefits.jpg) no-repeat 0px 0px;}

ul.sub-bproducts>li#benefits a{
	display:block;
	text-indent:-5000px;
	float:left;
	height:20px;
	width:160px;
	background:url(../images/submenu_benefits.jpg) no-repeat 0px -20px;}
				
ul.sub-bproducts>li#benefits a:hover{
	background:url(../images/submenu_benefits.jpg) no-repeat 0px 0px;}

#nav li li#benefits a#property{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:150px;
	background:url(../images/submenu_property.jpg) no-repeat 0px -20px;}
				
#nav li li#benefits a#property:hover{
	background:url(../images/submenu_property.jpg) no-repeat 0px 0px;}

#nav li li#benefits a#owners{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:150px;
	background:url(../images/submenu_owners.jpg) no-repeat 0px -20px;}
				
#nav li li#benefits a#owners:hover{
	background:url(../images/submenu_owners.jpg) no-repeat 0px 0px;}


#nav li li#benefits a#tenants{
	display:block;
	text-indent:-5000px;
	float:left;
	height:12px;
	width:150px;
	background:url(../images/submenu_tenants.jpg) no-repeat 0px -20px;}
				
#nav li li#benefits a#tenants:hover{
	background:url(../images/submenu_tenants.jpg) no-repeat 0px 0px;}
	
/******* these create the submenus *******************/	
UL#nav UL.sub-about LI A, UL#nav UL.sub-bproducts LI A, UL#nav UL.sub-our LI A, UL#nav UL.sub-about LI A:hover, UL#nav UL.sub-bproducts LI A:hover, UL#nav UL.sub-our LI A:hover {
	color:#fffffb;
	text-decoration:none;
	font-size:9px;
	display:block;
	height:12px;
	width:16.6em;
	margin:0;
	padding:3px 0px 3px 10px;}
				
UL#nav UL.sub-about LI A, UL#nav UL.sub-bproducts LI A, UL#nav UL.sub-our LI A {
	background-color:#819dab;}

UL#nav UL.sub-about LI A:hover, UL#nav UL.sub-bproducts LI A:hover, UL#nav UL.sub-our LI A:hover {
	background-color:#e6efee;}	

/******* this corrects the size of drop down box width for explorer *******************/	
UL#nav UL.sub-about LI.sfhover A, UL#nav UL.sub-bproducts LI.sfhover A, UL#nav UL.sub-our LI.sfhover A, UL#nav UL.sub-about LI.sfhover A:hover, UL#nav UL.sub-bproducts LI.sfhover A:hover, UL#nav UL.sub-our LI.sfhover A:hover {
	width:16.7em;}

/******* these position the sub sub menus for explorer - note .sfhover *******************/	
/*#nav li li.sub-features.sfhover ul {left: -3em; top:18px;}*/
#nav li li#features.sfhover ul {left: -3em; top:35px;}
#nav li li#benefits.sfhover ul {left: -3em; top:55px;}

/******* these position the sub sub menus for firefox *******************/				
#nav li li:hover ul {left: -3em; top:35px;}
/*#nav li li#features:hover ul {left: -3em; top:35px;}	

/**** this corrects the positon of submenus in explorer 6/7 whislt hiding from opera and firefox  ******/
* html #nav li.sfhover ul.sub-about {
	left: auto;
	margin-left:-64px;}

*:first-child+html #nav li.sfhover ul.sub-about {
	left: auto;
	margin-left:-64px;}

* html #nav li.sfhover ul.sub-bproducts{
	left: auto;
	margin-left:-157px;}

*:first-child+html #nav li.sfhover ul.sub-bproducts {
	left: auto;
	margin-left:-157px;}

* html #nav li.sfhover ul.sub-our {
	left: auto;
	margin-left:-128px;}
	
*:first-child+html #nav li.sfhover ul.sub-our {
	left: auto;
	margin-left:-128px;}