/* MAIN
***************************************************/

html, body { 
	width: 100%; height: 100%;
	margin: 0; padding: 0;
/*
	background-color: #beb588;
	background-color: #ccdbe9;
*/
	background-color: #ccd8e9;
}

body {
	font: 62.5%/2.0em Helvetica, Arial, sans-serif;
	color: #004c92;	color: #828d93;
}
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 {
	font-size: 2.0em; font-weight: normal;
	color: #004c93;	color: #828d93;
	text-transform: uppercase;
	margin: 0; padding: 0;
}
h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #004c93;	color: #828d93;
	margin: 0; padding: 0;
}

h3 {
	font-size: 1.4em;
	color: #5d6366;	color: #828d93;
	line-height: 13px;
}

p {	margin: 1em 0 0.7em; font-size: 1.2em; line-height: 14px; color: #8b8b8b; color: #828d93; }
th, td { font-size: 1.1em; line-height: 14px; }

.s-dataroom td,
.s-dataroom textarea {  font-size: 1.1em; color: #8b8b8b; color: #828d93; }

img { border: 0;}

select { font-size: 1.0em; }

.left { float: left;}
.right { float: right;}


hr { clear: both; visibility: hidden; }

.button { 
	width:100px; 
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc;
	margin-right: 20px;
}
.highlighted { color: #fff; background-color: #004c92; }

img { border: none; }

.box {  margin: 0; padding: 10px 10px; background-color: #FFF; border: #EEE 1px solid; }

.hidden { visibility: hidden; }
.option1 { text-decoration:underline; font-weight: bold;text-align: center; }

fieldset input, 
fieldset select,
fieldset textarea,
fieldset input.file { border-color: #004c92; }

/* NEW COLUMNS & POSITIONS
***************************************************/

.col-thin { margin: 0; padding: 0; width: 200px; }
.col-thick { margin: 0; padding: 0; width: 310px; }
.col-mid { margin: 0; padding: 0; width: 420px; }
.col-wide { margin: 0; padding: 0; width: 525px; }
.col-widest { margin: 0 10px 0 0; padding: 0; width: 620px; }

.pos-1 { position: absolute; left: 0; }
.pos-2 { position: absolute; left: 210px; }
.pos-3 { position: absolute; left: 420px; }
.pos-4 { position: absolute; left: 630px; }

/* MAIN CONTAINERS
***************************************************/

#frame {
	margin: 0 auto; padding: 20px 0 0;
	width: 870px; height: auto;
	background-color: #fff;
	position: relative;
}
#container {
	position: relative;
	width: 830px; min-height: 950px;
	margin: 0 20px; padding: 0;
	
}

	.s-building .p-specification #container 		{ height: 1750px; }
	.s-location #container 							{ height: 1200px; }
	.s-gallery #container							{ height: 1800px; }
	.s-dataroom  #container							{ height: 1150px; }
	
#utility {
	width: 210px;
	margin: 0; padding: 0;
	position: absolute;
	left: 0; top: 0;	
}

#utility * { overflow: hidden; }

#main {
	width: 620px;
	margin: 0; padding: 0;
	position: absolute;
	right: 0; top: 0;	
}

#content {
	margin: 0; padding: 0;
	width: 620px; height: 100%; clear: both;
	position: absolute; top: 467px;
	background: transparent url('/img/global/hdr-bg.gif') 0 0 no-repeat;
}

/*.s-home #content { top: 497px; }*/

#content a,
#content table a { color: #8b8b8b;}

#content a:hover,
#content table a:hover { color: #fff; background-color: #004c92;background-color: #828d93; }

#content div { background: transparent url('/img/global/hdr-bg.gif') 0 0 no-repeat; }

.s-dataroom #content div { background-image: none; }

#content h1,
#content .h1 { margin: 40px 15px 0; width: 375px; height: 18px; text-indent: -9999px; overflow: hidden; }

#content p { margin-left: 15px; margin-right: 15px; }
	.s-home .col-thin p { margin-top: 30px; }

#content.slideshow { padding: 0; }

#content.slideshow p { margin: 5px 15px; }

.schedule-table {
	font: 1.1em/2.0em Arial, Helvetica, sans-serif;
	margin: 10px 15px; padding: 0;
}
.schedule-table td {
	border-top: 1px solid #cfc4b1;
	padding: 5px 2px 3px;
	color: #8b8b8b;
}

.schedule-table td.let {
	background-color: #e5f3ff
}

.schedule-table td span { color: #cfc4b1; }

.schedule-table td.double {
	border-top: none;
}

.schedule-table th {
	padding: 5px 2px;
	/*border-bottom: 1px solid #cfc4b1;*/
	font-size: 1.2em; text-transform: uppercase;
}
.schedule-table .total td {
	font-weight: bold;
	border-top: 1px solid #cfc4b1;
}
.schedule-table a {
	color: #8b8b8b;
	text-decoration: underline;
}
.schedule-table a:hover {
	text-decoration: none;
}
.schedule-table td.row1 {
	border-top: 3px double #cfc4b1;
}


/*
***************************************************/
/*
  #utility h1 { margin: 0; padding: 0; }

#utility h1 a { 
	display: block; text-indent: -9999px;
	width: 200px; height: 350px;
	margin: 0; padding: 0;
	background: transparent url('/img/global/hdr-logo.jpg') 0 0 no-repeat;
}

*/
#logo { margin: 0; padding: 0; }

#logo a { 
	display: block; text-indent: -9999px;
	width: 200px; height: 290px;
	margin: 0; padding: 0;
	background: transparent url('/img/global/hdr-logo.png') 0 0 no-repeat;
}


#content a { padding: 0 2px;}
#content a:hover { color: #fff; background-color: #004c92; background-color: #828d93; text-decoration: none;}
#content ul {
	padding: 0; margin: 10px 6px 10px;
}

#content ul li {
	list-style: none;
	padding-left: 10px;
	background: url("/img/general/bullet-blue.gif") no-repeat 0 7px;
	margin: 5px 0;
	font-size: 1.1em;
}

/* NAVIGATION
***************************************************/

#nav, #nav li {
	padding: 0; margin: 0;
	width: 200px;
	list-style: none;
}
#nav {
	padding-top: 45px; 
/*	background: transparent url('/img/nav/nav-bg.gif') 0 0 no-repeat; */
}
#nav a {
	display: block;
	height: 20px; line-height: 20px;
	text-indent: -9999px;	font-size: 1.1em;
	color: #004c92;	color: #828d93;
}

.n-hm { background: url("/img/nav/home.gif") no-repeat 0 0;}
.n-bld { background: url("/img/nav/building.gif") no-repeat 0 0;}
.n-loc { background: url("/img/nav/location.gif") no-repeat 0 0;}
.n-con { background: url("/img/nav/connections.gif") no-repeat 0 0;}
.n-img { background: url("/img/nav/gallery.gif") no-repeat 0 0;}
.n-prg { background: url("/img/nav/programme.gif") no-repeat 0 0;}
.n-tm { background: url("/img/nav/team.gif") no-repeat 0 0;}
.n-cnt { background: url("/img/nav/contact.gif") no-repeat 0 0;}
.n-bro { background: url("/img/nav/brochure.gif") no-repeat 0 0;}
.n-data { background: url("/img/nav/dataroom.gif") no-repeat 0 0;}

.n-bro,
.n-data { margin-top: 15px;}

.n-bld-sub,
.n-loc-sub,
.n-con-sub,
.n-data-sub {display: none;}

.s-building .n-bld-sub, 
.s-location .n-loc-sub,
.s-connections .n-con-sub,
.s-dataroom .n-data-sub {display: block;}

#nav a:hover { background-position: 0 -20px;}

#nav ul {margin: 0; padding: 0 0 20px 0;}
#nav ul a {text-indent: 0; text-align: right; width: 180px; padding-right: 20px; text-decoration: none;}
#nav ul a:hover { background: transparent url('/img/nav/sub-nav-bg.gif') 0 0 no-repeat; }


/* PAGE HIGHLIGHT
***************************************************/

.s-home #nav .n-hm,
/*
.s-building #nav .n-bld,
.s-dataroom #nav .n-data,
*/
.s-location #nav .n-loc,
.s-connections #nav .n-con,
.s-gallery #nav .n-img,
.s-programme #nav .n-prg,
.s-team #nav .n-tm,
.s-contact #nav .n-cnt,
.s-brochure #nav .n-bro { background-position: 0 -20px;}

/* SUB NAVIGATION
***************************************************/

.s-building .p-home #nav .n-sch,
.s-building .p-schedule #nav .n-sch,
.s-building .p-space #nav .n-space,
.s-building .p-specification #nav .n-spec,
.s-building .p-gallery #nav .n-gal,
.s-building .p-services #nav .n-srv,

.s-location .p-home #nav .n-ovw,
.s-location .p-occupiers #nav .n-occ,
.s-location .p-amenities #nav .n-amt,

.s-connections .p-transport #nav .n-rail,
.s-connections .p-transport #nav .n-bus,
.s-connections .p-transport #nav .n-intl,

.s-dataroom .p-home #nav .n-ovw,
.selected { background: transparent url('/img/nav/sub-nav-bg.gif') 0 0 no-repeat; } 


/* FOOTER
***************************************************/

#footer {
	width: 830px; height: 70px;
	margin: 0 auto; padding: 0 20px;
	background-color: #fff;
}

#footer #ftr-view { margin-left: 210px; width: 400px; background: transparent url('/img/global/ftr-bg.gif') 0 0 no-repeat; }
#footer #ftr-port { width: 220px; background: transparent url('/img/global/ftr-bg.gif') 0 0 no-repeat; }

#footer p {
	margin: 0; padding: 0;
	color: #004c92; 
	line-height: 60px;
	color: #828d93; 
}
#footer p span { margin-left: 15px; }

#footer a {
	color: #004c92; 
	text-decoration: none;
	color: #828d93;
}

#footer a span#pop { visibility: hidden; }

#footer a:hover {
	color: #004c92;
	text-decoration: underline;
	color: #828d93;
}

#footer a:hover span#pop { visibility: visible; text-decoration: none; }


/* HOMEPAGE 
***************************************************/
.s-home .p-misrep #content h1 { background: url('/img/home/hdr_misrepresentation.gif') 0 0 no-repeat; }

#home_copy h1,
#home_copy h2 { width: 375px; height: 200px; text-indent: -9999px; overflow: hidden; background: url('/img/home/headline_01.png') 0 0 no-repeat; }
#home_copy h2 { margin-left: 15px; background-image: url('/img/home/headline_02.png'); }

/* BUILDING
***************************************************/
.s-building .p-home #content h1 { background: url('/img/building/hdr_building_floor_plans.gif') 0 0 no-repeat; }
.s-building .p-space #content h1 { background: url('/img/building/hdr_building_space_plans.gif') 0 0 no-repeat; }
.s-building .p-specification #content h1 { background: url('/img/building/hdr_building_specifications.gif') 0 0 no-repeat; }

.s-building .p-specification .col-mid.pos-1	{ width: 515px; }
.s-building .p-specification .col-thin.pos-3 { left: 470px !important; width: 147px !important; }
.s-building .p-specification .col-thin.pos-3 p { margin-top: 25px; }

.s-building #content h1 { margin: 40px 15px 0; }

#spec-list { 
	margin: 10px 16px; padding: 0; 
	width: 500px; list-style-type: decimal-leading-zero; 
}

#spec-list dt, 
#spec-list dd { margin: 0; padding: 0; }

#spec-list dt {
	font-weight: bold; color: #004c92; color: #828d93; 
	text-decoration: none; font-size: 1.2em; line-height: 1.6em; text-transform: uppercase; 
}

#spec-list dd {
	margin: 0; padding: 0; color: #8b8b8b;
	width: 85%; margin-bottom: 15px;  font-size: 1.1em;
}

#spec-list dd p {
	margin: 0; padding: 0; color: #8b8b8b;
	width: 85%; line-height: 1.2em;
}

#spec-list ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0; padding: 0;

}
#spec-list li {
	list-style-type: none;
	list-style-image: none;
	background-image: none !important; 
	margin: 0 !important; padding: 0 !important;
	color: #8b8b8b;
}

/* LOCATION - LOCAL OCCUPIERS LISTING
***************************************************/
.s-location #content { background: transparent url('/img/global/hdr-bg.gif') 0 0 no-repeat; }
.s-location #content h1,
.s-location #content .h1 { padding-bottom: 15px; }

.s-location #content #occupiers { background: url('/img/location/hdr_location_local_occupiers.gif') 0 0 no-repeat; }
.s-location #content #landmarks { background: url('/img/location/hdr_location_landmarks_leisure_retail.gif') 0 0 no-repeat; }
.s-location #content #restaurants { background: url('/img/location/hdr_location_restaurants_cafes_bars.gif') 0 0 no-repeat; }

.s-location ol {
	margin: 0 20px; padding: 0; padding-left: 20px; 
}
.s-location ol.left_list { float: left; width:290px; }

.s-location ol li {
	font-size: 1.1em; color: #8b8b8b;  text-transform: uppercase;
}
.s-location #content div { background-image: none; overflow: hidden; }

/* CONNECTIONS
***************************************************/
.s-connections #content h1 { background: url('/img/location/hdr_location_connections.gif') 0 0 no-repeat; }
.s-connections #content #byFoot { background: url('/img/location/hdr_location_connections_by_foot.gif') 0 0 no-repeat; }
.s-connections #content ul { margin: 15px; padding: 0;	list-style-type: none; }
.s-connections #content ul li {	
	margin: 0; padding: 0; list-style-type: none; text-indent: -9999px; overflow: hidden; line-height: 22px;
	background-position: 0 0; background-repeat: no-repeat;
}
.s-connections #content ul li#bank { background-image: url('/img/location/connections_by_foot-Bank~3mins.png'); }
.s-connections #content ul li#stpauls { background-image: url('/img/location/connections_by_foot-StPauls~3mins.png'); }
.s-connections #content ul li#moorgate { background-image: url('/img/location/connections_by_foot-Moorgate~4mins.png'); }
.s-connections #content ul li#mansionhouse { background-image: url('/img/location/connections_by_foot-Mansion_House~6mins.png'); }
.s-connections #content ul li#cannonstreet { background-image: url('/img/location/connections_by_foot-Cannon_Street~9mins.png'); }

/* GALLERY
***************************************************/
.s-gallery #content h1 { background: url('/img/gallery/hdr_image_gallery.gif') 0 0 no-repeat; }

#content .gallery {
	height: 80px;
	width: 630px;
}

#content .gallery li {
	background: none;	
	display: inline;
}

#content .gallery li a {
	padding: 0; margin: 0;
}	

.lCell {
	float: left;
	width: 180px;
	padding: 0;
}

.rCell {
	float: right;
	width: 180px;
	padding: 0;
}
	
/* DEVELOPMENT TEAM
***************************************************/
.s-team #content h1 { width: 460px; margin-bottom: 5px; background: url('/img/team/hdr_development_team.gif') 0 0 no-repeat; }
.s-team #content p, 
.s-team #content a, 
.s-team #content td { text-decoration: none; }
.s-team #content #consults { width: 460px; margin-top: 25px; background: url('/img/team/hdr_development_consults.gif') 0 0 no-repeat; }

.s-team #content .schedule-table { margin: 10px 15px; width: 515px; }
.s-team #content .schedule-table td.cell1 { width: 50%; }
.s-team #content .schedule-table td { border-top: 1px solid #cfc4b1; }

.s-team #content #team_table td { border-top: none; }

/* DATAROOM
***************************************************/
.s-dataroom #content h1 { width: 460px; margin-bottom: 15px; background: url('/img/home/hdr_dataroom.gif') 0 0 no-repeat; }

#dataroom-content { height: 400px; overflow: auto;  }


/* CONTACT - USER DATA 
***************************************************/
.s-contact #content h1 { width: 460px; margin-bottom: 15px; background: url('/img/contact/hdr_contact.gif') 0 0 no-repeat; }
.s-contact #content dl { width: 80%; float: left; margin: 20px 0 0 10px; padding: 0; }
.s-contact #content dl dt { margin: 0; padding: 0; padding-left: 10px; color: #8b8b8b; font-weight: normal; }
.s-contact #content ul { margin: 0; padding: 0; list-style-type: none; background-image: none; margin: 20px 0; padding: 0; }
.s-contact #content ul li { margin: 0 15px; padding: 0; background:none; list-style-type: none; background-image: none; line-height: 1.3em; color: #8b8b8b; font-size: 1.2em; }  
.s-contact #content ul li a { color: #8b8b8b; text-decoration: none; }
.s-contact #content ul li a:hover { color: #ffffff; text-decoration: none; }


#slideshow {
	margin: 0 auto; padding: 0;
	width: 547px; height: 410px;
}