body { background: url(../images/bg-body.jpg) repeat-x; font-family: Helvetica, Arial; font-size: 12px; color: #4d4d4d; }
a { color: #808080; text-decoration: none; }
a:hover { text-decoration: underline; }
div.section { display: block; float: left; min-width: 300px;  height: 600px; position: relative;}
#collection, #news { display: none; }
/* #header { display: block; width: 165px; height: 150px;  } */
#header h1 { margin: 0; padding: 0; }
#header h1.ie6 {  position: absolute; left: 225px; top:85px;}
#header h1 a { display: block;  width: 165px; height: 150px;  text-indent: -1000em;  z-index: 99;   background: url(../images/bg-header.png) no-repeat;  position: absolute; left: 225px; top:85px;}
#header h2, #header h3 {  display: none; }

h4 { font-size: 9px; font-weight: normal; color: #333; display: block; position: absolute; z-index: 20;}
#content { overflow: hidden; display: block; height: 600px; /* width:16160px; */ width:17455px; position: relative; }
.ie6 #content { margin-top: -20px; }
.loading img { padding: 8px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }
p.float { margin: 0; padding: 0; position: absolute; }

/* Object */
span.light{ display: block; width: 55px; height: 7px; background: url(../images/img-top-1.jpg) no-repeat; position: absolute; top: 37px;}
span.stand-1 { display: block; width: 65px; height: 325px; background: url(../images/img-stand-1.png) no-repeat; position: absolute; bottom: 0px; }
span.stand-2 {  display: block; width: 300px; height: 100px; background: url(../images/img-stand-2.png) no-repeat; position: absolute; bottom: 0px;}
span.stand-3 { display: block; width: 80px; height: 277px; background: url(../images/img-stand-3.png) no-repeat; position: absolute; bottom: 0px; }
span.stand-4 { display: block; width: 108px; height:377px; background: url(../images/img-stand-4.png) no-repeat; position: absolute; bottom: 0px; }
span.stand-5 {  display: block; width: 65px; height: 315px; background: url(../images/img-stand-5.png) no-repeat; position: absolute; bottom: 218px; left: 80px;}
span.stand-6 {  display: block; width: 110px; height: 292px; background: url(../images/img-stand-6.png) no-repeat; position: absolute; bottom: 218px; left: 160px;}
span.stand-tv { display: block; width: 290px; height: 525px; background: url(../images/img-stand-tv.png) no-repeat; position: relative; top: 77px; left: 0px;}

/* Navigation */
#nav { display: block; position: fixed; right: 30px; top:77px; z-index: 10; list-style: none; margin: 0; padding: 8px 8px 8px 28px; background: url(../images/bg-nav-close.png) no-repeat; }
.ie6 #nav { background: #f4f4f4 url(../images/bg-nav-close-ie6.png) no-repeat 5px 7px; }
#nav.active { background: url(../images/bg-nav-open.png) no-repeat;}
.ie6 #nav.active { background: #f4f4f4 url(../images/bg-nav-open-ie6.png) no-repeat 5px 7px;}
#nav li { margin: 0; padding: 0; }
#nav li a { display: block; width: 95px; height: 10px; background: url(../images/bg-nav.png) no-repeat; text-indent: -1000em;  }
.ie7 #nav li a { margin-top: -5px; }
.ie6 #nav li a { background: url(../images/bg-nav-ie6.png) no-repeat; margin-top: -5px; overflow: hidden;}
#nav li a.btn-nav-1 { background-position: 0 0; }
.ie6 #nav li a.btn-nav-1 { background-position: 0 3px; }
.ie6 #nav.active li a.btn-nav-1 { background-position: 0 0px; }
#nav li a.btn-nav-2 { background-position: 0 -10px; }
#nav li a.btn-nav-3 { background-position: 0 -20px; }
#nav li a.btn-nav-4 { background-position: 0 -30px; }
#nav li a.btn-nav-5 { background-position: 0 -40px; }
#nav li a.btn-nav-6 { background-position: 0 -50px; }
#nav li a.btn-nav-7 { background-position: 0 -60px; }
#nav li a.btn-nav-8 { background-position: 0 -70px; }
#nav li a.btn-nav-9 { background-position: 0 -80px; }
#nav li a.btn-nav-10 { background-position: 0 -90px; }
#nav li a.btn-nav-11 { background-position: 0 -100px; }
#nav li a.btn-nav-12 { background-position: 0 -110px;}

#nav li a.btn-nav-1:hover, #nav li a.btn-nav-1-active { background-position: -95px 0; }
#nav li a.btn-nav-2:hover, #nav li a.btn-nav-2-active  { background-position: -95px -10px; }
#nav li a.btn-nav-3:hover, #nav li a.btn-nav-3-active  { background-position: -95px -20px; }
#nav li a.btn-nav-4:hover, #nav li a.btn-nav-4-active { background-position: -95px -30px; }
#nav li a.btn-nav-5:hover, #nav li a.btn-nav-5-active { background-position: -95px -40px; }
#nav li a.btn-nav-6:hover, #nav li a.btn-nav-6-active { background-position: -95px -50px; }
#nav li a.btn-nav-7:hover, #nav li a.btn-nav-7-active { background-position: -95px -60px; }
#nav li a.btn-nav-8:hover, #nav li a.btn-nav-8-active { background-position: -95px -70px; }
#nav li a.btn-nav-9:hover, #nav li a.btn-nav-9-active{ background-position: -95px -80px; }
#nav li a.btn-nav-10:hover, #nav li a.btn-nav-10-active { background-position: -95px -90px; }
#nav li a.btn-nav-11:hover, #nav li a.btn-nav-11-active { background-position: -95px -100px; }
#nav li a.btn-nav-12:hover, #nav li a.btn-nav-12-active { background-position: -95px -110px; }

/* #nav li a.btn-nav-6, #nav li a.btn-nav-7, #nav li a.btn-nav-8, #nav li a.btn-nav-10, #nav li a.btn-nav-11 { display: none; } */


/* Home */
#home { width: 1390px; }
#home h2.flash-replace { display: block; width: 460px; height: 255px;  left: 155px; top:262px; position: absolute;  }
#home h3 { display: block; background: url(../images/bg-home-h3.png) no-repeat; width: 315px; height: 25px; position: absolute; left: 230px; top: 453px; text-indent: -1000em; display: none; }
#home span.light { left: 612px; }
#home span.stand-1 {  left:745px  }

/*  Concept */
#concept { padding: 0 170px 0 425px; }
#concept p.intro { position: absolute; width: 290px; top: 265px; left: 50px; font-size: 13px; text-align: justify; line-height: 130%;}
#concept .photo { display: block; float: left; position: relative; }
#concept h4 { width: 100px; height: 25px;  background: url( ../images/bg-h4-shadow.png) no-repeat; padding: 15px 0 0 0px; text-align: center; }
#concept span.stand-2 { left: 45px; }
#concept h2 { display: block; width: 290px; height: 90px; text-indent: -1000em; background: url(../images/bg-concept-h2.png) no-repeat; position: absolute; left: 50px; top:175px; }

#concept div.block-1 { position: relative; top: 115px; padding-right: 117px;}
#concept div.block-1 img.shadow { padding: 5px 23px 22px 4px; background: url(../images/bg-concept-1-shadow.png) no-repeat; }
#concept div.block-1 h4 { right:20px; bottom: -2px; }

#concept div.block-2 { position: relative; top:175px; padding: 0 60px 85px 0; }
#concept div.block-2 h3 { display: block; width: 220px; height: 55px; background: url(../images/bg-concept-h3.png) no-repeat; text-indent: -1000em; position: absolute; bottom: 0; right: 78px;}
#concept div.block-2 img.shadow { padding: 4px 19px 20px 3px; background: url(../images/bg-concept-2-shadow.png) no-repeat; }
#concept div.block-2 h4 { left: 0px; top:215px;}

#concept div.block-3 { top:126px; }
#concept div.block-3 p { width: 400px; text-align: justify; font-size: 11px; line-height: 120%; margin-bottom: 15px; }
#concept div.block-3 img { position: relative; left: -7px; }
#concept div.block-3 img.shadow { padding: 2px 18px 18px 2px; background: url(../images/bg-concept-3-shadow.png) no-repeat; }
#concept div.block-3 h4 { left: -8px; bottom: -55px; }

#concept span.left { left: 130px; }
#concept span.center { left: 838px; }
#concept span.right { right: 347px; }

/* Information */
#information { padding-left: 50px; padding-right: 200px; font-size: 11px;}
#information h2 { display: block; width: 200px; height: 65px; background: url(../images/bg-project-h2.png) no-repeat; text-indent: -1000em; position: absolute; top: 175px; left: 50px; }

#information .block { display: block; float: left; margin-top: 175px;}
#information .block h3 { display: block; height: 65px; margin: 0; text-indent: -1000em; }
#information .block-1 { padding-right: 105px; }
#information .block-1 p { width: 205px; display: block; float: left; top:65px; position: relative; text-align: justify; font-size: 13px; line-height: 130%;}
#information .block-2 { padding-right: 50px; }
#information .block-2 h3 {  width: 120px;  background: url(../images/bg-project-h3-project.png) no-repeat; }
#information .block-2 p { top:0; width: 120px; font-size: 11px; line-height: 120%;}
#information .block-2 p strong { padding-top: 7px; display: block; color: #000; font-weight: normal;}

#information .block-3 { padding-right: 40px; }
#information .block-3 h3 {  width: 120px;  background: url(../images/bg-project-h3-facility.png) no-repeat; }
#information .block-3 ul { margin-left: -18px; line-height: 130%; }
#information .block-4 h3 {  width: 120px;  background: url(../images/bg-project-h3-location.png) no-repeat; }
#information .block-4 ul { margin-left: -18px; line-height: 130%; }
#information .block-5 h3 {  width: 120px;  background: url(../images/bg-project-h3-shopping.png) no-repeat; } 
#information .block-5 ul { margin-left: -16px; line-height: 130%; }
#information span.stand-2 { left: 75px; }
#information span.light { left: 430px; }

/* Unit */
#unit-type { padding-left: 50px;  padding-right: 275px;}
#unit-type h2 { display: block; width: 175px; height: 35px; background: url(../images/bg-unit-h2.png) no-repeat; text-indent: -1000em; position: absolute; top:445px; left: 55px; }
#unit-type img.shadow { padding: 2px 11px 10px 2px; background: url(../images/bg-unit-shadow.png) no-repeat; }
#unit-type .block { padding-right: 260px; display: block; float: left; margin-top: 120px; position: relative;}
#unit-type .block h4 { position: absolute; bottom: -15px; left: 288px; background: url(../images/bg-unit-h4-shadow.png) no-repeat; display: block; width: 101px; height: 34px; padding: 10px 0 0 10px;}
#unit-type .block h4 strong { display: block; font-weight: normal; color: #000; font-size: 11px; padding-bottom: 2px; }
#unit-type .block p { position: absolute; bottom:40px; left: 290px; font-size: 11px; line-height: 120%;}

#unit-type .block-1 p { width: 130px; }
#unit-type .block-2 { padding-right: 300px; }
#unit-type .block-2 p { width: 175px; }
#unit-type .block-3 p { width: 180px; }
#unit-type span.left { left: 33px; }
#unit-type span.center { left: 1005px; }
#unit-type span.right { right: 205px; }

/* Location */
#location { padding: 0 565px 0 335px; }
#location h2 { display: block; width: 305px; height: 110px; display: block; background: url(../images/bg-location-h2.png) no-repeat; text-indent: -1000em; margin: 0; position: absolute; left: 50px; top: 190px;}
#location p { width: 225px; font-size: 13px; line-height: 130%; text-align: justify; position: absolute; left: 50px; top:270px; }
#location img.shadow { padding: 5px 32px 31px 4px; background: url(../images/bg-location-1-shadow.png) no-repeat; }
#location img { position: relative; top: 90px; }
#location span.center { left: 510px; }
#location span.right { right: 270px; }
#location span.stand-3 { right: 337px; }
#location span.stand-4 { right: 185px; }

/* Animation */
#animation { padding: 0 95px 0 220px;}
#animation h2 {display: block; width: 160px; height: 30px; display: block; background: url(../images/bg-animation-h2.png) no-repeat; text-indent: -1000em; margin: 0; position: absolute; left: 50px; top: 465px; }
#animation span.left { left: 385px;}
#animation span.stand-tv a { width: 208px; height: 165px; display: block; position: absolute; text-indent: -1000em; background: transparent; top:143px; left: 14px; }

/* Virtual Tour */
#tour { padding: 0 550px 0 180px; }
.ie6 #tour { width: 350px;}
#tour h2 {display: block; width: 95px; height: 50px; display: block; background: url(../images/hd-tour.png) no-repeat; text-indent: -1000em; margin: 0; position: absolute; left: 40px; top: 140px; }
#tour div.block-1 { position: absolute; top: 135px; left: 150px; }
#tour div.block-2 { position: absolute; top: 190px; left: 590px; }
#tour div.block-1 img { padding: 2px 18px 18px 2px; background: url(../images/bg-concept-3-shadow.png) no-repeat;  }
#tour div.block-2 img { padding: 2px 18px 18px 2px; background: url(../images/bg-concept-3-shadow.png) no-repeat;  }
#tour .block h4 { bottom:-60px; right: 17px; }
#tour h4 { width: 100px; height: 25px;  background: url( ../images/bg-h4-shadow.png) no-repeat; padding: 15px 0 0 0px; text-align: center; font-size: 11px;}
#tour .left { left: 345px; }
#tour .center { left:795px; }

/* Gallery */
#gallery { padding-left: 260px;}
#gallery h2 { display: block; width: 110px; height: 65px; text-indent: -1000em; background: url(../images/bg-gallery-h2.png) no-repeat; position: absolute; left:100px; top: 125px;}
#gallery h4 { width: 100px; height: 25px;  background: url( ../images/bg-h4-shadow.png) no-repeat; padding: 15px 0 0 0px; text-align: center; font-size: 11px;}
#gallery span.stand-2 { left: 50px; }
#gallery .block { display: block; float: left; position: relative; padding: 0 75px 40px 0;  }
#gallery .block h4 { bottom:-15px; right: 87px; }
#gallery .block-1 { top:122px; }
#gallery div.block-1 img { padding: 3px 14px 14px 4px; background: url(../images/bg-gallery-1-shadow.png) no-repeat; }
#gallery .block-2 { top:80px; }
#gallery div.block-2 img { padding: 4px 14px 14px 5px; background: url(../images/bg-gallery-2-shadow.png) no-repeat; }
#gallery .block-3 { top:135px; }
#gallery div.block-3 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-shadow.png) no-repeat; }
/* add new shadow */
#gallery .block-3-1 { top:135px; }
#gallery div.block-3-1 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-1-shadow.png) no-repeat; }
#gallery .block-3-2 { top:135px; }
#gallery div.block-3-2 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-2-shadow.png) no-repeat; }
#gallery .block-3-3 { top:135px; }
#gallery div.block-3-3 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-3-shadow.png) no-repeat; }
/* add new shadow */
#gallery .block-4 { top:135px; }
#gallery div.block-4 img { padding: 4px 14px 14px 4px; background: url(../images/bg-gallery-4-shadow.png) no-repeat; }
#gallery .block-5 { top:115px; }
#gallery div.block-5 img { padding: 4px 14px 14px 4px; background: url(../images/bg-gallery-5-shadow.png) no-repeat; }
#gallery .block-6 { top:115px; }
#gallery div.block-6 img { padding: 4px 14px 14px 4px; background: url(../images/bg-gallery-6-shadow.png) no-repeat; }
#gallery .light-1 { left: 240px; }
#gallery .light-2 { left: 950px; }
#gallery .light-3 { left: 1665px; }
#gallery .light-4 { left: 2377px; }
#gallery .light-5 { left: 3089px; }
#gallery .light-6 { left: 3790px; }
#gallery .light-7 { left: 4490px; }


 
/*  Contact */
#contact { padding: 220px 100px 0 340px; color: #808080; }
#contact h2 { display: block; width: 225px; height: 80px; background: url(../images/bg-contact-h2.png) no-repeat; position: absolute; text-indent: -1000em; top: 175px; left: 338px;}
#contact .block { display: block; float: left; font-size: 11px;}
#contact .block-1 { padding-right: 74px; width: 190px; }
#contact .block-1 h3 { display: block;  height: 40px; text-indent: -1000em; background: url(../images/bg-contact-h3-1.png) no-repeat; margin-bottom: 0px; }
#contact .block-1 p {  line-height: 130%;}

#contact .block-2 { padding-right: 75px; position: relative; width: 175px; }
#contact .block-2 h3 { display: block;  height: 40px; text-indent: -1000em; background: url(../images/bg-contact-h3-2.png) no-repeat; margin-bottom: 0px; }
#contact .block-2 p { line-height: 130%;}

#contact .block-3 h3 { display: block; width: 105px; height: 40px; text-indent: -1000em; background: url(../images/bg-contact-h3-3.png) no-repeat; margin-bottom: 0px; }
#contact .block-3 td { margin: 0; padding-bottom: 5px; position: relative; vertical-align: top; }
#contact .block-3 strong { color: #d61921; position: relative; top: -3px; }

#contact .block-3 td p { margin: 0; padding: 0; }
#contact .block-3 td.input { width: 230px;}
#contact .block-3 strong.textarea { top:-72px;}
#contact .block-3 span.label { display: block;  width: 65px; padding-top: 3px; }
#contact .block-3 input { width: 200px; height: 14px; background: #999; border: none; padding: 2px; color: #fff;   }
#contact .block-3 textarea { width: 200px; background: #999; border: none; height: 85px; padding: 2px; color: #fff;  font-family: Helvetica, Arial; font-size: 12px; overflow: auto;}
#contact .block-3 input.btn-send { display: block;  color: #fff; width: auto; height: auto; padding: 3px 5px; cursor: pointer; position: relative;  left: 225px; }
.safari #contact .block-3 input.btn-send  { left: 230px; }
.ie6 #contact .block-3 input.btn-send  { left: 215px; }
#contact .block-3 input.btn-send:hover { background: #333;}
#contact span.left { left:33px; }
#contact span.center { left:690px; }

#contact .block-3 label.error {color: #d61921; }
.ie6 #contact .block-3 label.error { position: absolute; }

#arrow-nav { position:fixed; right:134px; top:81px; z-index:15; display:block; width:20px; height:20px; }

#slide, #slide li { list-style: none; padding: 0; margin: 0;  }
#slide a { text-indent: -1000em; display: block; width: 30px; height: 30px; position: fixed; top: 425px; z-index: 29; }
a.btn-slide-left {  background: url(../images/btn-slide-left.png) no-repeat; left:15px; }
a.btn-slide-right {  background: url(../images/btn-slide-right.png) no-repeat; right:15px;}
.ie6 a.btn-slide-left {  background: url(../images/btn-slide-left-ie6.png) no-repeat 10px 425px; padding-left: 15px; padding-top: 425px; }
.ie6 a.btn-slide-right {  background: url(../images/btn-slide-right-ie6.png) no-repeat; right:15px; }
#slide a:hover { background-position: 0 -30px;  }
.ie6 #slide a.btn-slide-left:hover { background-position: 10px 425px; }

.cerdit{position:fixed; bottom:0px;left:0px; width:100%; text-align:center; background:#ffffff;}
.ie6 .cerdit{ bottom:0px;}

p.eia { font-size: 11px;  display: block; position: absolute; top: 460px; left: 340px; width:460px; height: 52px; display: block; }
p.eia strong { font-size: 13px; font-weight: bold; }

/* Project Progress */
#progress {  padding: 130px 40px 0 240px; position: relative; height: 470px;}
#progress h2 {  display: block; position: absolute; width: 150px; height: 65px; text-indent: -1000em; background: url(../images/hd-project_progress.png) no-repeat; left: 20px; top: 133px; }
#progress div.block-3-1 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-1-shadow.png) no-repeat; }
#progress div.block-3-2 img { padding: 3px 14px 14px 3px; background: url(../images/bg-gallery-3-1-shadow.png) no-repeat; position: relative;   }
#progress div.block-3-2 img, #progress div.block-3-2 h4 { display: none; }
#progress div.block-3-2 {margin-top: 20px; } 
#progress div.block { display: block; float: left; margin-right: 30px; width: 480px; position: relative; }
#progress h4 { text-align: center; width: 350px; font-size: 12px; line-height: 120%; padding: 15px 55px 10px; background: url(../images/bg-progress-h4.png) no-repeat center top; height: 30px; position: absolute; top: 280px; left: 0; }
#progress span.stand-2 { left: 590px;  }
#progress .left { left: 450px; }
#progress .center { left: 955px; }