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

body {
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

img, div { behavior: url(/js/iepngfix.htc) }

p {
	margin:0;
	padding:0;
	font-size:12px;
}

h1 {
		font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;	
	font-weight:normal;
	margin:0;
	padding:0;
}

img {
	border:0;
}

a:focus {
	outline-style:none;
}


#outer {
	width:960px;
	margin:auto;
}

#inner {
	float:left;
	display:inline;
	width:958px;
	border:1px solid #ffffff;
	background-color:#999999;
}

#header {
	float:left;
	display:inline;
	width:958px;
	height:126px;
}

#top-nav {
	float:left;
	display:inline;
	width:944px;
	height:28px;
	background-color:#0066ff;
	padding-left:14px;
	padding-top:6px;
}

#content {
	float:left;
	display:inline;
	width:958px;
	height:434px;
	position:relative;
	overflow:hidden;
}

#left-nav-bg {
	float:left;
	display:inline;
	width:244px;
	height:269px;
	padding-top:165px;
	padding-left:5px;
	background-image:url(/images/static/left-nav-249x434.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#left-nav {
	float:left;
	display:inline;
	width:244px;
	height:269px;
	padding-top:165px;
	padding-left:5px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#left-nav ul, #left-nav  li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
}

#bottom-outer {
	float:left;
	display:inline;
	width:958px;
	height:84px;	
	background-color:#0066ff;
}



#bottom-main-nav {
	float:left;
	display:inline;
	width:958px;
	height:84px;
}

#bottom-sub-nav {
	float:left;
	display:inline;
	width:958px;
	height:55px;
}



#footer {
	float:left;
	display:inline;
	width:920px;
	height:54px;
	border-top:1px solid #ffffff;
	background-color:#0066ff;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	line-height:22px;
	padding-top:12px;
	padding-right:38px;
}

#site-status {
		float:left;
	display:inline;
	width:958px;
	background-color:#ff0000;
	text-align:center;
}


a, a:visited {
	text-decoration:none;
	color:#ffffff;
}

a:hover {
	text-decoration:none;
	color:#00ccff;
}

.blue-text {
	color:#00ccff;
}


/* -------------- HOME PAGE -------------------- */


#bottom-home {
	float:left;
	display:inline;
	width:899px;
	height:84px;
	margin-right:18px;	
	margin-left:42px;	
	font-size:14px;
	
}

#middle-blue {
	width:643px;
	height:434px;	
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	
}

#home-right-image {
	width:565px;
	height:434px;	
	position:absolute;
	top:0;
	right:0;
	z-index:80;
	background-color:#0066FF;
}

/* -------------- HOME PAGE END -------------------- */


/* -------------- DEVELOPMENTS PAGE -------------------- */

#development-map-left {
	width:509px;
	height:434px;	
	position:absolute;
	top:0;
	left:0;
	z-index:80;	
}

#development-map-right {
	width:449px;
	height:434px;	
	position:relative;
	z-index:80;	
	margin-left:509px;
}

.development-map-details {
	width:513px;
	height:434px;	
	position:absolute;
	top:0;
	left:-514px;
	z-index:90;
	background-image:url(/images/static/dev-blue.png);	
	background-repeat:no-repeat;	
}

.development-position-marker {
	position:absolute;
	height:29px;
	width:20px;
}

.development-outer {
	float:left;
	display:inline;
	width:218px;
	height:200px;
	padding-top:170px;
	padding-left:260px;
}

.development-title {
	float:left;
	display:inline;
	width:218px;
	padding-bottom:5px;
	color:#ffffff;
}

.development-image {
	float:left;
	display:inline;
	width:218px;
	height:75px;
}

.development-text {
	float:left;
	display:inline;
	width:218px;
	height:95px;
	padding-top:5px;
	color:#ffffff;
	font-size:11px;	
}

#bottom-development {
	float:left;
	display:inline;
	width:918px;
	height:84px;
	margin-right:20px;	
	margin-left:20px;	
	font-size:14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;	
}


#bottom-development ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}	


#bottom-development ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-right:4px;
	line-height:30px;
}

#bottom-development ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;	
	text-decoration:none;
}

/* -------------- CURRENT DEV PAGE END -------------------- */

/* -------------- DEVELOPMENT PAGE -------------------- */


#development-details-outer {
	float:left;
	display:inline;
	width:673px;
	height:264px;
	background-color:#0099ff;
	padding-top:170px;
	padding-left:285px;
	
	
}

#development-details-outer ul {
	margin:0px;
	padding:0px;
		list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

#development-details-outer ul li {
	margin:0px;
	padding:0px;
	background-image:url(/images/static/bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:12px;
	overflow:auto;
}

/* -------------- DEVELOPMENT PAGE END -------------------- */


/* -------------- PLOT PAGE -------------------- */

#bottom-plot-nav {
	float:left;
	display:inline;
	width:918px;
	height:19px;
	text-align:left;
	margin-right:20px;	
	margin-left:20px;
	margin-top:20px;		
}

#bottom-plot-sub-nav {
	float:left;
	display:inline;
	width:790px;
	height:23px;
	background-color:#003399;	
	padding-left:168px;
	padding-top:2px;

}

#bottom-plot-sub-nav-lightblue {
	float:left;
	display:inline;
	width:790px;
	height:23px;
	background-color:#0066FF;	
	padding-left:168px;
	padding-top:2px;

}

#bottom-plot-nav ul {
	margin:0;
	padding:0;
}

#bottom-plot-nav ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-right:30px;
}

#bottom-plot-nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;	
	text-decoration:none;
}

#bottom-plot-nav ul li a:hover {
	text-decoration:none;
	color:#00ccff;
}

#bottom-plot-nav ul li a.selected{
	text-decoration:none;
	color:#00ccff;
	font-weight:bold;
}

ul#gallerynav {
	margin:0;
	padding:0;
}

ul#gallerynav li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-right:10px;
	font-weight:bold;
	
}

ul#gallerynav li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;	
	text-decoration:none;
}

ul#gallerynav li a.activeSlide {
	font-family:Arial, Helvetica, sans-serif;
	color:#00ccff;
	font-size:14px;	
	text-decoration:none;
}

a.activeSlide {
	font-family:Arial, Helvetica, sans-serif;
	color:#00ccff !important;
	font-size:16px;	
	text-decoration:none;
}



ul#gallerynav li a:hover {
	text-decoration:none;
	color:#00ccff;
}

#plot-gallery {
	width:958px;
	height:434px;
	float:left;
	display:inline;
	
}
.gallery-btn {
	position:absolute;
	background-color:#ffffff;
	bottom:20px;
	height:28px;
	right:20px;
	width:116px;
	z-index:85;
}
.gallery-btn a,
.gallery-btn img
 {
	position:relative;
	z-index:85;
}


#plot-image {
	width:958px;
	height:434px;
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:hidden;
}

#plot-text-bg {
	width:314px;
	height:424px;
	position:absolute;
	top:0;
	right:0;
	z-index:80;
	background-image:url(/images/static/plot-text-bg.png);
	background-repeat:no-repeat;
	padding:5px 0 5px 255px;
	font-size:14px;
}


#plot-text-area {
	width:314px;
	height:424px;
	position:absolute;
	top:0;
	right:0;
	z-index:85;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:14px;
	line-height:18px;
}

#plot-plan {
	width:958px;
	height:434px;
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	text-align:center;
	z-index:80;
}

#plot-plan .name {
	display:none;
}

.floor-plan-outer {
	width:578px;
	height:434px;
	text-align:left;
	padding-left:379px;
}

.plot-plan-btn {
	width:116px;
	height:28px;
	position:absolute;
	bottom:20px;
	right:20px;
	background-color:#ffffff;
	z-index:85;
}


#bottom-plot-sub-nav ul   {
	margin:0;padding:0;
	float:left;
	display:inline;
}
#bottom-plot-sub-nav ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-right:15px;
	
}

#bottom-plot-sub-nav ul  li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;	
	text-decoration:none;
}

#bottom-plot-sub-nav ul  li a.selected {
	font-family:Arial, Helvetica, sans-serif;
	color:#00ccff;
	font-size:14px;	
	text-decoration:none;
}




ul#floorplan li a:hover {
	text-decoration:none;
	color:#00ccff;
}

#plot-text-area ul {
	margin:0px;
	padding:0px;
		list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
}

#plot-text-area ul li {
	margin:0px;
	padding:0px;
	background-image:url(/images/static/bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:2px 0 0 12px;
	margin-bottom:5px;
	overflow:auto;
}

.specification-area {
	width:314px;
	height:424px;
	position:absolute;
	top:0;
	right:-314px;
	z-index:100;
	overflow:auto;
	font-size:14px;
}

.specification-area p {
	font-size:14px;
	line-height:18px;
}

a.specification {
	font-size:14px !important;
}

.welcome {
	width:260px;
	height:304px;
	position:absolute;
	top:120px;
	right:50px;
	z-index:100;
	overflow:auto;
	font-size:14px;
	
}

.welcome p {
	font-size:14px;
	line-height:18px;

}

.foundations {
	width:284px;
	height:394px;
	position:absolute;
	top:30px;
	right:26px;
	z-index:100;
	overflow:auto;
	font-size:14px;
}

.foundations p {
	font-size:14px;
	line-height:18px;

}

.outstanding-product {
	width:300px;
	height:394px;
	position:absolute;
	top:30px;
	right:10px;
	z-index:100;
	overflow:auto;
	font-size:14px;
}

.outstanding-product p {
	font-size:14px;
	line-height:18px;

}

.expectations{
	width:300px;
	height:394px;
	position:absolute;
	top:30px;
	right:10px;
	z-index:100;
	overflow:auto;
	font-size:14px;
}

.expectations p {
	font-size:14px;
	line-height:18px;

}

#land-acquisition{
	width:299px;
	height:404px;
	position:absolute;
	top:20px;
	right:15px;
	z-index:85;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:14px;
}

#land-acquisition p {
	font-size:14px;
	line-height:18px;

}

#bottom-plot-sub-nav-welcome ul   {
	margin:0;padding:0;
}
#bottom-plot-sub-nav-welcome ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin-right:35px;
	
}

#bottom-plot-sub-nav-welcomeul  li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;	
	text-decoration:none;
}

#bottom-plot-sub-nav-welcome ul  li a.selected {
	font-family:Arial, Helvetica, sans-serif;
	color:#00ccff;
	font-size:16px;	
	text-decoration:none;
}

#bottom-plot-sub-nav-welcome {
	float:left;
	display:inline;
	width:790px;
	height:23px;
	background-color:#003399;	
	padding-left:168px;
	padding-top:2px;

}





/* -------------- PLOT PAGE END -------------------- */



input.formbox, textarea {
	-x-system-font:none;
	border:1px solid #ffffff;
	color:#ffffff;
	display:inline;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-left:2px;
	width:140px;
	background-color:#0066ff;
}

.dropdown {
	-x-system-font:none;
	border:1px solid #ffffff;
	color:#ffffff;
	display:inline;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-left:2px;
	background-color:#0066ff;
	
}


p.home {
	margin-left:110px;
}

p.forthcoming {
	margin-left:90px;
	margin-top:20px;
	font-size:14px;
	line-height:18px;
}

#contact-outer {
	float:left;
	display:inline;
	width:653px;
	height:349px;
	background-color:#0099ff;
	padding-top:85px;
	padding-left:285px;
	padding-right:20px;
		font-size:14px;


}

.contact-label {
	float:left;
	display:inline;
	width:146px;
	height:40px;
	font-size:14px;
}

.contact-input {
	float:left;
	display:inline;
	width:180px;
	height:40px;
}