@charset "UTF-8";
/* CSS Document */

/* CSS RESETS */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img { border: none; }

#ieNotice {
	display: none; 
}


/* TAGS */

body {
	background-color: #ebebeb;	
	font-size: 13px;
	color: #4a4a4a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	color: #22327a;	
}

h2, h3 {
	font-size: 22px;	
}



/* MAIN DIVS */

#headerBar {
	height: 102px;
	background-image:url(../images/navBG.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 30px;
}

#leaders {
	width: 960px;
	height: 190px;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-top: 10px;
	background-image:url(../images/leadersBg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#leaders p {
	width: 290px;
	font-size: 13px;
	color: #61001d;
	line-height: 1.1;
	margin-top: 20px;
}

#overViewSplash {
	width: 960px;
	height:336px;
	background-image:url(../images/banners/overviewSplash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#overViewSplash h1 {
	padding-top: 120px;
	margin-left: 45px;
}

#overViewSplash p {
	width: 550px;
	padding-top: 5px;
	margin-left: 45px;
}

#overViewLeaders {
	width: 960px;
	height: 143px;
	background-image:url(../images/overSplashBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#overViewLeaders p {
	width: 280px;
	color: #1a1a1a;
	font-size: 13px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 1.1;
	margin-top: 20px;
	float: left;
	display: inline;
}

#overViewLeaders p img {
	float: right;
	margin-top: 10px;
}

.leaderBT {
	margin-left: 80px;
	margin-top: 20px;
	
}

.leaderBox {
	width: 300px;
	margin-right: 14px;
	margin-left: 10px;
	float: left;
	display: inline;
}
.leaderBoxSee {
	width: 300px;
	margin-left: 12px;
	float: left;
	display: inline;
}


/* Navigation */

#navList {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav {
	width: 	726px;
	height: 29px;
	float: right;
	margin-top: 61px;
	padding: 0px;
	
}

#nav a:focus {
	outline: none;	
}

a.why {
	width: 124px;
	height: 29px;
	background-image: url(../images/bt_whylondon.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.why:hover {
	background-position:0% -29px;
}

a.why.active {
	background-position:0% -29px;
}

a.projectOvervew {
	width: 155px;
	height: 29px;
	background-image: url(../images/bt_projectOverview.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.projectOvervew:hover {
	background-position:0% -29px;
}

a.projectOvervew.active {
	background-position:0% -29px;
}

a.suites {
	width: 103px;
	height: 29px;
	background-image: url(../images/bt_suites.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.suites:hover {
	background-position:0% -29px;
}

a.suites.active {
	background-position:0% -29px;
}

a.gallery {
	width: 72px;
	height: 29px;
	background-image: url(../images/bt_gallery.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.gallery:hover {
	background-position:0% -29px;
}

a.gallery.active {
	background-position:0% -29px;
}

a.location {
	width: 86px;
	height: 29px;
	background-image: url(../images/bt_location.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.location:hover {
	background-position:0% -29px;
}

a.location.active {
	background-position:0% -29px;
}

a.developer {
	width: 103px;
	height: 29px;
	background-image: url(../images/bt_developer.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.developer:hover {
	background-position:0% -29px;
}

a.developer.active {
	background-position:0% -29px;
}

a.contact {
	width: 83px;
	height: 29px;
	background-image: url(../images/bt_contact.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	display: inline;	
}

a.contact:hover {
	background-position:0% -29px;
}

a.contact.active {
	background-position:0% -29px;
}

/* Footer */

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}
 
.push {
	height: 200px; /* .push must be the same height as .footer */
}

.footer {
	height: 200px;
	background-color: #f4f4f4;
	background-image: url(../images/footerBG.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	
}

.footer p {
	width: 135px;
	margin-top: 20px;
	text-align: left;
	float: left;
	display: inline;
}

.footer .content {
	padding-left: 40px;
	
}


.footer a {
	color: #4f4f4f;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;	
}

/*


/* Classes */

.center {
	width: 960px;
	margin: 0px auto;
}

.Logo {
	margin-left: 45px;	
}

.left {
	margin-right: 15px;
	float: left;
	display: inline;
	
}

.right {
	float: right;
	display: inline;
	
}

.contentBox {
	margin-bottom: 30px;
	background-color: #FFF;	
	background-image: url(../images/contentBG.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.contentBox a {
	color: #9c002f;
	text-decoration: underline;
}

.contentBox a:visited {
	text-decoration: none;
	
}

.contentBox a:hover {
	text-decoration: none;	
}

.rightCol {
	width: 600px;
	margin-top: 45px;
	margin-right: 20px;
	float: right;
	display: inline;
}

.rightCol p {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 13px;
}

.rightCol p.topTen {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}

.rightCol p.topTen img {
	margin-right: 25px;
	padding-bottom: 40px;
	float: left;
	display: inline;
}

.rightCol ul {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 13px;
}

.rightCol ul li {
	margin-left: 30px;	
	margin-bottom: 20px;
}

.rightCol ul li.subPoint {
	margin-left: 60px;	
}

.rightColGallery {
	width: 620px;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	display: inline;
}

.rightColGallery p {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 13px;
}

ul.suiteFeatures {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 13px;
}

ul.suiteFeatures li {
	margin-left: 30px;	
	margin-bottom: 20px;
}

.centerCol {
	width: 920px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 20px;
	
}

.centerCol ul {
	width: 960px;
	margin: 25px auto auto 0px;
	list-style-type: none;
	padding: 0px;
}

.centerCol ul li {
	width: 298px;
	height: 128px;
	background-color: #e6e6e6;
	border: 1px solid #e6e6e6;
	padding-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #293d92;
	font-size: 13px;
	line-height: 18px;
	float: left;
	display: inline;
}

.centerCol ul li strong {
	font-size: 16px;	
}

.centerCol ul li strong.Was {
	font-size: 13px;	
}

.currentPrice {
	color: #91002c;	
}

.oldPrice {
	text-decoration: line-through;		
}

.centerCol ul li img {
	border: 2px solid #293d92;
	margin: 0px 20px 10px 10px;
	float: left;
	display: inline;
}

.centerCol ul li .Sold {
	width: 69px;
	height: 57px;
	margin-left: 12px;
	margin-top: 2px;
	float: left;
	position: absolute;
	z-index: 20;
	background-image:url(../images/soldSnipe.png);
	background-position: left top;
	background-repeat: no-repeat;
}

/* Dear IE7, you SUCK! Love Jason */

*:first-child+html .centerCol ul li .Sold {
	margin-top: 4px;
	margin-left: -138px;
}

.centerCol ul a {
	text-decoration: none;
	color: #293d92;
}

.centerCol ul a:hover li {
	border: 1px solid #999999;	
		
}



.leftImg {
	margin-right: 25px;
	padding-bottom: 20px;
	float: left;
	display: inline;	
}


.features {
	width: 280px;
	margin: 20px 0 0 20px;
	float: left;
	display: inline;
}

.features img {
	margin-bottom: 20px;	
}

.suiteDetailsCol {
	width: 280px;
	margin: 55px 0 0 20px;
	line-height: 14px;
	float: left;
	display: inline;
}

.suiteSpecs {
	color: #22327a;	
}

.suitePrices {
	font-size: 14px;
	line-height: 20px;
	text-align:right;
	float: right; 
	display: inline; 
}

.suitePrices strong {
	font-size: 20px;
}

.featuresListingLeftCol {
	width: 260px;
	float: left;
	display: inline;
}

.featuresListingRightCol {
	width: 260px;
	float: right;
	display: inline;
}

ul.featuresListing  {
	width: 258px;
	margin-left: 20px;
}

ul.featuresListing li {
	line-height: 19px;	
}

.blue {
	color: #22327a;	
}

.blueLarge {
	color: #22327a;	
	font-size: 20px;
}

.floorplanList {
	width: 280px;
	margin: 0px 0 10px 20px;
	background-image:url(../images/floorplanListBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	display: inline;	
}

.floorplanList ul {
	margin-left: 10px;
	width: 215px;
	height: 280px;
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	list-style: none;
}

.floorplanList ul li {
	height: 22px;
	width: 200px;
	padding-top: 6px;
	border-bottom: dotted;
	border-bottom-color: #FFF;
	border-bottom-width: 1px;
	background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;	
}

.floorplanList ul li a {
	color: #FFF;
	text-decoration: none;
}

.floorplanList ul li a:hover {
	color: #00115c;	
}

.floorplanList ul li a.active {
	color: #00115c;	
}

.floorPlan {
	margin-top: 30px;
	margin-left: 80px;
	margin-right: auto;
}

.form_error {
	background-color:#FF9999;
}