/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */
		#header{width:927px; overflow:hidden; position:relative;}
			#logo{float: left; width: 180px; overflow: hidden; margin: 0 0 0 15px; display: inline;}
			/**** Header for home page************/
			#logoHome{width: 180px; height:244px; position:absolute; z-index:999; left:15px; top:0;}
			#bannerHeader {width:897px; padding:0 0 0 15px;}			
			#photoSlice {width:897px; padding:0 0 0 15px;}
				#photoSlice div {width:897px;}
			
			.photo{width:731px; float: left}	
			
			#topNav{display:none}
			#topNav ul{float: right; padding: 8px 0 12px 0; margin: 0 20px;}
			#topNav li{font-weight: bold; padding: 0 0 0 3px;  display: inline;}
			#topNav li.symbol{font-weight: normal; color: #fff}
			#topNav li a{color: #fff}
			
	
			#nav{width:907px; height:27px; overflow: hidden; display:block; border:none; margin: 1px 0 0 15px;}	
			#nav li{float:left; background: url(../images/bgd_lev_partition.gif) 100% 0 repeat-y}
			#nav li.last{background: none}
			#nav li img{display:block; padding: 0 1px 0 0;}
				
				ul.submenu {width:108px; padding:0 10px 0 0; margin:0 0 0 -11px; font-size:12px; position:absolute; left:-1000px; top:307px; z-index:1000; overflow:hidden;}
				ul.submenu li{ font-weight: bold; display:block; background:  url(../images/bgd_submenu.gif) 0 0 repeat-x; padding:0; margin:0;}
				ul.submenu a{display:block; color:#015a92; padding:4px 14px; height:19px}
				ul#newsletterMenu{width:190px;}
				ul#servicesMenu{width:130px;}
				ul#mediaMenu{width:150px;}
	
		/**** Main************/
		#main {width:897px; background: url(../images/bgd_main.gif) 0 0 repeat-x; margin:0 15px; padding:4px 0 0 0;  overflow:hidden}
			.content {width:897px; background:url(../images/bgd_home_info.gif) 100% 100% no-repeat; overflow:hidden}
			
          /***********homepage************/
			#contextual{background:#e5e5e5; float: left; width: 226px; overflow:hidden; padding:5px 0 20px 0}	
			#contextual p{color: #7c4f00; padding: 0 0 0 15px}
			#contextual ul{width:226px; overflow:hidden}
			#contextual li{width:82px; float:left; padding:3px 0 5px 15px}
			#contextual dt {padding: 0 0 3px 0; }
			#contextual dl dt a{color:#7c4f00; font-weight:bold}
			#contextual dt.last{ padding:0 0 3px 15px}
			#contextual dd.last{background: url(../images/bgd_line_01.gif) left repeat-y; padding: 0 0 0 15px}
			
			
			#innermain{width:659px; float:left; margin:22px 0  0 28px; padding:0 28px 30px 0;}
			#innermain p {padding:5px 10px 5px 0}
			#innermain .slogan {text-align:center; margin:20px 0 0 0}
			
			#innermainIndex{width:100%}
			#innermainIndex p {padding:5px 10px 5px 0}
			#innermainIndex .slogan {text-align:center; margin:20px 0 0 0}
			
			#innercontent{width:659px; float:left; margin:22px 28px 30px 28px;}
			#innercontent p {padding:5px 10px 5px 0}
			#innercontent table{background:url(../images/bgd_h2.gif) bottom repeat-x; margin:0 0 10px 0;}
			
			.list {padding:0 0 5px 15px}
			.list li {background:url(../images/bullet_amenities.gif) 0 7px no-repeat; padding:3px 0 3px 12px}
			
			#frmcontact {padding:0 0 0 50px}
			#frmcontact p {padding:3px 0; display:block}
			#frmcontact label {width:120px; float:left}
			#frmcontact input {width:200px; height:16px; border:1px solid #CCCCCC} 
			#frmcontact textarea {width:200px; height:60px; border:1px solid #CCCCCC}
			#frmcontact .btnsendemail {width:89px; height:24px; border:none; padding:10px 20px 0 120px}
			#frmcontact .btnreset {width:65px; height:25px; border:none}
			
			
		/**** Footer ************/
		#footer{color: #FFF; background: #044484 url(../images/bgd_bottom.gif) 0 0 no-repeat; padding:9px 0 10px 625px; margin: 0}
		#footer span{font-weight: bold; color: #FFF}
		/**** Sitemap ************/
		#sitemap ul {padding:6px 0 0 0}
		#sitemap li {background:url(../images/bullet_newsother.gif) 0 7px no-repeat; padding:3px 0 3px 12px}
		#sitemap div {width:140px; overflow:hidden; float:left; padding:10px 10px 0 0; height:160px;}
		
		
	#subpage #container{background:url(../images/bgd_subpage.gif) 0 0 repeat-y}
	
	#subHoian #container{background:url(../images/bgd_subcontainer.gif) 0 0 repeat-y}
	
	#subHoian #topNav {background:#3ca6d6 url(../images/bgd_subtop.gif) 0 100% no-repeat;}
	#subHoian #footer {background:#0680ba url(../images/bgd_subbottom.gif) 0 0 no-repeat;}
	
	#subQuynhon #container {background:#c8573a url(../images/bgd_subcontainer_quynhon.gif) 0 0 no-repeat}
	#subQuynhon #topNav {background:#c8573a url(../images/bgd_subtop_quynhon.gif) 0 100% no-repeat;}
	#subQuynhon #footer {background:#c8573a url(../images/bgd_subbottom_quynhon.gif) 0 0 no-repeat;}
	
	#subOcean #container {background:url(../images/bgd_subcontainer_ocean.gif) 0 0 repeat-y}
	#subOcean #topNav {background:#03b7cb url(../images/bgd_subtop_ocean.gif) 0 100% no-repeat;}
	#subOcean #footer {background:#00a4b6 url(../images/bgd_subbottom_ocean.gif) 0 0 no-repeat;}
	
	#subHotram #container {background:url(../images/bgd_subcontainer_hotram.gif) 0 0 repeat-y}
	#subHotram #topNav {background:#b2bb1e url(../images/bgd_subtop_hotram.gif) 0 100% no-repeat;}
	#subHotram #footer {background:#b2bb1e url(../images/bgd_subbottom_hotram.gif) 0 0 no-repeat;}
	
	#subHalong #container {background:url(../images/bgd_subcontainer_halong.gif) 0 0 repeat-y}
	#subHalong #topNav {background:#f6273f url(../images/bgd_subtop_halong.gif) 0 100% no-repeat;}
	#subHalong #footer {background:#da2337 url(../images/bgd_subbottom_halong.gif) 0 0 no-repeat;}
	
	#subNinhbinh #container {background:url(../images/bgd_subcontainer_ninhbinh.gif) 0 0 repeat-y}
	#subNinhbinh #topNav {background:#fa22a2 url(../images/bgd_subtop_ninhbinh.gif) 0 100% no-repeat;}
	#subNinhbinh #footer {background:#c11a7d url(../images/bgd_subbottom_ninhbinh.gif) 0 0 no-repeat;}
	
	#subSapa #container {background:url(../images/bgd_subcontainer_sapa.gif) 0 0 repeat-y}
	#subSapa #topNav {background:#118e75 url(../images/bgd_subtop_sapa.gif) 0 100% no-repeat;}
	#subSapa #footer {background:#01634e url(../images/bgd_subbottom_sapa.gif) 0 0 no-repeat;}

/**** hoian page ************/
	.lev2 {width:182px; background:#e5e5e5; float:left;}	
	.lev2 .last {border:none}	
	.lev2 ul {width:153px; margin:7px 0 0 15px}
	.lev2 li {font-weight:bold;border-bottom:1px solid #ffffff; padding:7px 0 7px 10px}
	.lev2 li a {color:#0580b9; background:url(../images/bullet_lev2.gif) 0 3px no-repeat; padding:0 0 0 20px}
	.lev2 li a:hover {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px; text-decoration:none}
	.lev2 .active {color:#7c4f00; background:url(../images/bullet_lev2_active.gif) 0 3px no-repeat; padding:0 0 0 20px}
	
	#subpage .lev2 li a {padding:0 0 0 15px}
	#subpage .lev2 li {padding:7px 0 7px 0}
	#subpage .lev2 img{display:block; margin:15px auto; border:1px solid #fff;}
	
	
	.livingroom {width:659px; display:block; margin:0 0 10px 0; overflow:hidden}
	.livingroom p{padding:2px 0 10px 0!important} 
	.livingroom div {width:114px; float:left; margin:0 12px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat}
	.livingroom div img {padding:2px 7px}
	.livingroom .contentVisu {width:530px; float:left; background:none; margin:0}
	
	.news {width:659px; display:block; margin:0 0 10px 0; overflow:hidden}
	.news p{padding:2px 0 10px 0!important} 
	.news img {width:100px; padding:2px 17px 2px 0; float:left}
	.news .contentnews {width:542px; float:left; background:none; margin:0}
	
	.amenities {margin:7px 0 0 103px;}
	.amenities p span {font-weight:bold; padding:5px 0}
	.amenities ul{width:220px; float:left; padding:5px 0 7px 0}
	.amenities li {background:url(../images/bullet_amenities.gif) 0 5px no-repeat; padding:2px 0 2px 10px}
	.amenities .amenities01 {width:300px; padding:5px 5px 0 0}
	.amenities .btnmake {margin:15px 0 0 155px}
	.amenities .caption {color:#7c4f00; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0; background:none}
	.amenities .btncontact {padding:10px 0 5px 0; background:none}
	
	.lifeResort {margin:0 0 55px 0}
	.lifeResort p {padding:5px 0; line-height:18px }
	.lifeResort ul {padding:20px 0 0 0; margin:0 0 0 -5px}
	.lifeResort li {width:114px; float:left; margin:0 7px 0 0; background:url(../images/bgd_visu_living.gif) 0 0 no-repeat;}
	.lifeResort li img {padding:2px 7px}

/********rates room *************/
	.booknow {padding:0 0 20px 0}
	.booknow ul {width:513px; overflow:hidden; margin:0 0 7px 0}
	.booknow li {float:left; color:#7c4f00; font-weight:bold; text-transform:uppercase}
	.booknow li a {color:#015a92; margin:0 0 0 20px; background:url(../images/bullet_arrow.gif) 0 4px no-repeat; padding:0 0 0 8px; text-decoration:underline; text-transform:none}
	.booknow li a:hover {text-decoration:none}
	
	.tblbooknow {width:613px; background:url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 2px 0 }
	.tblbooknow .tblTitle {background:#ebf2f6 url(../images/bgd_tit_tbl.gif) bottom repeat-x; padding:0 0 5px 0}
	.tblbooknow .tbltext {text-align:center}
	.tblbooknow .changebgd {background:#e4e4e4} 
	.tblbooknow .tblspecial{ text-align:center; }
	.tblbooknow .tblspecial a{ text-decoration:underline}
	.tblbooknow .tblspecial a:hover{ text-decoration:none}
	.tblbooknow .tblTitle th {color:#015a92; font-weight:bold; padding:8px 0 6px 10px}
	.tblbooknow tr th {text-align:left; font-weight:normal; padding:0 0 0 10px}
	
	.tblbooknow tr {margin:1px 0; background:#f4f5f5}
	.tblbooknow tr td {text-align:left; color:#000000; padding:8px 0 6px 10px;}
	
	.newsOther ul {padding:12px 0 0 0}
	.newsOther li {background:url(../images/bullet_newsother.gif) 0 7px no-repeat; padding:3px 0 3px 12px}
	
/*******photo *********/
	.photo {width:642px; position:relative;}
	.photo li {float:left; padding:19px 19px 15px 19px; border:1px solid #444444; margin:0 6px 6px 0}
	.photo li dt img{width:166px; height:100px; padding:0 0 5px 0}
	.photo li dd {text-align:center;}
	
/************ paging ************/
	#paging{text-align:center;}
	
/*****popupPhoto*****/
	.popupPhoto{background:#fff; padding:19px 19px 10px 19px; border:3px solid #444; position:absolute; top:0; left:0; text-align:center; display:none;}
	.popupPhoto img{margin:0 auto 10px auto;}

	/** html .tipPopup {padding:15px;}
	*+html .tipPopup {padding:15px;}*/
		.tipPopup img {display:block; width:auto; float:left; border:1px solid #fff;}
	.hidden{display:none;}
	#contact_info{ width:320px;float:left}
/*contact form*/	
	#frmcontact { width:270px;padding:5px 0px 0 20px;  float:left;; border-left:1px #CCC solid  }
				/*frmcontact */			
				#frmcontact option{ color:#002d56; width:200px; padding:3px 3px 0 3px ;}
				#frmcontact select{ color:#002d56; width:200px; padding:0 3px;}
				#frmcontact input{ color:#002d56; width:200px;  }
				/*#frmcontact .submit { width:50px; height:20px; float:left; display:block; margin:5px 5px 0 0; padding:3px 0;}*/
				#frmcontact  .submit { width:75px; height:28px; border:0; margin:10px 0 0 0px; float:left}
				
	/*Life Spa Programmes */	
	.toggler { color:#7C4F00; font-size:12px; font-weight:bold; text-transform:uppercase; padding:5px; background: #eee;	border: 1px solid #f5f5f5;	border-left: 1px solid #f5f5f5; }
	.element {}
	.element p { margin: 0; padding: 4px; }
	.float-right { padding:10px 20px; float:right; }
	
	#contextual {display:none}

/****************************************************/
* {margin:0; padding:0; border:none}
#container {width:100%}
#footer {padding:0; margin:0; display:none}