@charset "utf-8";
/* template */


/* basics
-----------------------------------------*/
body {
	color: #000000;
	background:#e3e3e3 url(../images/bg.jpg) no-repeat top left;
}

a { color:#3C425B; text-decoration: underline; }
a:hover, a:focus{ color:#ae9461;text-decoration: none; }


#parent {
	width:1120px;
	margin: 0 auto;
	margin-top:0px;
	min-height:500px;
	height:auto !important;
	height:500px;
	
}

.clear {clear:both;}

.container-body {
	width: 1120px;
	margin: 0 auto;
	min-height:500px;
	height:auto !important;
	height:500px;
	position:relative;
	
}

.container-body-wrap {
	width: 1120px;
	margin: 0 auto;
	background: url(../images/bg_body.png) repeat-y center;
	
}
.container-top {
width: 1120px;
background: url(../images/bg_cover.png) no-repeat top center;
height:57px;
margin:0 auto;

}

.container-bottom {
width: 1120px;
background: url(../images/bg_bottom.png) no-repeat top center;
height:134px;
margin:0 auto;

}

/*navigation
----------------------------------------*/
.navigation {
width: 960px;
background: url(../images/bg_top.png) repeat-x top center;
height:57px;
margin-left:82px;
margin-top:25px;
position:relative;
z-index:100;
top:-1px;
border-bottom:1px solid #B49859;
}



/* menu
----------------------------------------*/

.menu {float:right;height:57px;}
.menu li { float:left;list-style-type:none;}
.menu a { display:block; height:57px;background-position:0 -57px;}
.menu a:hover { background-position:0 0px; }
    .menu1 { width:60px; background:url(../images/menu1.png) no-repeat; }
    .menu2 { width:59px; background:url(../images/menu2.png) no-repeat; }
    .menu3 { width:80px; background:url(../images/menu3.png) no-repeat; }
    .menu4 { width:141px; background:url(../images/menu4.png) no-repeat; }
    .menu5 { width:82px; background:url(../images/menu5.png) no-repeat; }
    .menu6 { width:81px; background:url(../images/menu6.png) no-repeat; }
    .menu7 { width:94px; background:url(../images/menu7.png) no-repeat; }


 
 .menu .active {background-position:0 0px;}

.menu span {
 display:none;
 
 }





/* header ( logo as background)
----------------------------------------*/

.header {
	width: 236px;
	padding:0;
	margin: 0;
	float:left;
	margin-left:40px;
	height: 42px;
	overflow:hidden;
	margin-top:10px;
}

.header h1.logo {
	margin: 0;
	padding:0;
	width: 236px;
	height: 42px;
	float:left;
	background: url(../images/logo.png) no-repeat;
}

.header h1.logo a {
	color: #000000;
	width: 236px;
	height: 42px;
	text-decoration: none;
	font: 18px Georgia, Times, serif;
	text-indent: -9999em;
	display: block;
}

 .header img {
    display:block;
    float:left;
}



/* flash-movie
-----------------------------------------*/

.flash-movie {
margin-left:82px;
width:960px;
height:462px;
overflow:hidden;
}



/* content
-----------------------------------------*/


.content {
width:900px;
min-height:400px;
height:auto !important;
height:400px;

display:block;
margin:0 auto;
padding-right:24px;
padding-left:40px;
background: url(../images/top_shadow.jpg) no-repeat 4px top;
}

.content-left {
width:500px;
float:left;
display:block;
min-height:200px;
height:auto !important;
height:200px;

}


.content-right {
width:400px;
float:right;
display:block;
min-height:400px;
height:auto !important;
height:400px;
padding-top:10px;
}

.content-right h2{
font-size:15px;
color:#e82727;
padding-left:30px;
background: url(../images/icon_video_big.jpg) no-repeat;
margin-left:70px;
padding-top:0px;
}


.content h2 {
padding-top:30px;
font-size:24px;
color:#3C425B;

}
.content h3 {
font-size:15px;
color:#ae9461;
padding-bottom:10px;
font-weight:bold;

}

.content h4 {
font-size:18px;

margin-bottom:10px;
}

.content .list-intro {

margin-top:15px;
}

.content .list-intro li{
list-style-type:none;
background: url(../images/arrow.jpg) no-repeat left 4px;
padding-left:22px;
margin-bottom:18px;
font-size:14px;
margin-bottom:5px;
}
.content .turn li{
list-style-type:none;
background: url(../images/arrow.jpg) no-repeat left 4px;
padding-left:22px;
margin-bottom:15px;
font-size:14px;
}

.content p{
margin:0px;
padding-bottom:10px;
}


/* content-home
-----------------------------------------*/


.content-home {
width:900px;
min-height:520px;
height:auto !important;
height:520px;
display:block;
margin:0 auto;
padding-right:24px;
padding-left:40px;
background: url(../images/top_shadow.jpg) no-repeat 4px top;
}


.content-home h2 {
padding-top:30px;
font-size:24px;
color:#3c425b;

}
.content-home h3 {
font-size:15px;
color:#ae9461;
padding-bottom:10px;
font-weight:bold;

}
.content-home .list-intro {

margin-top:15px;
padding-bottom:20px;
}

.content-home .list-intro li{
list-style-type:none;
background: url(../images/arrow.jpg) no-repeat left 4px;
padding-left:22px;
margin-bottom:18px;
font-size:14px;
}
.content-home .turn li{
list-style-type:none;
background: url(../images/arrow.jpg) no-repeat left 4px;
padding-left:22px;
margin-bottom:15px;
font-size:14px;
}

.content-home p{
margin:0px;
padding-bottom:10px;
}

.content-home .content-right {
width:400px;
float:right;
display:block;
min-height:400px;
height:auto !important;
height:400px;
padding-top:10px;
}

.content-home .content-right h2{
font-size:15px;
color:#e82727;
padding-left:30px;
background: url(../images/icon_video_big.jpg) no-repeat;
margin-left:70px;
padding-top:0px;
}








/* icons
-----------------------------------------*/

.icons {
display:block;
height:100px;
width:900px;
margin-left:165px;
text-align:center;
background: url(../images/bg-line-shadow.jpg) no-repeat -55px top;
padding-top:40px;
}



.icons-item {
float:left;
margin-right:30px;
}
.icons-item img {

margin-bottom:10px;
}
.icons-item a {
text-decoration:none;
color:#000000;
font-size:14px;
}

.icons-item a:hover {
color:#807c7c;
}


/* slogan
----------------------------------------*/

.slogan {
	width: 960px;
	padding:0;
	margin: 0;
	margin-left:82px;
	height: 88px;
	overflow:hidden;
	margin-top:10px;
}

.slogan h1.world {
	margin: 0;
	padding:0;
	width: 960px;
	height: 88px;
	background: url(../images/banner_world.png) center top no-repeat;
}

.slogan h1.world a {
	color: #000000;
	width: 960px;
	height: 88px;
	text-decoration: none;
	font: 18px Georgia, Times, serif;
	text-indent: -9999em;
	display: block;
}

 .slogan img {
    display:block;
    float:left;
}

/* slogan-inner
----------------------------------------*/

.slogan-inner {
	width: 960px;
	padding:0;
	margin: 0;
	height: 88px;
	overflow:hidden;
	margin-top:20px;
	margin-left:-36px;
}

.slogan-inner h1.world {
	margin: 0;
	padding:0;
	width: 960px;
	height: 88px;
	background: url(../images/banner_world.png) center top no-repeat;
}

.slogan-inner h1.world a {
	color: #000000;
	width: 960px;
	height: 88px;
	text-decoration: none;
	font: 18px Georgia, Times, serif;
	text-indent: -9999em;
	display: block;
}

 .slogan-inner img {
    display:block;
    float:left;
}




/* animtaion-inner
-----------------------------------------*/



.animtaion-inner{
margin-left:82px;
width:960px;
height:378px;
clear:both;
overflow:hidden;
}

.animtaion-inner img {
width: 960px;
height: 378px;
margin:0px;
}




/* youtube
-----------------------------------------*/
	
.youtube {
display:block;
width: 300px;
height: 251px;
overflow:hidden;
margin-left:70px;
margin-top:20px;
margin-bottom:20px;
background: url(../images/bg_youtbe.jpg) no-repeat top center;

}	

.list_youtube {
margin-top:10px;
margin-left:35px;
}

.list_youtube li {
font-size:12px;
color:#e82727;
margin-left:42px;
padding-left:25px;
background: url(../images/icon_video_small.jpg) no-repeat left 3px;
text-decoration:none;
padding-bottom:3px;
list-style-type:none;
margin-bottom:10px;
}
.list_youtube a {
color:#e82727;
text-decoration:none;

}

.video {
display:block;
width: 285px;
height: 219px;
overflow:hidden;
margin-left:68px;
margin-top:20px;
margin-bottom:20px;
}	

.video img {
margin: 0 auto;
}


/*** available space listings ****/

table.availableSpace {
table-layout: fixed;
width: 880px;
margin: 10px 0;
margin-bottom:0px;
padding-bottom:10px;
font-size:12px;
background-color:#ffffff;
}

.availableSpace td {
vertical-align: baseline;
background: #ede9df;
color: #000000;
padding: 5px;
text-align: center;
}

.availableSpace td.let {
background: #4e1003 url(../images/let-banner.gif) no-repeat bottom center;
}

.availableSpace th {

background: #4e1003 url(../images/bg_table.png) repeat-x bottom center;
color: #fff;
padding: 5px;
text-align: center;
}

.availableSpace a:link, .availableSpace a:visited {
color: #786237;
text-decoration: underline;
}

.availableSpace a:hover {
color: #000000;
}

.availableSpace a.moreLink {
padding-left: 15px;
font-size: 12px;
background: transparent url(../images/black-list-arrow.gif) no-repeat left center;
float:right;
margin-right: 5px;
clear:left;
color: #333;
}

.availableSpace a.moreLink:hover {
color: #786237;
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
}


.availableSpace td#ASdetails {
text-align: left;
}

.availableSpace #ASbuilding {
width: 80px;
}

.availableSpace #ASunit {
width: 30px;
}

.availableSpace #ASsize {
width: 70px;
}

.availableSpace #ASavailability {
width: 70px;
}

.availableSpace #ASfloorplan {
width: 90px;
}

.availableSpace #ASbrochure {
width: 80px;
}

.availableSpace #ASenquire {
width: 80px;
}

.availableSpace tfoot td {
background: #4e1003 url(../images/bg_table.png) repeat-x bottom center;
color: #fff;
text-align: right;
text-transform: uppercase;
padding: 5px 8px;
}

.availableSpace tfoot td a:link, .availableSpace tfoot td a:visited {
padding-left: 15px;
color: #ffffff;
background: transparent url(../images/gold-list-arrow.gif) no-repeat left center;
float:right;
text-decoration: none;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
word-spacing: 3px;
}

.availableSpace tfoot td a:hover {
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
color: #000000;
}



.italic {
font-style:italic;

}

.italic-quote {
font-style:italic;
padding:25px;
padding-top:10px;
padding-bottom:20px;
}

.turnH3 {

text-align:center;
color:#B49859;
font-size:30px;

}


.quote-author {
padding-left:10px;
font-style:italic;

}










/* footer
 -----------------------------------------*/
.footer .bold {
font-weight:bold;
}

.footer {
width:960px;
margin:0 auto;
padding-top:25px;
position:relative;
z-index:10;

}
.footer .footer-left {
float:left;
margin-left:15px;
}
.footer .footer-left a{
text-decoration:none;
}
.footer .footer-left p {
font-size:11px;
color:#2f2e2e;
text-align:left;
}

.footer .footer-right {
float:right;
margin-right;25px;
}
.footer .footer-right a {
font-size:11px;
text-decoration:none;
}



/* page logos
 -----------------------------------------*/


.frame-logos {
background:url(../images/frame_logos.png) top center no-repeat; 
height:705px;
width:965px;
display:block;
margin:0 auto;
margin-top:10px;

}

.frame-logos-logo {
float:left;
margin-top:80px;
margin-left:70px;

}
.frame-logos-gallery {
float:right;

}
.frame-logos-info {

float:left;
width:560px;
margin-left:70px;
margin-top:60px;
color:#000000;
}
.frame-logos-info h3 {
margin-bottom:5px;
font-size:16px;
}
.frame-logos-info p {
text-align:justify;
font-size:12px;
}
.frame-logos-info a {
text-decoration:none;
color:#3c425b;
}
.frame-logos-info a:hover{
text-decoration:underline;
}

.frame-logos-home {
float:right;
margin-top:130px;
margin-right:50px;

}
.home-link {
position:absolute;
top:630px;
}


.home-link a {
font-weight:bold;
font-size:14px;
}

.animationLogos {
clear:both;
width: 451px;
margin: 0 auto;
height: 337px;
margin-top:65px;
margin-right:70px;
}

.animationLogos img {
width: 451px;
height: 337px;
margin:0px;
}


/* page contact
 -----------------------------------------*/
.contactBar {
  min-height:500px;
  height:auto !important;
  height:500px;
  display:block;
  width:900px;
  padding-bottom:40px;

}
.contact-left {
float:left;
width:500px;
  min-height:100px;
  height:auto !important;
  height:100px;
  display:block;
}

.contact-right {
float:right;
width:200px;
  min-height:100px;
  height:auto !important;
  height:100px;
  display:block;
  margin-right:60px;
}
.contact-right img {
float:right;
padding-top:80px;

}
.contact-right .contactBlockImg img{
padding-bottom:70px;
padding-top:0px;
}

/* location - google map
 -----------------------------------------*/

div#locationMap {
width: 340px;
height: 300px;
margin: 0px 10px 20px 20px;
border: 1px solid #b59859;
float:right;
}

/* amenities
 -----------------------------------------*/

.list-amenities {
margin-top:10px;
padding-bottom:10px;
margin-left:10px;
font-size:14px;
}
.list-amenities tr {

margin-bottom:10px;
}
.title-item {
width:600px;


}

.telephone-item {
width:200px;

}

.web-item {
width:100px;
}
.web-item a {
color:#3C425B;
font-weight:bold;
text-decoration:none;
}

.web-item a:hover{
color:#AE9254;

}



/*** unitdetails/ enquiry page ***/

div#unitDetails {
width: 880px;
margin:0px;
padding-bottom:20px;
clear: both;
overflow:hidden;
background-color:#ffffff;
border:2px solid #ffffff;
border-right:1px solid #ffffff;
}

#unitDetails .smallCell {
/*display: table-cell;
vertical-align: baseline; */
background:#4E1003 url(../images/bg_table.png) repeat-x scroll center bottom;
color: #fff;
padding: 5px;
text-align: center;
width: 208px;
float:left;
margin: 0 2px 2px 0;
}

.smallCell a:link, .smallCell a:visited {
color: #fff;
padding: 5px;
text-align: center;
text-decoration: underline;
}

.smallCell a:hover {
color: #333;
text-decoration: underline;
}

#unitDetails div#unitDesc {
width: 418px;
float:left;
height: 200px;
padding: 10px;
font-size:14px;
background: #EDE9DF;
color: #000000;
clear:left;
margin: 0 2px 2px 0;
overflow-y:auto;
scrollbar-face-color: #b59859;
scrollbar-shadow-color: #4e1003;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #4e1003;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #4e1003;
}

#unitDetails div#unitDesc.officeDesc {
height: 152px;
}

#unitDetails div.specCell {
font-size:12px;
background: #EDE9DF;
color: #000000;
padding: 0;
text-align: left;
width: 438px;
float:left;
margin: 0 2px 2px 0;
clear: both;
}

.specCell b {
display:block;
font-size:12px;
background:#4E1003 url(../images/bg_table.png) repeat-x scroll center bottom;
color: #ffffff;
width: 438px;
border-bottom: 2px solid white;
padding: 5px 0;
text-align: center;
}

.specCell ul {
margin: 5px;
}

#unitDetails div.returnFooterLink {
width: 422px;
background: #EDE9DF;
color: #000000;
text-align: right;
text-transform: uppercase;
padding: 2px 8px;
overflow:auto;
margin: 0 2px 0 0;
float:left;
}

#unitDetails .returnFooterLink a:link, #unitDetails .returnFooterLink a:visited {
display: block;
padding: 5px 5px 5px 15px;
color: #000000;
background: transparent url(../images/gold-list-arrow.gif) no-repeat left center;
float:right;
text-decoration: none;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
word-spacing: 3px;
}

#unitDetails .returnFooterLink a:hover {
padding: 5px 5px 5px 15px;
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
text-decoration: none;
color: #000000;
}

div#formLegend {
width: 418px;
background: #4E1003 url(../images/bg_table.png) repeat-x scroll center bottom;
color: #fff;
margin: 0 2px 2px 0;
padding: 5px 10px;
font-weight: bold;
overflow: auto;
text-align: center;
}

div#unitEnquiry {
width: 418px;
height: 200px;
margin: 0 2px 2px 0;
padding: 10px;
overflow:hidden;
font-size:12px;
background: #EDE9DF;
color: #000000;

}

input.readonlyInput {
background: #3C425B;
border:1px solid #000000;
border: none;
color: #fff;
font-weight: bold;
}



/*** gallery ***/



div.galleryImage {
	width:200px;
	height:135px;
	border:1px solid #b59859;
	float:left;
	margin-right:8px;
	margin-left:8px;
	margin-bottom:10px;
	position:relative;
	background: #fff;
}

.galleryImage div {
	width:198px;
	height:133px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}

.galleryImage img { 
border:none;
}


#gallery div#galleryRow {
clear:both;
margin-top: 18px;
}


#gallery div#paging {
clear:both;
}
#paging ul {
text-align:center;
list-style: none;
margin:0;
margin-top:25px;
padding:0;
}

#paging ul li {
display:inline;
margin: 0 18px;

font-weight: bold;
color:#3C425B;
}
#paging ul li a {
color:#C8A75F;
font-weight:bold;
text-decoration:none;
}
#paging ul li a:hover {

text-decoration:underline;
}




/*********news page *********/
.news {
padding-bottom:20px;
margin-left:10px;

}
.news b {
color:#C8A75F;
}

div.newsItem {
margin: 0 0 20px 0;
width: 440px;
overflow:auto;
padding-bottom: 10px;
border-bottom: 1px solid #4e1003;
}

div.newsArticle {
margin: 0 0 20px 0;
width: 880px;
overflow:auto;
clear:both;
}

div.newsPic {
width: 310px;
float:right;
margin: 0 0 0px 0px;
overflow:auto;
}

.newsPic img{
padding: 0;
float:right;
padding-bottom:20px;
}


.newsArticle h3, .newsItem h3 {
font-weight:bold;
font-size: 16px;
padding-bottom: 15px;
}

.newsArticle p {
font-size: 14px;
}