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

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

body {
	font: 62.5%/2.0em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #cfc4b1;
}
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;}
h1 {
	font-size: 2.0em; font-weight: normal;
	color: #cfc4b1;
	text-transform: uppercase;
	margin: 0; padding: 0;
}
h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #cfc4b1;
	margin: 0; padding: 0;
}

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

p {	margin: 1em 0 0.7em; font-size: 1.1em; color: #8b8b8b; }

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

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: #cfc4b1; }

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: #cfc4b1; }

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

.col-thin { margin: 0 10px 0 0; padding: 0; width: 200px; }
.col-thick { margin: 0 10px 0 0; padding: 0; width: 300px; }
.col-mid { margin: 0 10px 0 0; padding: 0; width: 410px; }
.col-wide { margin: 0 10px 0 0; padding: 0; width: 515px; }
.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-connections #container 						{ height: 1350px; }
	.s-gallery #container							{ height: 1200px; }
	.s-team #container								{ height: 1150px; }
	.s-location #container 							{ height: 1000px; }
	.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%;
	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: #cfc4b1; }

#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; }

#content p { margin-left: 15px; margin-right: 15px; }

#content.slideshow {
	padding: 0;
}

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

/*
***************************************************/
#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;
}

#content a { padding: 0 2px;}
#content a:hover { color: #fff; background-color: #cfc4b1; 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;
	color: #cfc4b1;
}

.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;}

.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;}

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

#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-location #nav .n-loc,
.s-dataroom #nav .n-data
*/
.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: #cfc4b1; line-height: 60px;
}
#footer p span { margin-left: 15px; }

#footer a {
	color: #cfc4b1; 
	text-decoration: none;
}

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

#footer a:hover {
	color: #cfc4b1;
	text-decoration: underline;
}

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


/* HOMEPAGE 
***************************************************/



.home-thumbs {
	background-color: #eee;
	padding: 3px;
	text-align: right;
	border-left: 4px solid #cfc4b1;
}
.home-thumbs span {
	line-height: 18px;
	vertical-align: middle; 
	color: #aaa;
}
.home-thumbs a {
	margin: 2px;
	line-height: 22px;
	vertical-align: middle; 
	color: #aaa;
}

/* BUILDING
***************************************************/

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

.schedule-table {
	font: 1.1em/2.0em Arial, Helvetica, sans-serif;
	margin: 10px; 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: 2px 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;
}

.spec-height table{ padding: 0; margin: 0;}
.spec-height th { margin: 0 10px; padding: 0 10px; }
.spec-height td.cntr { text-align: center; }
.toggle-ex { margin: 10px; float: right; }

#spec-list { 
	margin: 10px 15px; 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: #cfc4b1;
	text-decoration: underline;  line-height: 2.0em;
}

#spec-list dd {
	margin-left: 15px; color: #8b8b8b;
	width: 85%; line-height: 1.6em;
}

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

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

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

.s-location .p-amenities h4 { margin-top: 25px; padding: 0 0 0 20px; font-size: 1.2em; text-transform: uppercase;} 

#bars { color: #3c6a23; }
#food { color: #553a7a; }
#fun { color: #af0917; }

.s-location ol {
	margin: 0 20px; padding: 0; padding-left: 20px; 
}
.s-location ol li {
	font-size: 1.1em; color: #8b8b8b;
}

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

.s-location .p-occupiers #content div#list-2,
.s-location .p-occupiers #content div#list-3 { margin-top: 20px; }

#content .listbox { 
	width: 547px; 
	margin-top: 10px;
}
#content .locList { 
	list-style-type: none; 
	float: left;
	padding: 0;
	margin: 15px 15px;
}
#content .locList li { 
	margin: 0 0 5px; padding: 0;
	line-height: 1.7em; 
	vertical-align: top; 
	background: url("/img/location/bluedot.gif") 0 0 no-repeat; 
}
#content .locList li .white { 
	font-weight: bold; color: white; 
	width: 18px; height: 18px; display: block; float: left; 
	text-align: center; margin: 0; padding: 0; 
	font-size: 0.9em;  font-family: Arial;
	line-height: 1.6em;
}

#content .single { margin-left: 9px;  }
#content .double { margin-left: 5px; }
#content .clear { clear: both; }

/* GALLERY
***************************************************/

#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 { background: transparent url('/img/global/hdr-bg.gif') 0 0 no-repeat; }
.s-team #content div { background-image: none; }*/

/* DATAROOM
***************************************************/

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


/* CONTACT - USER DATA 
***************************************************/
.s-contact .p-home #content dl { width: 45%; float: left; margin: 20px 0 0 10px; padding: 0; }
.s-contact .p-home #content dl dt { margin: 0; padding: 0; padding-left: 10px; color: #8b8b8b; }
.s-contact .p-home #content dl dd ul { list-style-type: none; background-image: none; margin: 20px 0; padding: 0; }
.s-contact .p-home #content dl dd ul li { list-style-type: none; background-image: none; line-height: 1.3em; color: #8b8b8b; }


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