#menu
{
/* 	width: 420px; */
	float: left;
/* 	width: 100%; */
	margin-top: 32px;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	line-height: normal;
}

#menu ul
{
	margin: 0;
	padding: 0px 8px;
	list-style-type: none;
}

#menu li
{
	float: left;
}

#menu li a
{
	height: 22px;
	padding-top: 96px;
	padding-left: 10px;
	padding-right: 12px;

	color: rgb(21,34,56); /* dark blue */
	text-decoration: none;
}

#menu li a:hover
{
	color: white;
}

#menu a
{
	float: left;
	display: block;
}

.home #menu .home,
.work #menu .work,
.contact #menu .contact,
.about #menu .about
{
	background-image:  url(../graphics/mackellar_web_nav_active_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.home #menu .home a:hover,
.work #menu .work a:hover,
.contact #menu .contact a:hover,
.about #menu .about a:hover
{
	color: rgb(100,100,100);
}

#submenu
{
	width: 420px;
	height: 20px;
	padding-top: 7px;
	padding-bottom: 3px;
	position: absolute;
	bottom: 29px;
	left: 8px;
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
}

#submenu ul
{
	padding: 0px 8px;
	margin: 0;
	list-style-type: none;
}

#submenu li
{
	margin-left: 4px;
	margin-right: 4px;
	display: inline;	
}

#submenu li a
{
	text-decoration: none;
	font-size: 0.9em;
	color: rgb(21,34,56); /* dark blue */	
}

#submenu li a:hover
{
	color: rgb(180,180,208); 
}

.clear_both
{
	clear: both;
	width: 100%;
}