@charset "UTF-8";
/* generic styles */
body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	position: relative;
	margin: 0;
	background: #000;
	color: #fff;
	text-align: center;
}
#wrapper {
	width: 977px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
.clear {
	clear: both;
}
.block {
	display: block;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
img {
	border: none;
}
p, ul, td {
	font-size: 1.2em;
}
#header {
	position: relative;
	height: 164px;
}
#alexiasqlogo {
	position: absolute;
	top: 15px;
	left: 28px;
}
#header ul {
	position: absolute;
	left: 142px;
	bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#header ul li {
	float: left;
}
#header ul li a {
	float: left;
	display: block;
}
#contactdetails {
	position: absolute;
	right: 26px;
	bottom: 10px;
	z-index: 1;
}
#crossharbourlogo {
	position: absolute;
	right: 0;
	top: 15px;
	z-index: 0;
}
ul#breadcrumb {
	margin: 19px 0 0 83px;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
	display: inline;
}
ul#breadcrumb li {
	float: left;
	padding: 0 10px 0 0;
	color: #000;
}
ul#breadcrumb li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #666;
}
ul#misc_links {
	margin: 15px 27px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	font-size: 1.1em;
	display: inline;
}
ul#misc_links li {
	float: left;
}
ul#misc_links li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #000;
}
ul#misc_links li#lgtext {
	font-weight: bold;
	margin: 2px 17px 0 0;
}
ul#misc_links li#smtext {
	font-weight: bold;
	margin: 2px 17px 0 0;
}
ul#misc_links li#homeicon, ul#misc_links li#twittericon {
	margin: 0 9px 0 0;
}
ul#misc_links li#sharetext {
	margin: 2px 10px 0 0;
}
#maincontent {
	position: relative;
	width: 977px;
	float: left;
}
.green {
	background: #539436 url(../images/green_gradient.jpg) top left repeat-x;
}
.grey {
	background: #a5a5ab;
}
.white {
	background: #fff;
}
.greyblack {
	background: #333333 url(../images/grbl_gradient.jpg) top left repeat-x;
}
.headline {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
}
.subheadline {
	font-size: 1.4em;
	color: #666;
	font-weight: normal;
}
/**** Tables ****/
.table_scroll {
	overflow: auto; 
	height: 540px;
	width: 871px; 
	margin-bottom: 100px;
}
table.info_data {
	color: #000;
	width: 855px;
	}	
table.info_data2 {
	color: #000;
	width: 870px;
	}
table.info_data2 th {
	font-size: 1.4em;
	font-weight: normal;
	background: url(../images/th_gradient.jpg) repeat-x top left;
	height: 30px;
	border-right: 1px solid #C5DD94;
	border-bottom: 1px solid #C5DD94;
	padding: 0 0 0 10px;
}	
table.info_data2 th a {
	text-decoration: none;
	color: #000;
}
table.info_data .noborderright, table.info_data2 .noborderright {
	border-right: none;
}
table.info_data td {
	font-size: 1.4em;
	background: url(../images/td_grey.png) repeat-x top left;
	height: 30px;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 10px;
}	
table.info_data tr td {	
	border-bottom: 1px solid #fff;
}
#footer {
	width: 977px;
	position: relative;
	float: left;
	padding-bottom: 40px;
	border-top: 1px solid #e0dbdb;
	background: #fff;
}
#footer p {
	font-size: 1.1em;
	color: #6f6f6f;
}
#footer p#alexiafootertext {
	color: #84ab34;
	float: left;
	margin: 11px 38px 0 28px; 
	display: inline;
}
#footer p#disclaimerfootertext {
	margin: 11px 38px 0 0; 
	float: left;
	display: inline;
}
#footer p#disclaimerfootertext a {
	color: #84ab34;
	text-decoration: none;
}
#footer p#disclaimerfootertext a:hover {
	text-decoration: underline;
}

#footer p#wagstaffsfootertext {
	margin: 11px 0 0 0;
	float: left;
	display: inline; 
}
#footer p#wagstaffsfootertext a {
	color: #84ab34;
	text-decoration: none;
}
#footer p#wagstaffsfootertext a:hover {
	text-decoration: underline;
}
#footer p#mhofootertext {
	position: absolute;
	right: 122px;
	top: 2px;
	margin: 11px 0 0 0; 
	zoom: 1;
}
#footer p#mhofootertext a {
	color: #61116a;
	text-decoration: none;
}
#footer p#mhofootertext a:hover {
	text-decoration: underline;
}
#footer #metropolitanlogo {
	position: absolute;
	right: 0;
	top: 0;
}
/* index.html */
#innercontent #index #affordableheaderimg {
	float: left;
	margin: 45px 0 0 28px;
}
#innercontent #index #takeacloserlookimg {
	float: right;
	margin: 18px 28px 0 0;
}
#innercontent #index #ucouldpoints {
	margin: 15px 0 0 28px;
	padding: 0;
	width: 363px;
	list-style: none;
	font-size: 1.6em;
	float: left;
	display: inline;
}
#innercontent #index #ucouldpoints li {
	background: url(../images/bullet.gif) no-repeat 2px 4px;
	padding-left: 20px; 
	margin-bottom: 14px;
	width: 302px;
	float: left;
}
#innercontent #index div#info_content {
	float: left;
	width: 580px;
	margin: 0 0 37px 0;
}
#innercontent #index div#info_content #buildingimgs {
	float: left;
}
#innercontent #index div#info_content #building1img {
	margin: 0 17px 0 0;
}
#innercontent #index div#info_content #building2img {
	margin: 17px 17px 0 0;
}
/*** add video here - START ***/
#innercontent #index div#info_content #video {
	background: #000;
	width: 425px;
	height: 262px;
	float: left;
}
/*** add video here - FINISH ***/
/*div.register a {
	width: 285px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/register_btn.jpg) no-repeat left bottom;
}
div.register a:hover {
	width: 285px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/register_btn_roll.jpg) no-repeat left bottom;
}
div.latest a {
	width: 291px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latest_btn.jpg) no-repeat left bottom;
}
div.latest a:hover {
	width: 291px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latest_btn_roll.jpg) no-repeat left bottom;
}*/

div.rent a {
	width: 278px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latestrent_btn.jpg) no-repeat left bottom;
}
div.rent a:hover {
	width: 278px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latestrent_btn_roll.jpg) no-repeat left bottom;
}
div.sale a {
	width: 291px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latestsale_btn.jpg) no-repeat left bottom;
}
div.sale a:hover {
	width: 291px;
	float: left;
	padding: 60px 0 0 0;
	background: url(../images/latestsale_btn_roll.jpg) no-repeat left bottom;
}

/* floorplans.html */
.lightgreen {
	background-color: #539436;
	background-image: url(../images/light_green.gif);
	background-repeat: repeat;
	background-position: left top;
}
#innercontent  #floorplans {
	margin: 0 27px 0 81px;
}
#innercontent #floorplans h1.headline {
	margin: 57px 0 28px 0;
}
#innercontent #floorplans #levels {
	margin: 0 0 28px 0;
}
#innercontent #floorplans #levels  ul {
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	margin-top: 0 0 0 0;
}
#innercontent #floorplans #levels  ul    li {
	float: left;
	padding: 0 10px 0 0;
	color: #000;
}
#innercontent #floorplans #diagram {
	margin: 20px 0 28px 0;
	float: left;
	width: 869px;
}
#innercontent #floorplans #disclaimer {
	font-size: 10px;
	color: #333333;
	float: left;
	width: 869px;
	margin: 0 0 28px 0;
}


/* buyrent.html */
#innercontent #buyrent {
	height: 581px;
}
#innercontent #buyrent h2.subheadline {
	margin: 0 400px 14px 81px;
	padding-top: 30px;
	color: #fff;
}
#innercontent #buyrent #firstcolumn {
	margin: 44px 13px 0 81px;
	display: inline;
}
#innercontent #buyrent .columns {
	margin: 44px 13px 0 13px;
	float: left;
	width: 269px;
}
#innercontent #buyrent .columns p {
	width: 250px;
}
#innercontent #buyrent .columns p a {
	color: #A5CD39;
	text-decoration: none;
}
#innercontent #buyrent .columns p a:hover {
	text-decoration: underline;
}	
	
/* forsale.html */
#innercontent #forsale {
	margin: 0 27px 0 81px;
}
#innercontent #forsale h1.headline {
	margin: 57px 0 28px 5px;
}

/* forrent.html */
#innercontent #forrent {
	margin: 0 27px 0 81px;
}
#innercontent #forrent h1.headline {
	margin: 57px 0 28px 5px;
}

/* specification.html */
#innercontent #specification {
	position: relative;
	background: #a3a3a3 url(../images/silvergradient.jpg) top left repeat-x;
	height: 57.1em;
}
#innercontent #specification #leftcontent {
	position: relative;
	height: 32.9em;
	width: 606px;
	float: left;
}
#innercontent #specification #leftcontent h1.headline {
	margin: 0 0 14px 81px;
	padding-top: 30px;
	color: #333;
}
#innercontent #specification #leftcontent h2.subheadline {
	margin: 14px 246px 14px 81px;
	color: #666;
}
#innercontent #specification #leftcontent p {
	color: #333;
	margin: 14px 94px 14px 81px;
}
#innercontent #specification #leftcontent #specpix1 {
	float: left;
	margin: 56px 16px 0 81px;
}
#innercontent #specification #leftcontent #specpix2 {
	float: left;
	margin: 56px 0 0 0;
}
#innercontent #specification #leftcontent #specpix3 {
	clear: both;
	float: left;
	margin: -124px 16px 34px 81px;
}
#innercontent #specification #rightcontent {
	position: relative;
	float: left;
	height: 57.1em;
	width: 371px;
	background: url(../images/specpix7.jpg) no-repeat 0 19px;
}
#innercontent #specification #rightcontent #specpix4 {
	position: absolute;
	top: 36px;
	right: 18px;
}
#innercontent #specification #rightcontent #specpix5 {
	position: absolute;
	top: 176px;
	right: 18px;
}
#innercontent #specification #rightcontent #specpix6 {
	position: absolute;
	top: 316px;
	right: 18px;
}

/* location.html */
#innercontent #location {
	position: relative;
	height: 573px;
}
#innercontent #location #aerialview {
	margin: 20px 0 0 0;
}
#innercontent #location #viewlocationmap {
	position: absolute;
	top: 34px; 
	right: 92px;
}
#innercontent #location #mudgatepark {
	position: absolute;
	top: 205px; 
	left: 5px;
}
#innercontent #location #canarywharf {
	position: absolute;
	top: 196px; 
	right: 6px;
}
/*#innercontent #location #infobox1 {
	position: absolute;
	top: 196px; 
	right: 133px;
	border: 1px solid red
	
}*/
#innercontent #location #infobox1 {
	position: absolute;
	top: 321px; 
	right: 208px;
}
#innercontent #location #infobox2 {
	position: absolute;
	bottom: 145px; 
	left: 355px;	
}

#innercontent #location #infobox3 {
	position: absolute;
	bottom: 75px; 
	left: 263px;
}
#innercontent #location #infobox4 {
	position: absolute;
	bottom: 60px; 
	left: 14px;
}
/* maps.html */
#innercontent #locationmap {
	background: #a5a5ab;
}
#innercontent #locationmap #map {
	margin: 20px 0 0 0;
}

/* lifestyle.html */
#innercontent #lifestyle #topcontent {
	position: relative;
	background: #ebebeb url(../images/whitegradient.jpg) top left repeat-x;
	height: 28.4em;
}
#innercontent #lifestyle #topcontent h1.headline {
	margin: 0px 0 14px 81px;
	padding-top: 30px;
}
#innercontent #lifestyle #topcontent h2.subheadline {
	margin: 14px 435px 14px 81px;
}
#innercontent #lifestyle #topcontent p {
	color: #000;
	margin: 14px 435px 14px 81px;
}
#innercontent #lifestyle #topcontent #lifestylepix1 {
	position: absolute;
	top: 61px;
	right: 209px;
}
#innercontent #lifestyle #topcontent #lifestylepix2 {
	position: absolute;
	top: 61px;
	right: 31px;
}
#innercontent #lifestyle #bottomcontent {
	float: left;
	height: 415px;
}
#innercontent #lifestyle #bottomcontent img {
	display: block;
}


/* aboutthearea.html */
#innercontent #aboutthearea #topcontent {
	position: relative;
	background: #fff url(../images/whitegradient.jpg) bottom left repeat-x;
	height: 32.9em;
}
#innercontent #aboutthearea #topcontent h1.headline {
	margin: 0px 0 14px 81px;
	padding-top: 30px;
}
#innercontent #aboutthearea #topcontent h2.subheadline {
	margin: 14px 554px 14px 81px;
}
#innercontent #aboutthearea #topcontent p {
	color: #000;
	margin: 14px 562px 14px 81px;
}
#innercontent #aboutthearea #topcontent #canarywharfpix1 {
	position: absolute;
	top: 37px;
	right: 209px;
}
#innercontent #aboutthearea #topcontent #canarywharfpix2 {
	position: absolute;
	top: 37px;
	right: 31px;
}
#innercontent #aboutthearea #topcontent #traintimespix {
	position: absolute;
	bottom: 0;
	left: 0;
}
#innercontent #aboutthearea #bottomcontent {
	float: left;
	height: 444px;
}
#innercontent #aboutthearea #bottomcontent img {
	display: block;
}

/* neighbourhood.html */
#innercontent #neighbourhood {
	position: relative;
	background: #a3a3a3 url(../images/silvergradient.jpg) top left repeat-x;
	height: 60em;
}
#innercontent #neighbourhood #leftcontent {
	position: relative;
	height: 32.9em;
	width: 511px;
	float: left;
}
#innercontent #neighbourhood #leftcontent h1.headline {
	margin: 0 0 14px 81px;
	padding-top: 30px;
	color: #333;
}
#innercontent #neighbourhood #leftcontent h2.subheadline {
	margin: 14px 87px 14px 81px;
	color: #333;
}
#innercontent #neighbourhood #leftcontent p {
	color: #333;
	margin: 14px 94px 14px 81px;
}
#innercontent #neighbourhood #leftcontent #greenwichmaritimepix1 {
	float: left;
	margin: 14px 20px 0 81px;
}
#innercontent #neighbourhood #leftcontent #islandhealthpix {
	float: left;
	margin: 14px 0 0 0;
}
#innercontent #neighbourhood #rightcontent {
	position: relative;
	float: left;
	margin-top: 20px;
	height: 553px;
	width: 466px;
	background: url(../images/greenwichmaritimepix1.jpg) no-repeat 0 0;
}
#innercontent #neighbourhood #rightcontent img#localareatext {
	float: right;
	margin: 366px 28px 0 0;
}

/* transport.html */
#innercontent #transport {
	position: relative;
	height: 55.5em;
}
#innercontent #transport #topcontent {
	height: 26.3em;
	position: relative;
	float: left;
}
#innercontent #transport #topcontent h1.headline {
	margin: 0 0 0 81px;
	padding-top: 30px;
	color: #333;
	width: 526px;
	float: left;
	display: inline;
}
#innercontent #transport #topcontent h2.subheadline {
	margin: 0 0 0 81px;
	width: 526px;
	color: #333;
	float: left;
	display: inline;
}
#innercontent #transport #topcontent #travelfactbox {
	position: absolute;
	top: 80px;
	right: 128px;
}
#innercontent #transport #bottomcontent {
	clear: both;
	height: 29.1em;
	margin: 0 0 0 81px;
}
#innercontent #transport #bottomcontent p {
	color: #333;
	margin: 14px 746px 14px 81px;
	margin: 0;
	width: 146px;
	float: left;
}
#innercontent #transport #bottomcontent #transportpix1 {
	float: left;
	margin: 0 9px 0 58px;
}
#innercontent #transport #bottomcontent #transportpix2 {
	float: left;
	margin: 0 9px 0 0;
}
#innercontent #transport #bottomcontent #transportpix3 {
	float: left;
	margin: 0 0 0 0;
}


/* enquiries.asp */
div.content{
	width:706px;
	color: #000000;
	margin-top: 0;
	margin-right: 27px;
	margin-bottom: 0;
	margin-left: 81px;
}
div.regist{
	width:500px;
	clear:both;
	margin:0;
	font-size: 12px;
}
div.regist h1.title{ padding:0 0 16px 0;}
div.regist div.cols1{
	width:470px;
	overflow:hidden;
}
div.regist div.cols1 div.col1{
	line-height:2em;
	width: 80px;
}
div.regist div.cols1 div.col2{
	width:238px;
}
div.regist input.name,div.regist input.email,div.regist input.mobile{
	width:236px;
	border:1px solid #539436;
	height: 22px;
}
div.regist textarea.address{
	width:234px;
	height:68px;
	margin:0 0 3px 0;
	border:1px solid #FFFFFF;
}
div.regist div.send{
	text-align:left;
}
div.regist div.send input{ background:#96c730; border:none; font-weight:bold; font-size:1.5em; padding:4px 0 0 0;}
div.regist ul li{
	padding:8px 0;
	list-style-type: none;
}
div.regist input.specify{
	width:174px;
	border:1px solid #539436;
	height: 22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
div.regist input.radio{
	height: 15px;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}
div.regist select{
	border:1px solid #539436;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}