ul#nav_categories {
	width: 200px;
	height: 30px;
	background: #fff;
	float: right;
	list-style-type: none;
	padding: 0px 0 0 0;
}

#container ul#nav_categories li {
	background: url(../img/area-selection-bar.gif) right 2px no-repeat;
	float: left;
	line-height: 15px;
	padding: 0 10px;
}

#container ul#nav_categories li.last {
	border-right: none;
}

#container ul#nav_categories li a {
	font-family: "Times New Roman", Times, Georgia,  serif;
	font-size: 15px;
	color: #333;
}

#container ul#nav_categories li a:hover {
	color: #003399;
	text-decoration: underline;
}





ul.navigation {
	width: 388px;
	height: 44px;
	float: right;
	clear: right;
	list-style-type: none;
}

#container ul.navigation li {
	float: left;
	margin: 0 1px 0 0;
}


#container ul.navigation li a {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #174b7e;
	 display: block;
	 text-align: center;
	 height:44px;
	 line-height:44px;
}

#container ul.navigation li a.home {
	background: url(../img/navigation.gif) 0 0 no-repeat;
	width: 99px;
}

#container ul.navigation li a.home:hover {
	background: url(../img/navigation.gif) 0 -44px no-repeat;
	color: #fff;
}

#container ul.navigation li a.home-active{
	background: url(../img/navigation.gif) 0 -44px no-repeat;
	width: 99px;
	color: #fff;
}

#container ul.navigation li a.developments {
	background: url(../img/navigation.gif) -100px 0 no-repeat;
	width: 128px;
}

#container ul.navigation li a.developments:hover  {
	background: url(../img/navigation.gif) -100px -44px no-repeat;
	color: #fff;
}

#container ul.navigation li a.developments-active {
	background: url(../img/navigation.gif) -100px -44px no-repeat;
	width: 128px;
	color: #fff;
}

#container ul.navigation li a.contact {
	background: url(../img/navigation.gif) -229px 0 no-repeat;
	width: 140px;
}

#container ul.navigation li a.contact:hover  {
	background: url(../img/navigation.gif) -229px -44px no-repeat;
	color: #fff;
}

#container ul.navigation li a.contact-active  {
	background: url(../img/navigation.gif) -229px -44px no-repeat;
	width: 140px;
	color: #fff;
}



ul#area-selector {
	width: 286px;
	height: 49px;
	list-style-type: none;
}

ul#area-selector li {
	float: left;
	height: 49px;
	text-transform: uppercase;
}

ul#area-selector li a {
	display: block;
	width: 51px;
	height: 33px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 16px 0 0 0;
	text-decoration: none;
}

ul#area-selector li a:hover {
	font-size: 13px;
	color: #000;
}


ul#area-selector li a.perth {
	width: 62px;
	background: url(../img/area-selection-bar.gif) right 21px no-repeat;
}

ul#area-selector li a.perth:hover {
	background: url(../img/area-selection.gif) 0px 0px no-repeat;
}

ul#area-selector li a.perth-active {
	background: url(../img/area-selection.gif) 0px 0px no-repeat;
	width: 62px;
	font-size: 13px;
	color: #000;
}

ul#area-selector li a.rosyth{
	width: 72px;
	background: url(../img/area-selection-bar.gif) right 21px no-repeat;
}

ul#area-selector li a.rosyth:hover {
	background: url(../img/area-selection.gif) -63px 0px no-repeat;
}

ul#area-selector li a.rosyth-active {
	background: url(../img/area-selection.gif) -63px 0px no-repeat;
	width: 72px;
	font-size: 13px;
	color: #000;
}

ul#area-selector li a.dundee {
	width: 73px;
	background: url(../img/area-selection-bar.gif) right 21px no-repeat;
}

ul#area-selector li a.dundee:hover {
	background: url(../img/area-selection.gif) -136px 0px no-repeat;
}

ul#area-selector li a.dundee-active {
	background: url(../img/area-selection.gif) -136px 0px no-repeat;
	width: 73px;
	font-size: 13px;
	color: #000;
}