#wrap {
	width: 960px;
	margin: 5% auto 10px auto;
}
#top {
	position: relative;
	margin: 10px 0 20px 0;
}
#top H1 {
	position: absolute;
	bottom: -4px;
	right: 0;
	padding: 20px 0 0 0;
	margin: 0;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	width: 740px;
	text-align: right;
}
H1.home { color: #BDBD4A; }
H1.location { color: #84A543; }
H1.bishopsgate { color: #598B63; }
H1.broadgate { color: #3E6B69; }
H1.slideshow { color: #3E718B; }
H1.contact { color: #638BA6; }
#nav, #subnav {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}
#nav LI {
	display: block;
	float: left;
	background-color: #E0E3E5;
}
#nav LI.on {
	width: 850px;
}
#nav LI.on A {
	float: left;
}
#nav LI A.item {
	display: block;
	width: 22px;
	height: 575px;
	background-position: 7px 10px;
	background-repeat: no-repeat;
}
#nav LI A SPAN {display: none;}
#nav LI.home A.item:LINK, #nav LI.home A.item:VISITED {background: #CBCB7F url(../graphics/home.gif) no-repeat 7px 10px;}
#nav LI.home A.item:HOVER, #nav LI.home A.item:ACTIVE, #nav LI.homeOn A.item:LINK, #nav LI.homeOn A.item:VISITED {background: #BDBD4A url(../graphics/home-on.gif) no-repeat 7px 10px;}
#nav LI.location A.item:LINK, #nav LI.location A.item:VISITED {background: #A3B976 url(../graphics/location.gif) no-repeat 7px 10px;}
#nav LI.location A.item:HOVER, #nav LI.location A.item:ACTIVE, #nav LI.locationOn A.item:LINK, #nav LI.locationOn A.item:VISITED {background: #84A543 url(../graphics/location-on.gif) no-repeat 7px 10px;}
#nav LI.locationContext A.item:LINK, #nav LI.locationContext A.item:VISITED {background: #A2B886 url(../graphics/location-context.gif) no-repeat 7px 10px;}
#nav LI.locationContext A.item:HOVER, #nav LI.locationContext A.item:ACTIVE, #nav LI.locationContextOn A.item:LINK, #nav LI.locationContextOn A.item:VISITED {background: #A2B886 url(../graphics/location-context-on.gif) no-repeat 7px 10px;}
#nav LI.locationTransport A.item:LINK, #nav LI.locationTransport A.item:VISITED {background: #A2B886 url(../graphics/location-transport.gif) no-repeat 7px 10px;}
#nav LI.locationTransport A.item:HOVER, #nav LI.locationTransport A.item:ACTIVE, #nav LI.locationTransportOn A.item:LINK, #nav LI.locationTransportOn A.item:VISITED {background: #A2B886 url(../graphics/location-transport-on.gif) no-repeat 7px 10px;}
#nav LI.locationBroadgate A.item:LINK, #nav LI.locationBroadgate A.item:VISITED {background: #A2B886 url(../graphics/location-broadgate.gif) no-repeat 7px 10px;}
#nav LI.locationBroadgate A.item:HOVER, #nav LI.locationBroadgate A.item:ACTIVE, #nav LI.locationBroadgateOn A.item:LINK, #nav LI.locationBroadgateOn A.item:VISITED {background: #A2B886 url(../graphics/location-broadgate-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgate A.item:LINK, #nav LI.bishopsgate A.item:VISITED {background: #89AA8F url(../graphics/201-bishopsgate.gif) no-repeat 7px 10px;}
#nav LI.bishopsgate A.item:HOVER, #nav LI.bishopsgate A.item:ACTIVE, #nav LI.bishopsgateOn A.item:LINK, #nav LI.bishopsgateOn A.item:VISITED {background: #598B63 url(../graphics/201-bishopsgate-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateOverview A.item:LINK, #nav LI.bishopsgateOverview A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-overview.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateOverview A.item:HOVER, #nav LI.bishopsgateOverview A.item:ACTIVE, #nav LI.bishopsgateOverviewOn A.item:LINK, #nav LI.bishopsgateOverviewOn A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-overview-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateBuilding A.item:LINK, #nav LI.bishopsgateBuilding A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-building-design.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateBuilding A.item:HOVER, #nav LI.bishopsgateBuilding A.item:ACTIVE, #nav LI.bishopsgateBuildingOn A.item:LINK, #nav LI.bishopsgateBuildingOn A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-building-design-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateSustainability A.item:LINK, #nav LI.bishopsgateSustainability A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-sustainability.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateSustainability A.item:HOVER, #nav LI.bishopsgateSustainability A.item:ACTIVE, #nav LI.bishopsgateSustainabilityOn A.item:LINK, #nav LI.bishopsgateSustainabilityOn A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-sustainability-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgatePlans A.item:LINK, #nav LI.bishopsgatePlans A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-plans.gif) no-repeat 7px 10px;}
#nav LI.bishopsgatePlans A.item:HOVER, #nav LI.bishopsgatePlans A.item:ACTIVE, #nav LI.bishopsgatePlansOn A.item:LINK, #nav LI.bishopsgatePlansOn A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-plans-on.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateWebcam A.item:LINK, #nav LI.bishopsgateWebcam A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-webcam.gif) no-repeat 7px 10px;}
#nav LI.bishopsgateWebcam A.item:HOVER, #nav LI.bishopsgateWebcam A.item:ACTIVE, #nav LI.bishopsgateWebcamOn A.item:LINK, #nav LI.bishopsgateWebcamOn A.item:VISITED {background: #A0C0AB url(../graphics/201-bishopsgate-webcam-on.gif) no-repeat 7px 10px;}
#nav LI.broadgate A.item:LINK, #nav LI.broadgate A.item:VISITED {background: #779593 url(../graphics/the-broadgate-tower.gif) no-repeat 7px 10px;}
#nav LI.broadgate A.item:HOVER, #nav LI.broadgate A.item:ACTIVE, #nav LI.broadgateOn A.item:LINK, #nav LI.broadgateOn A.item:VISITED {background: #3E6B69 url(../graphics/the-broadgate-tower-on.gif) no-repeat 7px 10px;}
#nav LI.broadgateOverview A.item:LINK, #nav LI.broadgateOverview A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-overview.gif) no-repeat 7px 10px;}
#nav LI.broadgateOverview A.item:HOVER, #nav LI.broadgateOverview A.item:ACTIVE, #nav LI.broadgateOverviewOn A.item:LINK, #nav LI.broadgateOverviewOn A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-overview-on.gif) no-repeat 7px 10px;}
#nav LI.broadgateBuilding A.item:LINK, #nav LI.broadgateBuilding A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-building-design.gif) no-repeat 7px 10px;}
#nav LI.broadgateBuilding A.item:HOVER, #nav LI.broadgateBuilding A.item:ACTIVE, #nav LI.broadgateBuildingOn A.item:LINK, #nav LI.broadgateBuildingOn A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-building-design-on.gif) no-repeat 7px 10px;}
#nav LI.broadgateSustainability A.item:LINK, #nav LI.broadgateSustainability A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-sustainability.gif) no-repeat 7px 10px;}
#nav LI.broadgateSustainability A.item:HOVER, #nav LI.broadgateSustainability A.item:ACTIVE, #nav LI.broadgateSustainabilityOn A.item:LINK, #nav LI.broadgateSustainabilityOn A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-sustainability-on.gif) no-repeat 7px 10px;}
#nav LI.broadgatePlans A.item:LINK, #nav LI.broadgatePlans A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-plans.gif) no-repeat 7px 10px;}
#nav LI.broadgatePlans A.item:HOVER, #nav LI.broadgatePlans A.item:ACTIVE, #nav LI.broadgatePlansOn A.item:LINK, #nav LI.broadgatePlansOn A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-plans-on.gif) no-repeat 7px 10px;}
#nav LI.broadgateWebcam A.item:LINK, #nav LI.broadgateWebcam A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-webcam.gif) no-repeat 7px 10px;}
#nav LI.broadgateWebcam A.item:HOVER, #nav LI.broadgateWebcam A.item:ACTIVE, #nav LI.broadgateWebcamOn A.item:LINK, #nav LI.broadgateWebcamOn A.item:VISITED {background: #8FAFAF url(../graphics/the-broadgate-tower-webcam-on.gif) no-repeat 7px 10px;}
#nav LI.slideshow A.item:LINK, #nav LI.slideshow A.item:VISITED {background: #7799AA url(../graphics/slideshow.gif) no-repeat 7px 10px;}
#nav LI.slideshow A.item:HOVER, #nav LI.slideshow A.item:ACTIVE, #nav LI.slideshowOn A.item:LINK, #nav LI.slideshowOn A.item:VISITED {background: #3E718B url(../graphics/slideshow-on.gif) no-repeat 7px 10px;}
#nav LI.contact A.item:LINK, #nav LI.contact A.item:VISITED {background: #99BAD1 url(../graphics/contacts-and-team.gif) no-repeat 7px 10px;}
#nav LI.contact A.item:HOVER, #nav LI.contact A.item:ACTIVE, #nav LI.contactOn A.item:LINK, #nav LI.contactOn A.item:VISITED {background: #638BA6 url(../graphics/contacts-and-team-on.gif) no-repeat 7px 10px;}
#nav LI.contactContact A.item:LINK, #nav LI.contactContact A.item:VISITED {background: #A7C6DB url(../graphics/contacts-and-team-contact.gif) no-repeat 7px 10px;}
#nav LI.contactContact A.item:HOVER, #nav LI.contactContact A.item:ACTIVE, #nav LI.contactContactOn A.item:LINK, #nav LI.contactContactOn A.item:VISITED {background: #A7C6DB url(../graphics/contacts-and-team-contact-on.gif) no-repeat 7px 10px;}
#nav LI.contactTeam A.item:LINK, #nav LI.contactTeam A.item:VISITED {background: #A7C6DB url(../graphics/contacts-and-team-team.gif) no-repeat 7px 10px;}
#nav LI.contactTeam A.item:HOVER, #nav LI.contactTeam A.item:ACTIVE, #nav LI.contactTeamOn A.item:LINK, #nav LI.contactTeamOn A.item:VISITED {background: #A7C6DB url(../graphics/contacts-and-team-team-on.gif) no-repeat 7px 10px;}
/* SUBNAV ###########################*/
#subnav {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
}
LI.locationOn #subnav {background-color: #A2B886;}
LI.bishopsgateOn #subnav {background-color: #A0C0AB;}
LI.broadgateOn #subnav {background-color: #8FAFAF;}
LI.contactOn #subnav {background-color: #A7C6DB;}
LI.homeOn #content, LI.slideshowOn #content {width: 828px;}
LI.locationOn #content {width: 757px;}
LI.bishopsgateOn #content, LI.broadgateOn #content {width: 713px;}
LI.contactOn #content {width: 779px;}
#content {
	height: 575px;
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFF;
	background-color: #D9DDDF;
	float: left;
}
DIV.pad {
	padding: 25px 0 25px 32px;
	overflow: auto;
	height: 525px;
}
#content H2 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 180%;
	line-height: 120%;
	font-weight: normal;
}
#content H3 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 150%;
	line-height: 120%;
	font-weight: normal;
}
LI.bishopsgateOn #content H2, LI.broadgateOn #content H2 {
	font-size: larger;
	letter-spacing: -1px;
	padding: 7px 0 0 0;
	margin: 0;
	font-weight: normal;
	color: #598B63;
}
LI.broadgateOn #content H2, LI.broadgateOn #content P.green { color: #3E6B69; }
LI.bishopsgateOn #content H2.grey, LI.broadgateOn #content H2.grey, LI.contactOn #content H2.grey {
	color: #8C9BA2;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: small;
	letter-spacing: -1px;
}
LI.contactOn #content H2.grey { font-size: medium; }
#content P, #content DIV.p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: smaller;
	font-weight: bold;
	line-height: 120%;
}
#content P.grey {
	font-size: 110%;
	color: #6C6C67;
	font-weight: normal;
}
#content P.green {
	font-size: 110%;
	color: #598B63;
	line-height: 150%;
	font-weight: normal;
}
#content UL {
	padding: 0;
	margin: 0 0 0 20px;
	list-style-type: disc;
}
#content LI {
	display: block;
	float: none;
	background-color: transparent;
	padding: 0 0 20px 0;
}
#nav LI #content A:LINK, #nav LI #content A:VISITED, #nav LI #content A:ACTIVE {
	display: inline;
	float: none;
	clear: none;
	padding: 0;
	margin: 0;
	color: #638BA6;
}
#content A:HOVER {
	text-decoration: underline;
}
#nav LI #content A.pdf:LINK, #nav LI #content A.pdf:VISITED, #nav LI #content A.pdf:ACTIVE, #nav LI #content A.pdf:HOVER {
	text-transform: uppercase;
	font-size: medium;
	color: #FFF;
	background-image: url(../graphics/view-pdf.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 22px;
}
#side {
	width: 179px;
	height: 505px;
	padding: 35px 15px 35px 50px;
	float: right;
	background-repeat: no-repeat;
	background-position: 13px 38px;
	background-color: #E2E6E8;
	line-height: 130%;
	overflow: auto;
	margin: 0;
	position: relative;
}
#nav #side UL {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0 33px 15px 0;
	width: auto;
	float: none;
	background-color: #E2E6E8;
}
#nav #side UL LI {
	padding: 0;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #E9ECED;
	display: block;
	width: auto;
	float: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #7A8086;
	background-color: transparent;
}
#nav #side LI A:LINK, #nav #side LI A:VISITED, #nav #side LI A:ACTIVE, #nav #side LI A:HOVER, #nav LI.bishopsgateOn #side LI.on LI A:LINK, #nav LI.bishopsgateOn #side LI.on LI A:VISITED, #nav LI.broadgateOn #side LI.on LI A:LINK, #nav LI.broadgateOn #side LI.on LI A:VISITED {
	display: block;
	width: auto;
	float: none;
	color: #6C6C67;
	padding: 0 1px;
	background-color: transparent;
}
#content #side LI A:HOVER { text-decoration: none; }
#nav LI.locationOn #side LI.on A:LINK, #nav LI.locationOn #side LI.on A:VISITED, #nav LI.locationOn #side LI A:ACTIVE, #nav LI.locationOn #side LI A:HOVER {
	color: #81A750;
}
#nav LI.bishopsgateOn #side LI.on A:LINK, #nav LI.bishopsgateOn #side LI.on A:VISITED, #nav LI.bishopsgateOn #side LI.on LI.on A:LINK, #nav LI.bishopsgateOn #side LI.on LI.on A:VISITED, #nav LI.bishopsgateOn #side LI A:ACTIVE, #nav LI.bishopsgateOn #side LI A:HOVER {
	color: #598B63;
}
#nav LI.broadgateOn #side LI.on A:LINK, #nav LI.broadgateOn #side LI.on A:VISITED, #nav LI.broadgateOn #side LI.on LI.on A:LINK, #nav LI.broadgateOn #side LI.on LI.on A:VISITED, #nav LI.broadgateOn #side LI A:ACTIVE, #nav LI.broadgateOn #side LI A:HOVER {
	color: #3E6B69;
}
#nav #side UL UL {
	padding: 3px 0 5px 15px;
}
#nav #side UL UL LI {
	border: 0;
	font-size: 100%;
	text-transform: none;
	margin: 0;
	font-weight: normal;
}
#nav #side UL UL LI.gap {
	padding-bottom: 8px;
}
#content #side P {
	color: #7A8086;
	font-size: 110%;
	font-weight: normal;
	line-height: 150%;
}
#retail {
	position: absolute;
	width: 110px;
	left: 363px;
	height: 535px;
	top: 0;
	padding: 20px;
	font-size: medium;
	line-spacing: 100%;
	background-color: #D9DDDF;
	color: #8C9BA2;
	opacity: 0.96;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=96);
	-moz-opacity: 0.96;
	-khtml-opacity: 0.96;
}
#stations DIV {
	position: absolute;
	display: none;
	width: 200px;
	top: 25px;
	left: 32px;
	padding: 15px;
	background-color: #FFF;
	color: #8C9BA2;
	opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	z-index: 10;
}
#stations H1 {
	font-size: 120%;
	color: #8C9BA2;
	padding: 0 24px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	background: url(../graphics/underground.gif) no-repeat right;
}
#stations H1.rail {
	background: url(../graphics/underground-rail.gif) no-repeat right;
	padding: 0 47px 0 0;
}
#stations H2 {
	font-size: 100%;
	color: #84A543;
	padding: 10px 25px 0 0;
	font-weight: bold;
	clear: both;
}
#nav #stations UL {
	padding: 0 5px 0 20px;
	margin: 0;
	list-style-type: disc;
	font-weight: bold;
}
#nav LI #stations LI {
	list-style-type: disc;
	padding: 0 20px 0 0;
	margin: 0;
	font-weight: bold;
	position: relative;
}
#stations SPAN {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../graphics/airport.gif);
	width: 24px;
	height: 24px;
}
#timetable {
	padding: 390px 0 0 0;
}
#timetable DIV {
	padding: 15px 0 5px 12px;
	overflow: auto;
	height: 165px;
}
#timetable DIV DIV {
	height: auto;
	float: left;
	width: 210px;
	padding: 0 0 0 20px;
	overflow: visible;
}
#timetable P {
	color: #8C9BA2;
	position: relative;
	padding: 2px 0;
	border-bottom: 1px solid #FFF;
	font-size: 105%;
}
#timetable SPAN {
	position: absolute;
	right: 0;
}
#imgWrap {
	background-repeat: no-repeat;
	background-position: top left;
}
DIV.greenDot, DIV.redDot {
	width: 10px;
	height: 10px;
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
}
DIV.greenDot {background-image: url(../graphics/content/map-dot-green.gif);}
DIV.redDot {background-image: url(../graphics/content/map-dot-red.gif);}
#floors.bishopsgate {
	background-image: url(../graphics/content/side-201-bishopsgate-plans.gif);
	padding: 11px 45px 0 8px;
	height: 164px;
	width: 127px;
	position: absolute;
	bottom: 20px;
}
#floors.bishopsgate DIV {
	height: 10px;
	margin-bottom: 1px;
}
#floors.broadgate {
	background-image: url(../graphics/content/side-the-broadgate-tower-plans.gif);
	padding: 1px 47px 0 18px;
	height: 308px;
	width: 77px;
	position: absolute;
	bottom: 20px;
}
#floors.broadgate DIV {
	height: 8px;
	margin-bottom: 1px;
}
#floors DIV.on {
	background-color: #80AC8C;
}