/* 	COLOURS
	Magenta 		#e2007a
	Dark grey 		#1c1c1d
	Light grey 		#282829
	Body grey		#e1e1e1
	Footer grey		#898989
*/

/* MAIN CONTAINERS
*************************/
html, body { width: 100%; height: 100%; }
body {
	background-color: #000;
	color: #e1e1e1;
	text-align: center;
}
#frame {
	width: 900px;
	margin: 0 auto;
	text-align: left;
/* 	outline: 1px dotted blue; */
}
#header { padding-top: 20px; }
#main { font-size: 1.2em; }
#utility {
	width: 140px; height: 450px;
	float: left;
	background: transparent url(/img/css/grey-stripe.gif) repeat 0 0;
}
#content {
	width: 750px; height: 450px;
	float: right;
/* 	background: transparent url(/img/css/grey-stripe.gif) repeat 0 0; */
}
#footer {
	width: 900px;
	clear: both;
	font-size: 1.1em;
	color: #898989;
}

/* HEADER
*************************/
#header h1 a {
	display: block;
	height: 105px; line-height: 105px;
	background: transparent url(/img/css/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#header h1.noShow a {
	background: none;
}

/* NAVIGATION
*************************/
#nav {
	background: #000;
	padding-bottom: 10px;
}
#nav li { border-bottom: 1px solid #000; }
#nav li a {
	display: block;
	height: 25px; line-height: 25px;
	background-color: #1c1c1d;
	color: #e1e1e1;
	text-indent: -9999px;
}
#nav ul { border-top: 1px solid #000; }
#nav li li { border: none; }
#nav .n-home { background: transparent url(/img/css/nav/home.png) no-repeat 0 0 }
#nav .n-building { background: transparent url(/img/css/nav/building.png) no-repeat 0 0 }
#nav .n-availability { background: transparent url(/img/css/nav/availability.png) no-repeat 0 0 }
#nav .n-location { background: transparent url(/img/css/nav/location.png) no-repeat 0 0 }
#nav .n-contact { background: transparent url(/img/css/nav/contact.png) no-repeat 0 0 }
#nav .n-overview { background: transparent url(/img/css/nav/s-overview.png) no-repeat 0 0 }
#nav .n-floorplans { background: transparent url(/img/css/nav/s-floorplans.png) no-repeat 0 0 }
#nav .n-specification { background: transparent url(/img/css/nav/s-specification.png) no-repeat 0 0 }
#nav .n-management { background: transparent url(/img/css/nav/s-management.png) no-repeat 0 0 }
#nav .n-connections { background: transparent url(/img/css/nav/s-connections.png) no-repeat 0 0 }
#nav .n-occupiers { background: transparent url(/img/css/nav/s-occupiers.png) no-repeat 0 0 }
#nav .n-amenities { background: transparent url(/img/css/nav/s-amenities.png) no-repeat 0 0 }
#nav .selected { background-position: -280px 0; }
#nav a:hover { background-position: -140px 0; }
#nav a.selected:hover { background-position: -280px 0; }

/* CONTENT
*************************/
.col1, .col2 { height: 100%; }
.striped { background: transparent url(/img/css/grey-stripe.gif) repeat 0 0; }
.padding { padding: 10px 15px; }
.padded { padding: 10px 0; }
h1.logo {
	display: block;
	height: 121px;
	background: transparent url(/img/home/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}
p.strapLine { 
	margin-top: 190px;
	height: 90px;
	background: transparent url(/img/home/strapline.gif) no-repeat 0 0;
	text-indent: -9999px;
}
.thinFirst .col1 {
	width: 290px;
	float: left;
}
.thinFirst .col2 {
	width: 450px;
	float: right;
}
.thinLast .col1 {
	width: 440px;
	float: left;
}
.thinLast .col2 {
	width: 300px;
	float: right;
}
#content h1 {
	text-transform: uppercase;
	font-size: 120%;
	color: #fff;
	margin: 1em 0 1em;
}
#content h2 {
	color: #e2007a;
	font-weight: bold;
	margin: 1em 0 .5em;
}
#content ul { margin: 1em 0; }
#content ul ul { margin: .8em 0; }
#content ul li {
	background: transparent url(/img/css/bullet.gif) no-repeat 0 6px;
	padding-left: 12px;
	margin: .5em 0;
/* 	line-height: 1.5em; */
}
#content a { color: #e2007a; }
#content a.downloadLink {
	background: transparent url(/img/css/download-arrow.gif) no-repeat 0 50%;
	padding-left: 12px;
}
table { 
	width: 98%; 
	margin: 20px 0 15px;
}
table td,
table th {
	text-align: right;
	height: 30px; line-height: 30px;
	padding: 0 5px;
}
table th {
	line-height: 1em;
	color: #e2007a;
	vertical-align: top;
}
table th span {
	font-weight: normal;
}
.rowBg td {
	background-color: #1c1c1d;
}
.leftAlign { 
	text-align: left; 
	padding-left: 10px;
}
.nowLet {
	text-transform: uppercase;
	color: #777;
}
.centerAlign { text-align: center; }
.floorTotals { font-weight: bold; }
table a {
	display: block;
	text-indent: -9999px;
	width: 100%; height: 20px; line-height: 20px;
	background: transparent url(/img/css/download-arrow.gif) no-repeat 50% 60%;
}
.leftCol {
	width: 33%;
	float: left;
}
.leftCol2 {
	width: 25%;
	float: left;
}
.flashWarning {
	padding: 10px;
	background-color: black;
}
.largeCopy { font-size: 1.2em; line-height: 1.1em }
			
/* FOOTER
*************************/
#footer p { margin: 0; padding: 1em 0; }
#footer a { color: #898989; }