body, html {
margin: 0;
padding: 0;
background-color: transparent;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 140%;
}

* {
margin: 0;
padding: 0;
}

img {
border: none;
}

hr{	
	border: none 0;
	border-top: 1px dotted #ffffff;
	height: 1px;
	padding: 0;
	margin: 0;
}


a:link {color: #333333; text-decoration:none}
a:visited {color: #333333; text-decoration:none}
a:hover {color: #0064b1; text-decoration:none} 
a:active {color: #0064b1; text-decoration:none}

.smalltext {
font-size:9px;
line-height: 110%;
}

.mediumtext {
font-size:10px;
line-height: 120%;
}


.small_line_gap {
line-height: 130%;
}



.text_darkblue {
color: #00064B;
}

#horizontalbg{
top: 125px;
width: 100%;
height: 355px;
background:#a7cce6;
position:absolute;
z-index: -99;
}

#wrapper {
position:absolute;
width: 980px;
position:absolute;
left: 50%;
margin: 0 0 0 -490px;
}

#logo {
height: 80px;
background: url(../images/logo.png) no-repeat;
position:relative;
}

#logo #hyatt_logo{
display: block;
position:absolute;
left: 40px;
top: 10px;
}

#logo #switch_lang{
position:absolute;
right: 10px;
top: 10px;
}

#logo #switch_lang li{
list-style:none;
float:left;
}
#logo #switch_lang li a{
display:block;
padding: 3px 5px 3px 5px;
}
#logo #switch_lang li a:hover, #logo #switch_lang li.current a{
background:#00adef;
}

#nav {
height: 45px;
}

/* ----------REGISTER BOX STYLE ----------------------*/
#register {
height: 25px;
background:#0064b1;
text-align:right;
}



#content {
height: 350px;
}


#contentThank {
height: 350px;
}

#footer1 {
height: 70px;
font-size:10px;
line-height: 110%;
margin: 0 0 9px 0;
}

#line hr {
border: 0;
width: 100%;
color: #666666;
background-color: #666666;
height: 1px;
}


#footer1 li {
float:left;
position: relative;
display:block;
list-style:none;
height: 70px;
}


#footer1 li.text {
width: 490px;
}

#footer1 li.text span.contact{
position: absolute;
bottom: -4px;
left: 0;
font-size: 12px;
line-height: 140%;
color: #0064b1;
width: 490px;
}

#footer1 li.text span.contact a:hover {color: #0064b1; text-decoration:none} 
#footer1 li.text span.contact a:active {color: #0064b1; text-decoration:none}




#footer1 li.register_button {
width: 190px;
}
#footer1 li.register_button a{
position: absolute;
left: 0;
bottom: 0;
background:url(../images/btn_register_over.png) no-repeat;
}
#footer1 li.register_button a:hover img{
opacity:0;
filter:alpha(opacity=0);
}

#footer1 li.logo1{
width: 150px;
}
#footer1 li.logo1 a{

background:url(../images/savills_logo.gif) no-repeat left;
position: absolute;
bottom: 0;
}

#footer1 li.logo1 a:hover img{
opacity:0;
filter:alpha(opacity=0);
}


#footer1 li.logo2{
width: 150px;

}
#footer1 li.logo2 a{

background:url(../images/indochina_logo.gif) no-repeat;
position: absolute;
bottom: 0;
}

#footer1 li.logo2 a:hover img{
opacity:0;
filter:alpha(opacity=0);
}


#footer2 {
text-align:left;
font-size: 9px;
position: relative;
display:block;
height: 60px;
color: #999999
}

#footer2 p{
padding:0;
line-height: 110%;
text-align:justify;
}

#footer2 span.link{
position: absolute;
bottom: 5px;
right: 0;
font-size: 9px;
}
#footer2 span.link a:link {color: #333333; text-decoration:none}
#footer2 span.link a:visited {color: #333333; text-decoration:none}
#footer2 span.link a:hover {color: #0064b1; text-decoration:none} 
#footer2 span.link a:active {color: #0064b1; text-decoration:none}



/* ----------content inside IFRAME STYLE ----------------------*/
#wrapperiframe {
width: 980px;
height: 350px;
background:#a7cce6;
position: relative;
color: #00064B;
}

#wrapperiframe a:link {color: #333333; text-decoration:none}
#wrapperiframe a:visited {color: #333333; text-decoration:none}
#wrapperiframe a:hover {color: #00064B; text-decoration:none} 
#wrapperiframe a:active {color: #00064B; text-decoration:none}


#left {
width: 980px;
height:330px;
float: left;
background: #c0ddea;
border-bottom: 20px solid #0064b1;
position:absolute;
z-index: 30;
left: 0;
top: 0;
}



/* ----------content inside IFRAME STYLE  MBR V8 Register Form use Scrollbar ----------------------*/
#wrapperiframev8 {
width: 660px;

background:#a7cce6;
position: relative;
color: #00064B;
}

#wrapperiframev8 a:link {color: #333333; text-decoration:none}
#wrapperiframev8 a:visited {color: #333333; text-decoration:none}
#wrapperiframev8 a:hover {color: #00064B; text-decoration:none} 
#wrapperiframev8 a:active {color: #00064B; text-decoration:none}


#leftv8 {
width: 680px;

float: left;
background: #c0ddea;
border-bottom: 20px solid #0064b1;
position:absolute;
z-index: 30;
left: 0;
top: 0;
}

/* end V8 */


/* ----------content inside IFRAME STYLE  MBR V8 Register Form NO Scrollbar ----------------------*/
#wrapperiframeNOSC {
width: 660px;

background:#a7cce6;
position: relative;
color: #00064B;
}

#wrapperiframeNOSC a:link {color: #333333; text-decoration:none}
#wrapperiframeNOSC a:visited {color: #333333; text-decoration:none}
#wrapperiframeNOSC a:hover {color: #00064B; text-decoration:none} 
#wrapperiframeNOSC a:active {color: #00064B; text-decoration:none}


#leftNOSC {
width: 660px;

float: left;
background: #c0ddea;
border-bottom: 20px solid #0064b1;
position:absolute;
z-index: 30;
left: 0;
top: 0;
}

/* end NOSC */


#left .centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

#left .centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}




#right_bottom{
width: 300px;
height:330px;
left: 680px;
background:#CFE0F3;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
position:absolute;
z-index: 100;
top: 0;

}

#right_middle{
width: 300px;
height:330px;
left: 680px;
background:url(../images/blueEffect.gif) no-repeat;
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;
position:absolute;
z-index: 200;
top: 0;
}

#right_top{
width: 300px;
height:330px;
left: 680px;
background:transparent;
border-bottom: 20px solid #72a5d2;
color: #00064B;
position:absolute;
z-index: 300;
top: 0;
}


#right_top .content, #left_text .content, #left .content  {
padding: 20px 15px 0 15px;
text-align:left;
line-height: 160%;
}
#right_top #header, #left_text #header, #left #header  {
font-size: 22px;
padding: 0 0 9px 0;
text-align:left;
line-height: 120%;
}

/*--For Single flash layout ie. homepage--*/
#flashiframe {
width: 980px;
}
#left.flash {
z-index: -99;
}
#right_top.flash {
z-index: -50;
}

#border_only {
width: 980px;
height:20px;
float: left;
background:#0064b1;
position:absolute;
z-index: 30;
left: 0;
top: 330px;
}

#border_left_only {
width: 680px;
height:20px;
float: left;
background:#0064b1;
position:absolute;
z-index: 30;
left: 0;
top: 330px;
}

/*--Added for flash inserted layout ie. location overview--*/
#left_extra {
width: 680px;
height:120px;
float: left;
background:transparent;
position:absolute;
z-index: 40;
left: 0;
top: 210px;
}

/*--Added for Left content layout ie. register--*/
#left_text {
	width: 663px;
	float: left;
	background:#c0ddea;
	position:absolute;
	z-index: 30;
	left: 0;
	top: 0;
}


#left_text.explore {
background: url(../images/da-nang-map.png) no-repeat;
line-height: 110%;
font-size: 10px;
}


#left_text.explore li{
list-style: none;
position: absolute;
}

#left_text.explore a:hover, #left_text.explore li a.current{
font-weight: bold;
}


#left_text.explore li.myson {
	left: 100px;
	top: 46px;
}
#left_text.explore li.hoi_an {
	left: 23px;
	top: 170px;
}
#left_text.explore li.montgomerie {
	left: 173px;
	top: 113px;
}
#left_text.explore li.nam_hai {
	left: 107px;
	top: 156px;
}
#left_text.explore li.marble {
	left: 273px;
	top: 85px;
}
#left_text.explore li.hyatt {
	left: 317px;
	top: 117px;
}
#left_text.explore li.cham {
	left: 89px;
	top: 275px;
}
#left_text.explore li.hue {
	left: 492px;
	top: 30px;
}


#left_text.interiors {
background: #c0ddea url(../images/interiors.jpg) no-repeat center;
}
.int_box {
position: absolute;
right: 15px;
bottom: 10px;
}
.int_swatch {
float: right;
margin: 0 0 10px 10px;
}

/*--Added for Left content layout ie. register Thank you page--*/
#left_text2 {
	width: 660px;
	float: left;
	background:#c0ddea;
	position:absolute;
	z-index: 30;
	left: 0;
	top: 0;
	padding:10px;
}
	

/*--Added for Left content layout ie. Confirmation_Reg No Scrollbar--*/
#left_textNOSC {
	width: 660px;
	float: left;
	background:#c0ddea;
	position:absolute;
	z-index: 30;
	left: 0;
	top: 0;
	padding:10px;
}

a.back_to_top {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 15px;
	border: 1px solid #333333;
	font-weight: bold;
	padding: 3px 0 3px 0;
	width: 150px;
	text-align:center;
}

a:hover.back_to_top {
border: 1px solid #00064B;
}


p.bottomspace {
display: block;
margin-bottom: 12px;
}

a.link_box {
display: block;
border: 1px solid #333333;
font-weight: bold;
padding: 3px 0 3px 0;
width: 170px;
text-align:center;
}
a:hover.link_box {
border: 1px solid #00064B;
}
/*
#pagination {
display: block;
position:absolute;
bottom: 10px;
right: 15px;
text-align:right;
font-size:12px;
}

#pagination  a.font1, #pagination  a.font1_current{
background: #333333;
color: #ffffff;
padding: 4px 8px 4px 8px;
}

#pagination  a:hover.font1, #pagination  a.font1_current{
background: #00064B;
}

#pagination  a.current{
font-weight: normal;
color: #00064B;
}
*/
#pagination {
display: block;
position:absolute;
bottom: 10px;
right: 15px;
font-size:12px;
height: 20px;
width: 270px;
}
#pagination li {
list-style: none;
float: right;
}
#pagination  a.font1, #pagination  a.font1_current{
display: block;
text-align:center;
font-size:12px;
padding: 4px 8px 4px 8px;
margin: 0 0 0 10px;
line-height: 100%;
}

#pagination  a.font1{
border: 1px solid #333333;
color: #333333;
}

#pagination  a:hover.font1, #pagination  a.font1_current{
background: #00064B;
border: 1px solid #00064B;
color: #ffffff;
}



/* ----------FORM STYLE ----------------------*/
form {

}
fieldset{
display: block;
border: none;
}
fieldset .head{
display: block;
clear:both;
font-weight: bold;
padding: 5px 0 5px 0;
color: #00064B;
}
fieldset .subhead{
display: block;
clear:both;
color: #00064B;
background: #f2f2f2;
margin: 3px 0 5px 0;
}
span.remark {
display: block;
text-align:left;
position: absolute;
bottom: 10px;
left: 15px;
color:#00064B;
}




input.button{
background:#0064b1;
border: 1px solid #0064b1;
color: #FFFFFF;
padding: 3px 5px 3px 5px;
}





input, textarea, select {
padding:0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
label {
font-size:11px; 

}

dl {clear:both; border-top: 1px dotted #f2f2f2}
dl.noline {clear:both; border: none}
dt {float: left; text-align:left; width:200px; margin:3px 10px 3px 0}
dd {float: left; width:370px; margin:3px 0 3px 0;}

dd li{
list-style: none;
float: left; 
width:170px;
}
dd li.long{
width:250px;
}



/* ----------LARGE IMAGE PREVIEW ----------------------*/
#image_preview {
width: 610px;
height: 590px;
position: relative;
text-align:center;
}

#image_preview #head{
display: block;
height: 35px;
}

#image_preview #logo_image_preview{
display: block;
position:absolute;
bottom: 5px;
left: 10px;
}
/* ----------THE TEAM LOGO ALIGNMENT ----------------------*/

ul.the_team {
position: relative;
width: 650px;
height: 290px;
}

ul.the_team li {
list-style: none;
}

ul.the_team a {
	display: block;
	position: absolute;
	background-image: url(../images/pn4_c.png);
}

ul.the_team a.pn1 {
	left: 130px;
	top: 0;
	background:url(../images/pn1_c.png) no-repeat;
}
ul.the_team a.pn2 {
	left: 130px;
	top: 100px;
	background:url(../images/pn2_c.png) no-repeat;
}
ul.the_team a.pn3 {
	left: 130px;
	top: 168px;
	background:url(../images/pn3_c.png) no-repeat;
}
ul.the_team a.pn4 {
	right: 220px;
	top: 0;
	background:url(../images/pn4_c.png) no-repeat;
}
ul.the_team a.pn5 {
	right: 130px;
	top: 140px;
	background:url(../images/pn5_c.png) no-repeat;
}
ul.the_team a.pn6 {
	left: 30px; 
	bottom: 0; 
	background:url(../images/pn6_c.png) no-repeat;
}
ul.the_team a.pn7 {
	left: 182px;
	bottom: 0;
	background:url(../images/pn6_c.png) no-repeat;
}
ul.the_team a.pn8 {
	right: 182px;
	bottom: 0;
	background:url(../images/pn6_c.png) no-repeat;
}
ul.the_team a.pn9 {
	right: 30px;
	bottom: 0;
	background:url(../images/pn6_c.png) no-repeat;
}

ul.the_team a:hover img, ul.the_team li.current a img {
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}