html{ min-width:980px; position:static; overflow-x:auto;}
html, body{ height:100%;}
#wrapper{ height:100%; position:relative; background:url('../img/home-bg2.jpg') center top no-repeat #D1CFDA;}
#landing{ height:100%; position:relative; background:url('../img/landing-mask2.jpg') center top no-repeat #D1CFDA;}
#landing .container{ max-width:100%; width:730px; height:407px; position:absolute; left:50%; top:50%; margin:-203px 0 0 -365px; text-align:center;}
#landing .mayfair1{ width:250px; height:184px; display:block; background:url('../img/may1.png') left top no-repeat; text-indent:-9999px; margin:80px 0 0 1%;}
#landing .mayfair1:hover{ background-position:left bottom;}
#landing .mayfair2{ width:250px; height:184px; display:block; background:url('../img/may2.png') left top no-repeat; text-indent:-9999px; margin:80px 1% 0 0;}
#landing .mayfair2:hover{ background-position:left bottom;}
#landing .container>img{ width:320px;}
#banner{ position:relative; height:100%; overflow:hidden;}
#banner .mainmenu{ padding-top:340px;/* background:url('../img/homepage-logo.png') center top no-repeat;*/ position:absolute; left:50%; top:50%; margin:-170px 0 0 -490px; z-index:90; display:none;}
#banner .mainmenu ul{ padding:0 105px; margin:0;}
#banner .mainmenu li{ list-style:none; float:left;}
#banner .mainmenu a{ display:block; text-indent:-9999px; height:30px;}
#banner .star-container{ position:absolute; width:1900px; height:238px; left:50%; bottom:0; margin:0 0 0 -950px; overflow:hidden;}
.center{ width:980px; margin:0 auto;}
#footer{ width:100%; position:absolute; left:0; bottom:0; background:#e3e1d5; padding:0 0 13px 0; color:#706050;}
#menu{ background:url('../img/menu_bg.png') left top repeat; width:100%;}
#menu ul{ margin:0; padding:0;}
#menu li{ float:left; list-style:none;}
#menu li:hover{ background:#d2c49f; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; -ms-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out;}
#footer #menu .center{ padding:0; width:980px;}
#footer .clearfix.center{position:relative;}
#footer .enquiry{ padding:13px 0; margin-bottom:6px; color:#706050;}
#footer a{ color:#706050;}
#footer a:hover{ color:#8e8174;}
#footer .enquiry .number{ margin:0 0 14px;}
#footer .enquiry .lang{ padding:0; margin:0;}
#footer .enquiry .lang li{ list-style:none; float:left; background:url('../img/footer-sep-line.gif') left center no-repeat; padding:0 0 0 10px; margin:0 0 0 10px;}
#footer .enquiry .lang li:first-child{ background:none;}
#footer .enquiry .contact-detail{ text-transform:uppercase; margin:14px 0 0; font-family:Calibri, Arial;}
#footer .enquiry .contact-detail .email{ background:url('../img/icon-mail.png') left top no-repeat; padding:0 0 0 20px;}
#footer .enquiry .contact-detail .address{ background:url('../img/icon-address.png') 1px top no-repeat; padding:0 0 0 20px; margin:6px 0 0;}
#footer .enquiry .contact-detail .lastupdate{ background:url('../img/icon-date.png') left -2px no-repeat; padding:0 0 0 15px; margin:0 -10px 0 20px;}
#footer .enquiry .contact-detail .lastupdate iframe{ margin:-12px 0 0;}
#footer .sales-agent{position: absolute; right: 0; bottom: 0; }
#footer .sales-agent a, #footer .sales-agent img{ float:left; display:block;}
#footer .sales-agent .link1{ margin:19px 7px 0 0;}
#footer .sales-agent .link2{ margin:25px 19px 0 0; width:60px;}
#footer .sales-agent .link3{ margin:0;}
#footer .terms{ font-size:12px; font-family: "Times New Roman"; }
#lightbox{ display:none; position:absolute; left:0; top:0; width:100%; min-height:100%; background:url('../img/lightbox-bg.png') left top repeat-x; z-index:100;}
#lightbox .container{ width:900px; margin:0 auto; padding:58px 0;}
#lightbox .container .box{ border:1px solid #fff; padding:4px; margin:5px 0 0;}
#lightbox .container .box .inside{ padding:30px 35px; position:relative; background:url('../img/lightbox-bg-pattern.jpg') left top no-repeat #fff;}
#lightbox .container .close-btn{ width:23px; height:23px; display:block; text-indent:-9999px; background:url('../img/cross.png') left top no-repeat; position:absolute; right:20px; top:10px;}
#lightbox .container .close-btn:hover{ background-position:left bottom;}
#lightbox .container .logo-bar{ text-align:center;}
#lightbox .container .sectionImg{ margin:30px 0 0;}
#lightbox .container .sectionIframe{ margin:30px 0 0;}

.landing-img{ position:absolute; left:50%; top:50%; margin:-333px 0 0 -376px;}