@charset "utf-8";
/* CSS Document */

/* Styling, Padding, Margins etc */

ul#nav {
	padding: 0 14px;
}

#nav ul {
	background: #ac8e26;
}

#nav a {
	color: #fff;
	text-align: left;
	font-size: 8.5pt;
	padding-left: 6px;
}

.splash #nav a {
	line-height: 1.2;
	font-size: 9pt;
	text-align: center;
}

.global #nav a {
	border-left: 1px solid #d9d6ce;
}

.global #nav li, .global #nav a{
	background: #ac8e26;
}

.global #nav li, .album #nav li {
	line-height: 2.8em;
}

#nav li li {
	border-top: 1px solid #d9d6ce;
}

.global #nav li ul li {
	line-height: 1.73em;
}

#nav a:hover {
	color: #fff;
}

.splash #nav a:hover {
	color: #000;
}

.global #nav a:hover {
	background: #000;
}

#nav span {
	display: block;
	margin: 10px auto 2px auto;
	height: 66px;
	width: 67px;
}

#nav span.serviced-offices {
	background: url(../images/serviced-offices.png);
}

#nav span.virtual-offices {
	background: url(../images/virtual-offices.png);
}

#nav span.govt-acc {
	background: url(../images/government-accommodation.png);
}

#nav span.disaster-recovery {
	background:url(../images/disaster-recovery.png);
}

#nav span.business-services {
	background: url(../images/business-services.png);
}

#nav span.boardroom {
	background: url(../images/boardroom-hire.png);
}

#nav span.contact {
	background: url(../images/contact-us.png);
}

#nav span.tour {
	background: url(../images/virtual-tour.png);
}

/*
#nav a.MenuBarItemSubmenu {
	background: #000 url(../images/SpryMenuBarRight.gif) no-repeat;
	background-position: 95% 50%;
}

#nav ul a, #nav ul a.MenuBarItemSubmenu:hover {
	background-image: none;
}

#nav a.MenuBarItemSubmenu:hover {
	background-image: url(../images/SpryMenuBarDownHover.gif);
}
*/

/*
#nav a:hover {
	color: #fff;
	background-color: #663399;
}
*/

/* Widths */

/* Widths of top-menus */

#nav li {
	width: 105px;
	top: 0px;
}

.splash #nav li {
	width: 105px
}

/* Widths of drop-downs */
#nav li li {
	width: 180px;
}

/* Left-positioning of 3rd-level menus. Should be set to width of 2nd level menus. 
 * May need add/take some if you've added borders, padding or margins */
#nav ul li ul {
	top: -1px;
	left: 120px;
}

/* Widths of 3rd level menus */
#nav ul li ul li, #nav ul li ul a {
	width: 120px;
}

