body, html {
color: #000000;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.6;
background: #e9eff3;
}

* {
margin: 0;
padding: 0;
}

a, a:visited {
color: #000000;
text-decoration:none;
}

a:hover, a:active {
color: #000000;
text-decoration:none;
}

a:focus, object:focus {
outline: none
}
img {
border: none;
}

ul {
list-style:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.smallTxt {
font-size: 10px;
}

.mediumTxt {
font-size: 1.2em;
}

.largeTxt {
font-size: 1.5em;}

.imgWithBorder {
padding: 5px;
border: 1px solid #a761a3;
}

.clearbox {
clear: both;
padding: 5px 0 5px 0;
}

hr{	
width: 100%;
border: none 0;
border-top: 1px dotted #000000;
height: 1px;
padding: 5px 0 5px 0;
}



hr.end{

border: none 0;
border-top: 2px solid #d0dee6;
height: 2px;
position: absolute;
left: 0;
bottom: 35px;
padding: 0;
}
.clearpage {
clear: both;

}



/*********   LAYOUT   *********/

#switch_lang{

width: 1050px;
height: 30px;
margin: 0 auto;
line-height: 30px;
text-align: right;
}

#switch_lang a{
text-decoration: underline;
}


#wrapper {
position: relative;
width: 1070px;
/*height: 705px;*/
margin: 0 auto;
}

#leftpanel {
float: left;
width: 220px;
height: 670px;
position: relative;
background:#FFFFFF url(../images/bg_leftpanel.gif)  no-repeat;
}

h1.logo {
display: block;
background: url(../images/logo_IPH.gif) top no-repeat;
width: 220px;
height: 100px;
text-indent: -9999px;
cursor: pointer;
}


#mainstage_wrapper {
width: 850px;
height: 680px;
float: left;
background: url(../images/bg_mainstage.png) left top no-repeat;
position: relative;

}

body.nofullimage #mainstage_wrapper, body.floorplans #mainstage_wrapper{
background: url(../images/bg_mainstageB.png) left top no-repeat;

}



#mainstage{
height: 500px;
margin: 20px 30px 10px 30px;
position: relative;

}

body.fullimage #mainstage{
height: 630px;
margin: 20px 30px 0 30px;
position: relative;
}

body.fullimage_narrow #mainstage{
height: 590px;
margin: 60px 80px 0 80px;
position: relative;

}


#mainstage #CTA_rightbottom{
position: absolute;
bottom: 0;
right: 0;
}

#CTA_rightbottomaboveflash{
position: absolute;
bottom: 160px;
right: 30px;
}

#CTA_righttopaboveflash{
position: absolute;
top: 20px;
right: 30px;
}

#CTA_righttop img, #CTA_rightbottomaboveflash img, #CTA_righttopaboveflash img, #CTA_rightbottom img{
display: block;
}

#CTA_rightbottom{
position: absolute;
bottom: 30px;
right: 30px;
}



#CTA_righttop{
position: absolute;
top: 0;
right: 0;
}

#CTA_marqueeaboveflash {
position: absolute;
top: 20px;
left: 250px;
width: 790px;
background: #2bbed8;

}

#CTA_marqueeaboveflash:hover{

}

#CTA_marqueeaboveflash a{
display: inline;
float: left;
padding: 6px 0;
}

#CTA_marqueeaboveflash:hover a{
color: #666666;
}


#CTA_area_map {
position: absolute;
top: 0;
right: 0;
background: #FFFFFF;
}

#CTA_area_map a{
display: block;
padding: 5px;
background: #FFFFFF;
text-align: center;
}
#CTA_area_map a:hover{
background: #2bbed8;
color: #FFFFFF;
}


body.floorplans #mainstage{
width: 790px;
height: 590px;
top: 60px;
left: 30px;

}

/*********  TEXT POP   *********/
.textpop_wrapper {
position: absolute;
left: 30px;
width: 250px;
display: block;
z-index: 900;
background: url(../images/bg_transparent.png) repeat-y;
}

.textpop_wrapper #arrow {
display: block;
float: left;
background-image:url(../images/arrow.png);
background-repeat: no-repeat;
clear: both;
width: 20px;
height: 20px;
cursor: pointer;
margin-top: -20px;

}

.textpop {
display: block;
width: 230px;
background: url(../images/bg_transparent.png);
margin-left: 20px;
}

.textpop .padding{
margin: 20px 20px 20px 0;
}


body.own .textpop_wrapper {top: 101px;}
body.live .textpop_wrapper {top: 262px;}
body.work .textpop_wrapper {top: 374px;}
body.enjoy .textpop_wrapper {top: 225px;}
body.register .textpop_wrapper {top: 265px;}




/*********   TEXT PANEL BOTTOM   *********/


.textpanel {
width: 790px;
display: block;
position: absolute;
bottom: 10px;
right: 30px;
position: absolute;
height: 140px;
overflow: auto;
}


body.withsubnav .textpanel {
width: 570px;
}




body.fullimage_narrow #subnav {
position: absolute;
bottom: 30px;
left: 80px;
width: 200px;
}



#subnav {
position: absolute;
bottom: 30px;
left: 30px;
width: 200px;
border: 1px solid #CCCCCC;
}


#subnav li{
}

#subnav li span{
display: none;
} 


#subnav li ul{
display: none;
}

#subnav li:hover ul, #subnav li.show ul{
display: block;
position: absolute;
bottom: 0;
left: -1px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#subnav li li{
width: 200px;
height: 30px;
background: #ddeac6;
float: left;
font-weight: normal;
}

body.own #subnav li li{background: #bfebf3;}
body.own #subnav li li.odd{background: #72cfea;}

body.live #subnav li li{background: #dfe9c6;}

body.work #subnav li li{background: #b2d1cc;}
body.work #subnav li li.odd{background: #90c1c2;}

body.enjoy #subnav li li{background: #e4cfe3;}
body.enjoy #subnav li li.odd{background: #cbafcf;}


#subnav li li a{
display: block;
padding: 5px 15px;
}


body #subnav li li:hover, body.own #subnav li li:hover, body.live #subnav li li:hover, body.work #subnav li li:hover, body.enjoy #subnav li li:hover {
background: #FFFFFF;
}


body #subnav li li.current, body.own #subnav li li.current, body.live #subnav li li.current, body.work #subnav li li.current, body.enjoy #subnav li li.current{
background: #FFFFFF;
font-weight: bold;
}

















#subnavpop {
position: absolute;
bottom: 30px;
left: 30px;
width: 200px;
border: 1px solid #CCCCCC;
}



#subnavpop li{
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
width: 200px;
height: 30px;
float: left;
}


#subnavpop li span{
display: block;
height: 30px;
background: #2bbed8 url(../images/btn_choosesubmenu.gif) no-repeat;
text-indent: -9999px;
}

body.live #subnavpop li span{
background: #dfe9c6 url(../images/btn_choosesubmenu_live.gif) no-repeat;
}


#subnavpop li.interior span{
background: #2bbed8 url(../images/button_choosearoom.gif) no-repeat;
}


#subnavpop li.location span{
background: #2bbed8 url(../images/button_choosearoute.gif) no-repeat;
}

#subnavpop li.gallery span{
background: #dfe9c6 url(../images/button_choosegallery.gif) no-repeat;
}


#subnavpop li ul{
display: none;
}

#subnavpop li:hover ul, #subnavpop li.show ul{
display: block;
position: absolute;
bottom: 30px;
left: -1px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#subnavpop li li{
width: 200px;
height: 30px;
background: #ddeac6;
float: left;
font-weight: normal;
}

body.own #subnavpop li li{background: #bfebf3;}
body.live #subnavpop li li{background: #f1f7e8;}
body.work #subnavpop li li{background: #b2d1cc;}
body.enjoy #subnavpop li li{background: #e4cfe3;}


#subnavpop li li a{
display: block;
padding: 5px 15px;
}


body #subnavpop li li:hover {
background: #FFFFFF;
}

body #subnavpop li li.current{
background: #FFFFFF;
font-weight: bold;
}










.hideInitially{
	visibility: hidden;
}



.contentbox_wrapper {

}

.contentbox_wrapper .left {
float: left;
width: 200px;
}

.contentbox_wrapper .left_progress {
float: left;
width: 400px;
}

.contentbox_wrapper .right {
float: left;
width: 475px;
margin-left: 15px;
}

.contentbox_wrapper .right_progress {
float: left;
width: 275px;
margin-left: 15px;
}
.contentbox_wrapper .pressreleases_more {
height: 500px;
overflow: auto;
}

div.url a:hover{
	text-decoration: underline;
}

/*********   FOOTER   *********/

#footer {
width: 100%;
position: relative;
height: 25px;
}

#footer1 {
position: absolute;
height: 25px;
line-height: 25px;
bottom: 0;
left: 230px;
}


body.vietnam #footer1, body.vietnam #footer2 {
font-size: 11px;
}

#footer2 {
position: absolute;
height: 25px;
line-height: 25px;
bottom: 0;
right: 145px;
}

#footer3{

position: absolute;
right: 10px;
bottom: 4px;
}

#footer4{

position: absolute;
left: 0;
bottom: 0;
color: #a8bbc6;
font-size: 14px;
height: 25px;
line-height: 25px;
}

#footer4 a{
color: #a8bbc6;
}





/*********  NAVIGATION   *********/

ul.nav {
width:  220px;
font-weight: normal;
display: block;

}



ul.nav a{
height: 40px;
display: block;
line-height: 40px;
font-size: 20px;
padding: 0 0 0 20px;
color: #FFFFFF;
text-indent: -9999px;
}

ul.nav a.level2{
height: 24px;
display: block;
line-height: 24px;
font-size: 12px;
padding: 0 0 0 20px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-indent: 0;
}

li.own a.level2{background: url(../images/bg_subnav_own.png);}
li.live a.level2{background: url(../images/bg_subnav_live.png);}
li.work a.level2{background: url(../images/bg_subnav_work.png);}
li.play a.level2{background: url(../images/bg_subnav_enjoy.png);}



ul.nav a:hover.level2 {
background: #FFFFFF;
}

ul.nav a.current{
background: #FFFFFF;
font-weight: bold;
}

ul a.own {
background: #2bbed8 url(../images/nav.gif) no-repeat 0 0;
color: #FFFFFF;
}


body.vietnam ul a.own {
background: #2bbed8 url(../images/nav_vn.gif) no-repeat 0 0;
}



ul a.live {
background: #dfe9c6 url(../images/nav.gif) no-repeat 0 -40px;
color: #000000;
}


body.vietnam ul a.live {
background: #dfe9c6 url(../images/nav_vn.gif) no-repeat 0 -40px;
}



ul a.work {
background: #dfe9c6 url(../images/nav.gif) no-repeat 0 -80px;
color: #FFFFFF;
}


body.vietnam ul a.work {
background: #dfe9c6 url(../images/nav_vn.gif) no-repeat 0 -80px;
}


ul a.play {
background: #dfe9c6 url(../images/nav.gif) no-repeat 0 -120px;
color: #FFFFFF;
}


body.vietnam ul a.play {
background: #dfe9c6 url(../images/nav_vn.gif) no-repeat 0 -120px;
}

ul a.menu {
background: #53b4c4 url(../images/nav_menu.gif) no-repeat;
color: #FFFFFF;
}
ul a.logout {
background: #53b4c4 url(../images/nav_logout.gif) no-repeat;
color: #FFFFFF;
}

h2.register a, #register{
width: 220px;
height: 40px;
display:block;
line-height: 40px;
font-size: 20px;
/*background: #bdb6ac url(../images/nav_register.gif) no-repeat;*/
background-position: top;
font-weight: normal;
position:absolute;
bottom: 123px;
left: 0;
}

h2.register a:hover{
background-position: bottom;
}

body.vietnam h2.register a{
/*background: #bdb6ac url(../images/nav_register_vn.gif) no-repeat;*/
}
body.vietnam h2.register a:hover {
background-position: bottom;
}

span.registerbox {
width: 220px;
height: 123px;
display:block;
position:absolute;
bottom: 0;
left: 0;
}


body.vietnam span.registerbox span {
font-size: 11px;
}

span.registerbox span{
display: block;
padding: 10px 0 0 20px;
line-height: 1.6;
font-size: 12px;
}

span.temp{
width: 180px;
margin-left: 20px;
margin-top: 20px;
height: 202px;
display:block;
position:absolute;
bottom: 183px;
left: 0;
background: #CC6600;
color: #FFFFFF;
text-align: center;
}

span.temp span{
display: block;
padding: 60px 0 0 0;

font-size: 18px;
}






ul.nav ul.hide{
display:none;
}



/*********   PAGINATION  /  BUTTON *********/


#pagination_left {
clear: both;
position: absolute;
bottom: 0;
left: 225px;
font-size: 1.1em;

}
#pagination_right {
clear: both;
position: absolute;
bottom: 0;
right: 0;
font-size: 1.1em;

}

#pagination_left .pagination{
float: left;
margin-right: 5px;
text-align:center;
}


#pagination_right .pagination {
float: left;
margin-left: 5px;
text-align:center;
}

.button,
.button_fixwidth {
float: right;
margin-left: 5px;
text-align:center;
font-size: 1.1em;
clear: both;
}

.button_left{
float: left;
margin-right: 5px;
text-align:center;
font-size: 1.1em;
clear: both;
}


.pagination a, 
.button a,
.button_left a {
display: block;
padding: 0 10px;
height: 30px;
line-height: 30px;
background:#000000;
border: 1px solid #000000;
color: #FFFFFF;
}

.visit a {
padding: 0 10px;
height: auto;
line-height: normal;
text-align:left;
}

.pagination span {
display: block;
padding: 0 10px;
height: 30px;
line-height: 30px;
}



.button_fixwidth a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
background:#000000;
border: 1px solid #000000;
color: #FFFFFF;
}


.pagination a:hover, 
.button a:hover,
.button_left a:hover,
.pagination a.current{
background:#FFFFFF;
border: 1px solid #000000;
color: #000000;
}



img.button_contact {
display: block;
margin: 0 0 5px 0;
}



/*********   IMAGE GALLERY   *********/
.imgthumb {
display: block;
width: 165px;
height: 165px;
margin: 0 10px 10px 0;
float: left;
}

.lastthumb {
margin: 0 0 10px 0;
}

.tooltip {
	display: none;
}




/*********   FLOORPLANS   *********/
.floorplans_left {
width: 480px;
float: left;
text-align: left;
}

.floorplans_right {
width: 190px;
float: right;
text-align: center;
}






/*********   EAT DRINK SHOP   *********/
/**   main page - 3 columns **/
ul.eatdrinkshop {

}

ul.eatdrinkshop li{
width: 385px;
}


ul.eatdrinkshop li.left_col {
float: left;
}


ul.eatdrinkshop li.right_col {
float: right;
margin-left: 20px;
}

/**   MORE page   **/


ul.eatdrinkshop_more li.left_col {
width: 250px;
float: left;
}


ul.eatdrinkshop_more li.right_col {
width: 420px;
float: right;
margin-left: 20px;
}


/*********   REGISTER FORM   *********/

form#frmregis {
clear: both;
}

dl {
clear: both;
}

dt {
width: 230px;
float: left;
text-align: right;
margin-right: 20px
}

dd {
width: 440px;
float: left;
text-align: left;
margin-bottom: 10px;
}



body.form3cols dt, body.form3cols dd{
display: block;
width: 220px;
text-align: left;
margin: 0;
}

body.form3cols dd{
margin-bottom: 20px;
}


input, textarea, select {
padding: 4px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

input, textarea {
width: 300px
}

select {
width: 200px
}

#submit_wrapper {
clear: both;
margin-left: 235px;
display: block;
}



#submit_wrapper input {
width: 95px;
height: 30px;
padding: 0;
background: #a761a3;
border: 1px solid #a761a3;
color: #FFFFFF;
margin-right: 8px;
cursor: pointer;
font-size: 1.1em;

}
#submit_wrapper input.reset {
width: 140px;

}

#submit_wrapper input:hover {
background: #FFFFFF;
border: 1px solid #a761a3;
color: #a761a3;
}


ul.register3cols{
border-bottom: 1px dotted #000000;
clear: both;
}

ul.register3cols li{
width: 219px;
}


ul.register3cols li.left_col {
float: left;
border-right: 1px dotted #000000;
}

ul.register3cols li.center_col {
float: left;
margin-left: 15px;
border-right: 1px dotted #000000;
}

ul.register3cols li.right_col {
float: right;
margin-left: 15px;
}




/*********   SITE MAP   *********/
.sitemap {

}

.sitemap .line{
margin-right: 10px;
border-right: 1px dotted #000000;

}





/*********   VIRTUAL TOUR   *********/
.virtualtour_btn {
margin: 200px 0 0 180px;

}

.virtualtour_btn a{
display: block;
float: left;
width: 190px;
height: 220px;
text-indent: -9999px;
margin-right: 20px;
}



.virtualtour_btn a.No8B2{
background: url(../images/virtualtour_8B2.jpg) left top;
}

body.vietnam .virtualtour_btn a.No8B2{
background: url(../images/virtualtour_8B2_vn.jpg) left top;
}


.virtualtour_btn a.No6C1{
background: url(../images/virtualtour_6C1.jpg) left top;

}

body.vietnam .virtualtour_btn a.No6C1{
background: url(../images/virtualtour_6C1_vn.jpg) left top;

}

.virtualtour_btn a:hover, body.vietnam .virtualtour_btn a:hover{
background-position: right;
}