html, body, #container { width:100%; height:auto; margin:0; padding:0; }
html { background:#F2F2F2; }
a, object { text-decoration:none; outline:none; }
a img { border:none; }
#container { position:relative; }

#icon { width:36px; height:53px; background:url(../images/icon-over.gif); position:absolute; top:13px; right:10px; }
#icon a { width:100%; height:100%; background:url(../images/icon-up.gif); }
#icon a:hover { background:url(../images/icon-over.gif); }
#nav { width:100%; height:89px; background:url(../images/nav-back.png); }
#nav ul { width:730px; margin:0 auto; padding:0; list-style:none; }
#nav li { height:89px; float:left; }
#nav a { width:100%; height:100%; display:block; }
#nav a span { position:absolute; top:-2000px; left:-5000px; }
.residential { width:145px; }
.residential a { background:url(../images/n-residential-up.png); }
.residential a:hover { background:url(../images/n-residential-over.png); _background:url(../images/n-residential-over.jpg); }
.residential a.current { background:url(../images/n-residential-down.png); _background:url(../images/n-residential-down.jpg); }
.retail { width:224px; }
.retail a { background:url(../images/n-retail-up.png); }
.retail a:hover { background:url(../images/n-retail-over.png); _background:url(../images/n-retail-over.jpg); }
.retail a.current { background:url(../images/n-retail-down.png); _background:url(../images/n-retail-down.jpg); }
.hotels { width:120px; }
.hotels a { background:url(../images/n-hotels-up.png); }
.hotels a:hover { background:url(../images/n-hotels-over.png); _background:url(../images/n-hotels-over.jpg); }
.hotels a.current { background:url(../images/n-hotels-down.png); _background:url(../images/n-hotels-down.jpg); }
.investor { width:124px; }
.investor a { background:url(../images/n-investor-up.png); }
.investor a:hover { background:url(../images/n-investor-over.png); _background:url(../images/n-investor-over.jpg); }
.investor a.current { background:url(../images/n-investor-down.png); _background:url(../images/n-investor-down.jpg); }
.about { width:117px; }
.about a { background:url(../images/n-about-up.png); }
.about a:hover { background:url(../images/n-about-over.png); _background:url(../images/n-about-over.jpg); }
.about a.current { background:url(../images/n-about-down.png); _background:url(../images/n-about-down.jpg); }

#sub { width:100%; height:37px; font:12px georgia; color:#96B1D5; background: url(../images/sub-back.png); }
#sub div { width:780px; padding:10px 0 0 38px; margin:0 auto; }
#sub a { color:#FFF; }
#sub a:hover { color:#C1D0E4; }
#sub span { padding:0 4px; }

#flash { width:100%; height:380px; background:#000; position:relative; }
#flashcontent, #images { width:990px; height:380px; margin:0 auto; }
#images img { float:right; margin:0 32px 0 0; }
#content { width:990px; margin:0 auto; position:relative; z-index:1; }
#content p, h1, h2, h3 { margin:0; padding:0; }
#content p a, #copy a, #contact a { color:#648ABC; border-bottom:1px dotted #B9C6D7; }
#content p a:hover, #copy a:hover, #contact a:hover { color:#A4B7D0; }

#left { width:230px; position:absolute; left:28px; }
#box { width:230px; height:200px; font:12px/20px georgia; color:#666; text-align:center; background:url(../images/box-back.png); position:absolute; top:0; }
#box div { width:100%; }
.enquiries { position:absolute; top:25px; left:0; }
.newsletter { position:absolute; top:114px; left:0; }
.newsletter div { width:140px !important; height:38px; margin:6px 0 0 45px; _margin:6px 0 0 22px; background:url(../images/subscribe-over.png); float:left; }
.newsletter div a { width:100%; height:100%; display:block; background:url(../images/subscribe-up.png); }
.newsletter div a:hover { background:url(../images/subscribe-over.png); }
.search { position:absolute; top:118px; left:0; }
.search div { margin:3px 0 0 25px; }
.search .text { width:133px; height:16px; margin:4px 0 0 0; padding:6px; font:12px helvetica, arial; color:#999; background:url(../images/search-back.png); border:1px solid #FFF; float:left; }
.search .text:hover { background:url(../images/search-back-over.png); }
.go, #submit.go { width:38px; height:38px; background:url(../images/go-up.png); border:none; cursor:pointer; float:left; }
.go:hover { background:url(../images/go-over.png); }
#submit.go { width:120px; background:url(../images/btn-submitForm.jpg) left; float:none;}
#submit.go:hover{background-position:right;}
#box2 { width:230px; height:178px; background:url(../images/box2-back.png); _background:url(../images/box2-back2.png); position:absolute; top:207px; }
#box2 img { margin:4px; }
#box2 img:hover { opacity:.8; }

#main { width:697px; position:relative; left:265px; }
#header { width:100%; height:135px; background:#F2F2F2 url(../images/copy-top.png) bottom no-repeat; }
h1 { width:100px; margin:0; padding:52px 0 0 35px; }
h1 span { position:absolute; top:-5000px; left:-1000px; }
h2 { margin:0 0 18px 0; font:italic 18px/24px georgia; color:#777; }
h2 a { border:none !important; }
h2 span { font:bold italic 14px/18px georgia; }
#copy { min-height:213px; _height:213px; padding:18px 35px 15px 35px; font:12px/20px helvetica, arial; color:#888; background:url(../images/copy-back.png); _background:url(../images/copy-back2.png); }
#copy p { margin:0 0 14px 0; }
#copy ul { margin:0; padding:0 0 20px 15px; list-style:none; }
#copy li { margin:0; padding:0 0 0 12px; background:url(../images/li.gif) top left no-repeat; }
#copy li.indent { margin:0 0 0 13px; font-size:11px; }
hr { margin:0 0 18px 0; padding:0; border:1px solid #F2F2F2; }
.box3 { width:100%; height:100px; margin:0 0 14px 0; display:table; }
.box3 .left { width:287px; padding:10px; background:url(../images/box3-back.png) no-repeat; float:left; }
.box3 .right img { width:320px; height:100px; }
.box3 .right { width:320px; float:left; }
h3 { margin:0 0 9px 0; font:bold italic 14px/18px georgia; color:#858585; }
h3 a { color:#648ABC; border:none !important; }
h3 a:hover { color:#A4B7D0; }
h3 strong { font-size:11px; }
.box3 p { margin:0 !important; line-height:18px; }
.box3 .left div { width:38px; height:38px; background:url(../images/go2-over.png); float:right; }
.box3 .left div a { width:100%; height:100%; display:block; background:url(../images/go2-up.png); border:none !important; }
.box3 .left div a:hover { background:url(../images/go2-over.png); }
#copyfooter { width:100%; height:175px; margin:-14px 0 0 0; background:url(../images/copyfooter.png) top no-repeat; _background:url(../images/copyfooter2.png) top no-repeat; }
#video { width:195px; float:right; margin:0 0 25px 30px; }
#video a { border:none; }
#video img { float:left; }
#video img:hover, .pastproperty .visit:hover { opacity:.75; }
#more { margin-bottom:14px; font-size:11px; border:1px solid #F2F2F2; background:#FCFCFC; position:relative; }
#more div { margin:10px 0 0 10px; }
#more img { position:absolute; right:0; bottom:0; }
#more img:hover { opacity:.7; }
.pastproperty { min-height:190px; _height:190px; }
.pastproperty img { float:right; clear:right; margin:5px 0 25px 30px; }
.pastproperty .visit { margin:-19px -4px 25px 30px; }
.biography { min-height:270px; _height:270px; }
.biography img { float:right; margin:5px 0 25px 30px; }
.fine { font:10px/20px helvetica, arial; color:#999; }
.information td { vertical-align:top; padding:0 15px 8px 0; }
.information .heading { width:130px; padding:0 15px 8px 12px; background:url(../images/li.gif) top left no-repeat; }
.information .heading strong { font-family:georgia; color:#648ABC; font-style:italic; }
.icon { margin:0 5px 0 0; }
table { width:100%; margin:0 0 14px 0; }
td { vertical-align:top; }
td.date { padding:0 15px 0 0; }
.dividends td { padding:3px 5px; font-size:10px; line-height:14px; }
.dividends .header, .dividends tr:hover .header { padding:2px 5px; font:bold 11px helvetica, arial; color:#FFF; text-align:center; vertical-align:middle; background:#8FABD0; border-right:1px solid #FFF; }
.dividends strong { font:bold italic 14px georgia; color:#858585; }
.dividends span { font:bold 11px helvetica, arial; }
.dividends .total { border-bottom:2px solid #F2F2F2; }
.dividends tr:hover td { background:#F7F7F7; }

#form label { margin:4px 0 0 0; font-weight:bold; position:absolute; }
.cat_textbox { width:220px; margin:2px 0 2px 150px; padding:4px; font:12px helvetica, arial; color:#888; border:1px solid #DDD; background:#FFF url(/images/text-back.png) top repeat-x; }
.cat_textbox:hover { border:1px solid #648ABC; }
.mandatory { color:#648ABC; }
.captcha .cat_textbox { width:150px !important; margin-left:0; }
.cat_button { width:160px; height:30px; background:url(/images/button.png) left; border:none; font:bold 12px georgia; text-transform:uppercase; color:#FFF; cursor:pointer; }
.cat_button:hover { background-position:right; }

#footer { width:100%; height:220px; background:url(../images/footer-back.png); position:absolute; bottom:0; }
#footercontent { width:990px; margin:0 auto; position:relative; z-index:2; }
#footer .left { font:12px/18px georgia; color:#999; position:absolute; top:157px; left:27px; }
#footer .left div { font:10px/18px helvetica, arial; }
#footer .left div a { color:#999; }
#footer p { margin:0; padding:0; }
#footer a { color:#648ABC; }
#footer a:hover { color:#A4B7D0; }
#footer span { margin:0 2px; color:#CCC; }
#logo { position:absolute; top:140px; right:33px; }
#logo:hover, .left img:hover { opacity:.65; }

/*Home Page*/
#block { visibility:hidden; width:100%; height:50%; margin-top:-300px; float:left; }
#homecontainer { width:100%; height:600px; position:relative; top:-300px; clear:both; background:#F2F2F2; /* IE4ever Hack: Hide from IE4 **/ position:static; /** end hack */ }
#top { width:100%; height:93px; background:url(../images/home-top.png); }
#contact { width:930px; margin:0 auto; position:relative; }
#contact .details { font:12px/20px georgia; color:#666; text-align:right; position:absolute; top:16px; right:0; }
#contact .feature { position:absolute; top:16px; left:0; }
#contact .heading { position:absolute; top:26px; left:0; }
#contact .more { position:absolute; top:18px; left:510px; }
#contact .more:hover { opacity:.7; }
#contact h2 { width:250px; font-size:15px; line-height:16px; font-weight:bold; color:#666; position:absolute; top:17px; left:288px; }
#contact h2 span { font-size:11px; color:#999; }
#homeflash { width:100%; height:377px; background:#000 url(../images/home-back.jpg) top left no-repeat; position:relative; }
#homeflash #flashcontent { height:377px; margin:0 auto; z-index:2; position:relative; }
#homeleft { width:30%; height:77px; _height:78px; position:absolute; background:#F2F2F2; bottom:0; _bottom:-1px; left:0; z-index:1; }
#slogan { position:absolute; top:3px; left:92px; }

#homecontainer #nav { width:100%; height:130px; background:url(../images/homenav-back.png); }
#homecontainer #nav .buttons { width:990px; margin:0 auto; padding:0; list-style:none; position:relative; }
#homecontainer #nav ul { width:705px; margin-top:-4px; float:right;}
#homecontainer .residential { width:140px; }
#homecontainer .retail { width:219px; }
#homecontainer .hotels { width:115px; }
#homecontainer .investor { width:119px; }
#homecontainer .about { width:112px; }

#homecontainer #footer { height:63px; margin:25px 0 0 0; background:none; position:static; }
#homecontainer .left { margin-left:27px; position:static; }
#homecontainer #logo { display:none; }
