#nav 
{ /*should be same as '#nav ul' but okay to have different border color */
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #FFFFFF;
	border-width: 1px 0;
	margin: 0;
}

#nav ul 
{
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #DDDDDD;
	border-width: 1px 0;
	margin: 0;
}

#nav a 
{
	display: block;
	width: 20em;
	w\idth: 10em; 
	color: #336699;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.daddy 
{
	background: url(../images/icons/drop_down_menu_arrow.gif) center right no-repeat;
}

#nav li 
{
	float: left;
	padding: 0;
	width: 14em;
}

/* These 4 definitions are optional. An id was given to each li in the navbar, allowing
   the width of each to be set individually. This is done so that there can be even 
   spacing between each nav link, instead of some having large gaps between 
   neighbours. If these 4 definitions are removed, then will just use the default width
   of the #nav li declared above. */
#nav li#property-services 
{
	width: 14em;
}
#nav li#retail-services 
{
	width: 12.5em;
}
#nav li#consulting 
{
	width: 10em;
}
#nav li#about-us 
{
	width: 9em;
}
#nav li#contact 
{
	width: 8.5em;
}

#nav li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 18.2em;
	w\idth: 17.7em;
	font-weight: normal;
	border-width: 0.3em; /*consider .25em or 2px to hide mistakes in nested menu left alignment*/
	margin: 0;
}

#nav li li 
{
	padding-right: 1em;
	width: 17em
}

#nav li ul a 
{
	width: 16em;
	w\idth: 12em;
}

#nav li ul ul 
{
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{
	left: auto;
}

#nav li:hover, #nav li.sfhover 
{
	background: #DDDDDD;
}

#content 
{
	clear: left;
}