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

* {  margin: 0; padding: 0; }

body {

  background: url(images/bg_header_x2.png) repeat-x #EFEFEF;

  font-size: 100%;

  font-family: Verdana, Monaco, sans-serif;

  line-height: 130%;

  color: #333;

}

a { color: #37779D; }

a img { border: 0; }

/*
h1 span, h2 span, p span, a span {

  display: none;

}
*/

h1, h2, h3 {

  font-family: Georgia, Trebuchet, serif;

  font-weight: normal;
  
  line-height: 133%; 

}

h1 { font-size: 1.6em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.4em; }

ul { list-style-type: none; }


#content {

  clear: both;

  background: url(images/bg_content_y.png) repeat-y;

  padding: 0 12px;

}

#header, #content {

  width: 760px;

  margin: 0 auto;

}

#header {

  background: url(images/bg_header.jpg) no-repeat;

  height: 211px;

  /*border-bottom: 2px solid #efefef;*/

  padding:0 12px;
}

#logo {
  /*width: 500px;*/
  width: 700px;

  float: left;

}

#logo a {

  display: block;

  /*background: url(images/logo.png) no-repeat;*/

  width: 450px;  height: 80px;
  /*margin: 75px auto 0 auto;*/
  margin: 55px auto 0 auto;


}

#logo span{
display:none;
}

#footer {
font-size:12px;
height:24px;
padding:4px 10px;
color:white;
background-color:#333333;
}

#content{
position:relative;
}

#sidebarTop{
position:absolute;
top:0;
left:12px;
width:760px;
background-color:gray;
height:100px;
}

ul.MainMenuBar, ul.MainMenuBar li{
margin:0;
padding:0;
}

ul.MainMenuBar li{
width:126px;
width:152px;
height:100px;
float:left;
background:silver;
}

ul.MainMenuBar li.end{
width:128px;
width:152px;
height:100px;
}

ul.MainMenuBar li a{
width:100%;
height:100px;
display:block;
text-align:center;
background:url(images/mainmenu.png) no-repeat;
}

ul.MainMenuBar li a span{
display:none;
}

ul.MainMenuBar li a:hover{
/*background:url(mainmenu2.png);*/

}

#nav_about a{
background-position:0px 0px;
}

#nav_macau a{
background-position:-128px 0px;
background-position:-152px 0px;
}

#nav_taipa a{
background-position:-254px 0px;
background-position:-304px 0px;
}

#nav_coloane a{
background-position:-380px 0px;
background-position:-456px 0px;
}

#nav_overseas a{
background-position:-506px 0px;
}

/*
#nav_hk a{
background-position:-456px 0px;
}
*/
#nav_contact a{
background-position:-632px 0px;
background-position:-608px 0px;
}

#nav_about a:hover{
background-position:0px -100px;
}

#nav_macau a:hover{
background-position:-128px -100px;
background-position:-152px -100px;
}

#nav_taipa a:hover{
background-position:-254px -100px;
background-position:-304px -100px;
}

#nav_coloane a:hover{
background-position:-380px -100px;
background-position:-456px -100px;
}

#nav_overseas a:hover{
background-position:-506px -100px;
}

/*
#nav_hk a:hover{
background-position:-456px -100px;
}
*/
#nav_contact a:hover{
background-position:-632px -100px;
background-position:-608px -100px;
}

/* product */

#productList {
margin-top:0px;
margin-left:60px;
margin-bottom:5px;
}

#productList h2 {
border-top: 1px solid #cccccc;
}

#productList li{
float:left;
width: 180px;
margin: 25px 50px 25px 0;
text-align:center;
position:relative;
height:254px;
}

#productList h3 span {
display:block;
padding: 3px 0;
color: #FFFFFF;
font-weight:normal;
background: #333333;
height:42px;
overflow:hidden;/*visible;*/
line-height:21px;
}

/*
#productList h3 {
text-decoration:none;
}
*/

#productList h3 img.buildingImg {
z-index:-1;
}

#productList h3{
/*background: url(image_frame.png) no-repeat;*/
z-index:10;
font-size:16px;
}

#productList a{
text-decoration:none;
cursor:pointer;
}

#productList div.sellOrRent{
width:120px;
height:120px;
z-index:11;
text-indent:-9009px;
position:absolute;
}

#productList div.sell{
background:url(images/sell.png) no-repeat;
left:-30px;
top:-30px;
}

#productList div.rent{
background:url(images/rent.png) no-repeat;
left:130px;
top:-30px;
}

#productList div.price{
height:21px;
padding:3px 0;
color:white;
background:#555555;
overflow:visible;
}

#productList div.Group{
clear:both;
/*background:url(images/groupBG.png) repeat-x bottom;*/
border-bottom:1px solid silver;
margin-right:60px;
/*padding-bottom:5px;*/
}

#productList div.Group span{
/*background:white;*/
padding-right:5px;
padding-left:5px;
}

#mainContent{
/*background: url(bg.jpg) bottom no-repeat;*/
padding-bottom:45px;
padding-top:145px;

/*
padding-bottom:5px;
padding-top:105px;*/

/*background: url(images/whiteBG.png) bottom repeat-x;*/
background: url(images/bg.jpg) no-repeat bottom;

}


/* Details */

div#bldDetail{
padding-left:80px;
padding-right:40px;
position:relative;
min-height:450px;
}

#bldDetail h3{
margin-bottom:40px;
margin-top:3px;
}

#bldDetail div.bldImage{
position:absolute;
right:80px;
top:0;
border:1px solid black;
}

#bldDetail div.bldCustomImage{
position:absolute;
right:80px;
top:0;
}

#bldDetail dl{
margin-bottom:50px;
width:400px;
min-height:180px;
}

#bldDetail dd{
padding-left:10px;
padding-bottom:15px
}

#bldDetail dd.address{
width:280px;
}

#bldDetail dt{
font-weight:bold;
font-size:0.8em;
line-height:1em;
}

#bldDetail p{
  margin-bottom:1em;
}

#about{
padding-left:120px;
padding-right:120px;
position:relative;
min-height:450px;
}

#about h2{
margin:1em 0;
text-weight:bold;
}

#about p{
margin:15px 0;
}

#about #links{
margin:3em 0 0 0;
}


/* more images */

div.moreImages{
width:600px;
clear:both;
position:relative;
padding-bottom:20px;
}

div.moreImages ul{
margin:0;
padding:0;
}

div.moreImages li{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
}

div.moreImages li{
float:left;
margin:12px;
width:94px; /* 2px more*/
height:94px;
positive:relative;
text-align:center;
line-height:94px;
overflow:hidden;
display:inline;
border:0px none;
}

div.moreImages li:hover{
overflow:visible;
}

div.moreImages li a{
position:relative;
line-height:94px;

}

div.moreImages li a:hover img{
/*background-color:#ADD8E6;*/
}

div.moreImages li a img{
width:86px;
height:86px;
border-top:1px solid #e0e0e0;
border-right:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
border-left:1px solid #e0e0e0;
background-color:white;
padding:3px;
}

div.moreImages li.img_h a img{
height:64px;//auto;
}

div.moreImages li.img_v a img{
width:64px;
}


div.moreImages li.img_h a:hover{
left:-20px;
top:-5px;
}

div.moreImages li.img_v a:hover{
left:-5px;
top:-20px;
}

div.moreImages li.img_h a:hover img{
width:126px;
height:auto;
z-index:10;
}

div.moreImages li.img_v a:hover img{
height:126px;
width:auto;
z-index:10;
}