@charset "UTF-8";
body {
	font: 0.8em/1.4em Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}
h1  {
	font-size: 1.5em;
	color: #ff900e;
	margin-bottom: 20px;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}
p {
	margin-bottom: 20px;
}
.primaryColour {
	color: #ff900e;
}
.secondaryColour {
	color: #453603;
}
.tertiaryColour {
	color: #949494;
}
.quadColour {
	color: #51aab6;
}
.required {color: #FF0000}
#homeBg {
	background: url(../images/home/bg-home.gif) no-repeat center 1px;
}
#allBg {
	background: url(../images/bg-all.gif) no-repeat center 1px;
}
#menuWrapper {
	height: 45px;
	width: 900px;
	margin: auto auto 12px;
}
#menu  {
	width: 873px;
	height: 45px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
}
#menu li
	{
	float: left;
}

	#menu li a
	{
	display: block;
	width: auto;
	float: left;
}

	#menu li a:hover
	{
}
		
		#menu li ul
		{
	position: absolute;
	visibility: hidden;
	left: 155px;
	top: 57px;
	z-index: 68;
}
		
			#menu li ul li
			{
	float: left;
	clear: left;
}
			
			#menu li ul li a
			{
	width: 115px;
	background: #ffa500;
	color: #FFF;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 0.85em;
	padding-left: 15px;
}
			
			#menu li ul li a:hover
			{
	background: #febd45;
	color: #4c4c4c;
}
#homeContent {
	margin: auto;
	width: 900px;
	position: relative;
}
#logo {
	float: left;
	height: 145px;
	width: 300px;
}
#homeContent #homeColumnLeft {
	width: 300px;
	position: relative;
	float: left;
}
#homeContent #homeColumnLeft h1 {
	color: #ff900e;
	font-size: 1.6em;
}
#homeContent #homeColumnLeft #promotion {
	width: 355px;
	margin-top: 50px;
	height: 240px;
}
#homeContent #homeFrame {
	float: right;
	margin-top: 50px;
	position: relative;
	height: 469px;
	width: 510px;
}
#homeContent #homeFrame #homeGallery {
	position: absolute;
	left: 36px;
	top: 32px;
	overflow: hidden;
	height: 395px;
	width: 444px;
}
#header {
	margin: 0px auto 50px;
	width: 900px;
	height: 250px;
}
#conceptContent {
	background: url(../images/concept-pic.jpg) no-repeat right bottom;
	width: 900px;
	margin: auto;
	height: 235px;
}
#conceptContent p {
	width: 500px;
	text-transform: uppercase;
}
#overviewContent {
	width: 900px;
	margin: 0px auto;
	padding-bottom: 25px;
	overflow: hidden;
}
#overviewContent .leftColumn {
	width: 550px;
	float: left;
}
#overviewContent .leftColumn .overviewBox {
	width: 475px;
	background: #f7f7f7;
	margin-bottom: 15px;
}
#overviewContent .leftColumn .overviewBox table {
	margin: 15px;
	width: 445px;
}
#overviewContent .rightColumn {
	text-align: right;
	width: 300px;
	float: right;
}
#floorPlanContent {
	width: 900px;
	margin: 0px auto;
	padding-bottom: 25px;
	overflow: hidden;
}
#floorPlanContent .leftColumn {
	width: 510px;
	float: left;
	position: relative;
}
#floorPlanContent .leftColumn ul#floorPlanMenu li {
	display: block;
	float: left;
}
#floorPlanContent .leftColumn ul#floorPlanMenu li a:link , #floorPlanContent .leftColumn ul#floorPlanMenu li a:visited{
	font-size: 0.7em;
	text-decoration: none;
	color: #FFF;
	background: #ff900e;
	text-transform: uppercase;
	margin-right: 3px;
	padding: 2px;
}
#floorPlanContent .leftColumn ul#floorPlanMenu li a:hover {
	text-decoration: none;
	background: #1A91A1;
}
#floorPlanContent .leftColumn ul#floorPlanMenu li a.current {
	background: #1A91A1;
}
#ground-floor  , #second-floor, #third-floor, #fourth-sixth-floor, #seventh-floor, #eight-floor{
	position:absolute;
	left:0px;
	top:86px;
	width:505px;
	height:385px;
	z-index:6;
}
#floorPlanContent .leftColumn #tips {
	height: 45px;
	width: 340px;
	position: absolute;
	top: 480px;
	left: 0px;
}
#floorPlanContent .rightColumn {
	text-align: right;
	width: 390px;
	float: right;
	position: relative;
	height: 550px;
}
#a1-a2a, #a2b-a2c, #a1, #a2a, #a2b, #a2c,
#b1, #b2, #b3, #b4, #b5, #b6, #b7a, #b7b, #b8, #b9, #b10, #b11, #b12, #b13, #b14, #b15,
#c1, #c1a, #c2, #c3, #c4, #c5, #c6, #c7,
#d1, #d2, #d3, #d4, #d5 {
	position: absolute;
	left: 15px;
	top: 20px;
	height: 514px;
	width: 372px;
	visibility: visible;
}
#a1-a2a {
	z-index: 42;
	visibility: visible;
}
#a2b-a2c {
	z-index: 41;
}
#a1 {
	z-index: 67;
}
#a2a {
	z-index: 61;
}
#a2b {
	z-index: 62;
}
#a2c {
	z-index: 63;
}
#b1 {
	z-index: 66;
}
#b2 {
	z-index: 13;
}
#b3 {
	z-index: 14;
}
#b4 {
	z-index: 15;
}
#b5 {
	z-index: 16;
}
#b6 {
	z-index: 17;
	visibility: visible;
}
#b7a {
	z-index: 18;
	visibility: visible;
}
#b7b {
	z-index: 19;
	visibility: visible;
}
#b8 {
	z-index: 20;
	visibility: visible;
}
#b9 {
	z-index: 21;
	visibility: visible;
}
#b10 {
	z-index: 22;
	visibility: visible;
}
#b11 {
	z-index: 23;
	visibility: visible;
}
#b12 {
	z-index: 24;
	visibility: visible;
}
#b13 {
	z-index: 25;
	visibility: visible;
}
#b14 {
	z-index: 26;
	visibility: visible;
}
#b15 {
	z-index: 27;
	visibility: visible;
}
#c1 {
	z-index: 65;
	visibility: visible;
}
#c2 {
	z-index: 29;
	visibility: visible;
}
#c3 {
	z-index: 30;
	visibility: visible;
}
#c4 {
	z-index: 31;
	visibility: visible;
}
#c5 {
	z-index: 32;
	visibility: visible;
}
#c6 {
	z-index: 33;
	visibility: visible;
}
#c7 {
	z-index: 34;
	visibility: visible;
}
#d1 {
	z-index: 64;
}
#d2 {
	z-index: 36;
}
#d3 {
	z-index: 37;
}
#d4 {
	z-index: 35;
}
#d5 {
	z-index: 36;
}
#projectProgressContent {
	width: 900px;
	margin: 0px auto;
	padding-bottom: 25px;
	overflow: hidden;
	background: url(../images/progress/pic.jpg) no-repeat right bottom;
}
#projectProgressContent .leftColumn {
	width: 612px;
	float: left;
}
#projectProgressContent .projectProgressBox   {
	background: #f7f7f7;
	margin-top: 82px;
	float: right;
	width: 270px;
}
#projectProgressContent .projectProgressBox table {
	margin: 15px;
	width: 240px;
}
#galleryContent {
	width: 900px;
	margin: auto;
	padding-bottom: 25px;
	overflow: hidden;
	background: url(../images/gallery/gallery-pic.jpg) no-repeat right 220px;
	position: relative;
}
#galleryContent .leftColumn {
	width: 600px;
}
#newsActivitiesContent {
	width: 900px;
	margin: auto;
	padding-bottom: 25px;
	overflow: hidden;
	background: url(../images/news-activities/news-pic.jpg) no-repeat right bottom;
}
#newsActivitiesContent .mainNews {
	width: 900px;
	height: 196px;
	background: #FFF url(../images/news-activities/bg-main-news.gif) repeat-x;
	padding-top: 15px;
	position: relative;
	margin-bottom: 25px;
}
#newsActivitiesContent .mainNews p {
	margin-bottom: 0px;
}
#newsActivitiesContent .mainNews h1 {
	text-transform: capitalize;
}
#newsActivitiesContent #subNews {
	width: 600px;
}
#newsActivitiesContent #subNews table {
	margin-bottom: 15px;
}
#newsActivitiesContent #subNews table h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 10px;
	color: #ff900e;
}
#newsActivitiesContent #subNews table p {
	margin-bottom: 10px;
}
#newsActivitiesContent #subNews table .padding {
	padding: 0px 15px;
}
#locationContent {
	width: 900px;
	margin: auto;
	padding-bottom: 25px;
	overflow: hidden;
	background: url(../images/location/location-pic.jpg) no-repeat right top;
}
#locationContent p {
	width: 600px;
}
#contactContent {
	width: 900px;
	margin: auto;
	padding-bottom: 25px;
	overflow: hidden;
}
#contactContent .leftColumn {
	width: 500px;
	float: left;
}
#contactContent .rightColumn {
	float: right;
	width: 380px;
}
#contactContent h2{
	font-size: 2em;
	color: #ff900e;
	margin-bottom: 5px;
	line-height: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}
#contactContent #contactForm label {
}
#contactContent #contactForm input.textField {
	width: 200px;
	margin: 5px 0px;
}
#contactContent #contactForm textarea {
	width: 400px;
	margin: 5px 0px;
}
#contactContent #contactForm #send {
	margin-top: 15px;
}
#footerWrapper {
	background: url(../images/bg-footer.gif) repeat-x;
	width: 100%;
	clear: both;
	height: 103px;
	overflow: hidden;
}
#footerWrapper #footer {
	width: 900px;
	margin: 0px auto;
	color: #FFF;
	height: 83px;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 0.85em;
}