/* A simple Browser Reset */

*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
/*****hover*********************/
a
{
	/* visited link */
	color: black;
	text-decoration: none;
}
a:visited
{
	/* visited link */
	color: black;
	text-decoration: none;
}
a:focus
{
	color: black;
	text-decoration: underline;
}
a:hover
{
	/* mouse over link */
	color: black;
	text-decoration: underline;
}
a:active
{
	/* selected link */
	color: black;
	text-decoration: underline;
}

/* General Layout
________________________________*/

body
{
	/*canh giữa cho layout*/
	margin: 0 auto;
	font-family: Arial;
	font-size: 12px;
	width: 960px; /*SET WIDTH CHO TOÀN BỘ BODY*/
	background-image: url('images/bg-page.gif');
	background-repeat: repeat;
}
#header
{
	clear: both;
	position: relative;
	z-index: 2; /*không đổi*/
	height: 450px;
	background-image: url('images/bg-page.gif');
	background-repeat: repeat;
}
#page
{
	/*div lớn của toàn bộ layout*/
	min-height: 100%;
	position: absolute;
	width: 960px; /*SET WIDTH CHO LAYOUT, = WIDTH BODY*/
	background-image: url('images/bg-body.gif');
	background-repeat: repeat;
}
#footer
{
	position: relative;
	bottom: 0;
	z-index: 2;
	width: 100%;
	clear: both; /*không đổi*/
	background-image: url('images/bg-page.gif');
	background-repeat: repeat;
}
/* We have to set the z-index of the real content to 2 to bring it back on top of the columns. As the actual 
content is not positionned absolutelly, the footer still behave normally and is pushed down by it. */

#content
{
	/*center, do not change anything*/
	float: left;
	width: 100%;
	margin-right: -100%;
	position: relative;
	z-index: 2;
}
.column
{
	float: left;
	padding: 0 0 0px; /*SET PADDING BOTTOM = HEIGHT FOOTER + PADDING MONG MUỐN*/
}
/* -- compensating the padding on sidebars -- multiply the padding of columns by 2, and remove
it from the width of each sidebar. */

#left
{
	position: relative;
	z-index: 2;
	width: 164px; /*SET WIDTH CỦA LEFT = WIDTH(.LEFT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */
	padding: 8px;
	background-image: url('images/top-left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#right
{
	position: relative;
	z-index: 2;
	width: 164px; /* SET WIDTH CỦA RIGHT = WIDTH(.RIGHT) - [PADDING + MARGIN + (BORDER WIDTH x 2)] nếu có */
	padding: 8px;
	background-image: url('images/top-right.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

/* You can easily change the layout proportions by just changing the matching values. For example,
to have a 100px left sidebar, I just have to change all the 220 to 100 (and the -220 to -100).*/

#content-inner
{
	float: none;
	min-height: 100%;
	margin-left: 0px; /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
	margin-right: 180px; /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */ /*  	border:1px orange solid;*/
}
#content-inner1
{
	float: none;
	min-height: 100%;
	margin-left: 180px; /* SET LEFT Sidebar width, = WIDTH TRONG .LEFT + MARGIN (nếu có) 190 +5 */
	margin-right: 0; /* SET RIGHT Sidebar width, = WIDTH TRONG .RIGHT + MARGIN (nếu có) 220 + 5 */ /*  	border:1px orange solid;*/
}
.left
{
	width: 180px; /* LEFT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA LEFT COL */
	margin-right: -195px; /* LEFT Sidebar width, = WIDTH .LEFT */
}
.right
{
	float: right;
	width: 180px; /* RIGHT Sidebar width, CỘNG CẢ PADDING, MARGIN VÀ BORDER CỦA RIGHT COL */
}

/* Equal Height Columns 
________________________________*/

/* The columns are created using empty DIV that have to be inside the main wrapper (#page) and should be 
positionned relative. Each DIV have the same width as its corresponding columns (done by using class), and by 
postionning them absolutelly (bottom) and giving them a height of 100%, the DIVs fill the entire space that the 
columns should fill.*/

.bg
{
	/*do not change anything*/
	position: absolute;
	bottom: 0;
	height: 100%;
}
#bgleft
{
	left: 0;
	background-color: #d7ecff; /*SET BG COLOR CHO LEFT COLUMN*/
}
#bgright
{
	right: 0;
	background-color: #fff2d7; /*SET BG COLOR CHO RIGHT COLUMN*/
}
#bgcenter
{
	right: 0;
	width: 100%; /*    background-color:#969; SET BG COLOR CHO CENTER*/
}
/***************************************
.top-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	
	height:32px;
	background-repeat:repeat-x;
}
.top-menu li{
	padding:0;	
	margin:0;
	display:inline;
	display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;   
     
    font-size:14px;
    font-weight:bold;	
    text-align:center;
}
******************border cong***********************/
.border
{
	padding: 0;
	background-color: #FDF;
	margin: 0;
}
p
{
	padding: 0 10px;
	margin: 0;
}
.border1
{
	text-align: right;
	background: #fdf url('images/p1botleft.gif') left bottom no-repeat;
}
.border2
{
	text-align: left;
	background: #fdf url('images/p1topleft.gif') right top no-repeat;
}
h2
{
	margin: 0;
	padding: 0;
	background: #fdf url('images/p2toprt.gif') top right no-repeat;
	font-size: 11px;
}
/**************************contact & about us***************************/
.contact-tbox
{
	width: 250px;
	margin-left: 10px;
}
.required
{
	background-color: #fbe0b3;
}
.aboutus
{
	padding: 0 5px 10px 5px;
	line-height: 1.6em;
	text-align: justify;
	margin-left: 5px;
	margin-top: 5px;
}
/****************************************************************/
.top-header
{
	background-image: url('images/top_header.jpg');
	background-repeat: no-repeat;
	height: 77px;
	padding-top: 15px;
	color: #ffffff;
}

.text-box
{
	width: 250px;
	margin-top: 3px;
	font-size: 12px;
}
.text-box1
{
	width: 150px;
	font-size: 12px;
	margin-left: 7px;
}
.btn-search a
{
	background-image: url('images/btn-search.gif');
	background-repeat: no-repeat;
	padding-top: 5px;
	height: 20px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	float: left;
	font-weight: bold;
	width: 66px;
}
.btn-search a:hover
{
	background-image: url('images/btn-search.gif');
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 5px;
	color: #84dbf8;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	float: left;
	font-weight: bold;
	width: 66px;
}
.btn-search a:focus
{
	background-image: url('images/btn-search.gif');
	background-repeat: no-repeat;
	height: 20px;
	float: left;
	padding-top: 5px;
	color: #84dbf8;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	float: left;
	font-weight: bold;
	width: 66px;
}
.bottom-menu
{
	float: right;
	font-size: 12px;
	color: #035b1e;
	margin-top: 10px;
}
.bottom-menu a
{
	padding-left: 7px;
	padding-right: 7px;
	color: #035b1e;
	font-weight:bold;
}
.bottom-menu a:hover
{
	padding-left: 7px;
	padding-right: 7px;
	color: blue;
	font-weight:bold;
	text-decoration:none;
}
.bottom-menu a:focus
{
	padding-left: 7px;
	padding-right: 7px;
	color: blue;
	font-weight:bold;
	text-decoration:none;
}
.text-bottom
{
	line-height: 1.5em;
	text-align: right;
	display: block;
	padding: 10px 0;
	color: #131312;
}
.title-col
{
	background-image: url('images/bg-title-col.png');
	background-repeat:repeat-x;
	height: 23px;
	text-align: center;
	color: #ffffff;
	padding-top: 11px;
	margin-bottom: 10px;
	font-weight:bolder;
}
.left-col ul
{
	list-style: none;
	display: block;
	margin-bottom: 10px;
}
.left-col li
{
	display: block;
	margin-left: 10px;
}
.left-col a
{
	margin-left: 10px;
	line-height: 1.8em;
	font-weight:bolder;
	color: #035b1e;
	font-weight:bold;
}
.left-col a:hover
{
	margin-left: 10px;
	line-height: 1.8em;
	text-decoration: none;
	font-weight:bolder;
	color: blue;
}
.left-col a:focus
{
	margin-left: 10px;
	line-height: 1.8em;
	text-decoration: none;
	color: blue;
}
.left-col1 ul
{
	list-style: none;
	display: block;
	margin-bottom: 10px;
}
.left-col1 li
{
	display: block;
	margin-left: 10px;
	border-bottom: dotted 1px #000000;

	
}
.left-col1 a
{
	line-height: 1.8em;font-weight:bolder;
}
.left-col1 a:hover
{
	line-height: 1.8em;
	text-decoration: none;
	color: blue;
	font-weight:bolder;
}
.left-col1 a:focus
{
	line-height: 1.8em;
	text-decoration: none;
	color: blue;
	font-weight:bolder;
}
.bg-cont-top-left
{
	background-image: url('images/cont-top-left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.bg-cont-top-right
{
	background-image: url('images/cont-top-right.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
.bg-cont-bottom-left
{
	background-image: url('images/cont-bottom-left.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
.bg-cont-bottom-right
{
	background-image: url('images/cont-bottom-right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-title-cont
{
	clear: both;
	background-image: url('images/title-cont.gif');
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 7px;
	color: #ffffff;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}
.tour-home
{
	margin-top: 10px;
	padding: 5px;
	min-height: 53px;
}
.tour-home h1 a
{
	color: #035b1e;
	font-size: 11px;
}
.tour-home h1 a:hover
{
	color: blue;
	font-size: 11px;
	text-decoration: none;
}
.tour-home span
{
	display: block;
	line-height: 1.5em;
	margin-top: 10px;
}
.img
{
	width: 63px;
	height: 63px;
	float: left;
	margin-right: 10px;
	border: solid 1px #ffc410;
}
.title1
{
	background-image: url('images/bg-title-home.gif');
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 7px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-weight:bolder;
}
.tour
{
	float: left;
	width: 275px;
	min-height: 125px;
}
.tour img
{
	float: left;
	width: 63px;
	height: 63px;
	margin-right: 15px;
	margin-top: 10px;
	border: solid 1px #ffc001;
}
.tour h1 a
{
	font-size: 12px;
	color: #035b1e;
}
.tour h1 a:hover
{
	color: Blue;
	font-size: 12px;
	text-decoration: none;
}

.tour span
{
	margin-top: 10px;
	display: block;
	text-align: justify;
}
.tour-1
{
	float: left;
	width: 275px;
	min-height: 125px;
}
.tour-1 h1 a
{
	font-size: 12px;
	color: #035b1e;
}
.tour-1 h1 a:hover
{
	color: blue;
	font-size: 12px;
	text-decoration: none;
}
.tour-1 img
{
	float: left;
	width:63px; /*90px;*/
	height:63px; /*125px;*/
	margin-right: 15px;
	margin-top: 10px;
	border: solid 1px #ffc001;
}
.tour-1 span
{
	margin-top: 10px;
	display: block;
	text-align: justify;
}
.btn-detail a
{
	background-image: url('images/bg-detail.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 17px;
	width: 66px;
	padding-top: 2px;
	margin-top: 10px;
	display: block;
	margin-right: 7px;
}
.right_float
{
	float: right;
}
.left_float
{
	float: left;
}
.btn-detail a:hover
{
	background-image: url('images/bg-detail-hover.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 17px;
	width: 66px;
	padding-top: 2px;
	text-decoration: none;
	margin-top: 10px;
	display: block;
	margin-right: 7px;
}
.btn-booking a
{
	background-image: url('images/booking.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 17px;
	width: 91px;
	padding-top: 2px;
	margin-top: 10px;
	display: block;
}
.btn-Submit a
{
	background-image: url('images/bg-detail-hover.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 17px;
	width: 91px;
	padding-top: 2px;
	margin-top: 10px;
	margin-right: 5px;
	display: block;
	float: left;
}
.btn-booking a:hover
{
	background-image: url('images/booking-hover.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	height: 17px;
	width: 91px;
	padding-top: 2px;
	text-decoration: none;
	margin-top: 10px;
	display: block;
}
.margin-right30
{
	margin-right: 30px;
}
.margin-top20
{
	margin-top: 20px;
}

.paging
{
	/*clear:left;*/
	text-align: center;
	margin-top: 10px;
	padding: 10px;
}
.paging a
{
	/* visited link */
	color: #035b1e;
	text-decoration: none;
	padding: 2px;
	margin-left: 4px;
	font-weight:bold;
}
.paging a:focus
{
	color: blue;
	text-decoration: none;
	padding: 2px;
	margin-left: 4px;
}
.paging a:hover
{
	/* mouse over link */
	color: blue;
	text-decoration: none;
	padding: 2px;
	margin-left: 4px;
	font-weight:bold;
}

.paging span
{
	/* mouse over link */
	color: blue;
	text-decoration: none;
	padding: 2px;
	margin-left: 4px;
	font-weight:bold;
}

.bg-btour-left
{
	background-image: url('images/top-left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.bg-btour-right
{
	background-image: url('images/top-right.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 8px;
}
.top-booking
{
	font-size: 13px;
	display: block;
	text-align: justify;
}
.h1
{
	font-size: 16px;
	color: #7c9403;
	text-decoration: underline;
	margin: 20px;
}
.h1nounderline
{
	font-size: 16px;
	color: #035B1E;
	margin-bottom:10px;
}
.h3
{
	color: #7c9403;
	text-decoration: underline;
	margin: 10px;
}
.td-left
{
	text-align: right;
	padding-right: 20px;
}
.td-left2
{
	text-align: right;
	padding-right: 80px;
}
.textbox200
{
	width: 200px;
}
.textbox100
{
	width: 100px;
}
.textbox300
{
	width: 300px;
}
.textbox70
{
	width: 70px;
}
.margin-left30
{
	margin-left: 30px;
}
.gallery_photo .text
{
	color: #a8b857;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
}
.gallery_photo li
{
	display: inline;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-right: 20px;
	text-align: center;
}
.gallery_photo li img
{
	width: 108px;
	height: 91px;
	border: 1px solid #ffc822;
	margin-bottom: 10px;
	cursor: pointer;
}

#gallery_title .left_bg
{
	background-image: url('images/bg-title-left.gif');
	background-repeat: no-repeat;
	height: 32px;
	width: 24px;
	float: left;
}
#gallery_title .content_bg
{
	background-image: url('images/bg-title-content.gif');
	background-repeat: repeat-x;
	height: 32px;
	width: 520px;
	float: left;
	font-size: 14px;
	color: White;
	padding-top: 7px;
}
#gallery_title .right_bg
{
	background-image: url('images/bg-title-right.gif');
	background-repeat: no-repeat;
	height: 32px;
	width: 24px;
	float: left;
}

.hotel .pic
{
	width: 120px;
	height: 110px;
	float: left;
	margin-right: 15px;
	border: solid 1px #ffc001;
}


.hotel .content
{
	display: block;
	text-align: justify;
	width: 135px;
	height: 110px;
	float: left;
}
.hotel a.title
{
	font-size: 14px;
	color: #035b1e;
	font-weight: bold;
}

.hotel a.title:hover
{
	font-size: 14px;
	color: blue;
	font-weight: bold;
	text-decoration:none;
}

.hotel
{
	width: 275px;
	height: 170px;
	float: left;
	margin-right: 10px;
}


.hotel .HotelAddr
{
	margin-top: 20px;
	height: 70px;
}
.hoteldetail .gallery li
{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	text-align: center;
}
.hoteldetail .gallery li img
{
	width: 160px;
	height: 120px;
}

.hoteldetail .description
{
	font-size: 13px;
	display: block;
	text-align: justify;
	clear: both;
}
.CompanyProfile .title
{
	font-size: 14px;
	margin-bottom: 10px;
}
.CompanyProfile img
{
	width: 250px;
	height: 166px;
	margin: 10px;
}
.CompanyProfile .description
{
	text-align: justify;
}
.testimonial
{
	padding-bottom: 2em;
	padding-left: 5em;
	padding-right: 2em;
	background: url(images/img-quote.gif) no-repeat 2em 22px;
	border-top: #94af28 1px dotted;
	padding-top: 2em;
}
.testimonial-first
{
	margin-top: -2em;
	border-top: 0px;
}
.testimonial .name
{
	line-height: 18px;
	margin-bottom: 0px;
	float: left;
	vertical-align: baseline;
	margin-right: 1em;
}
.testimonial .date
{
	line-height: 18px;
	margin-bottom: 0px;
	float: left;
	vertical-align: baseline;
	margin-right: 1em;
}
.testimonial .url
{
	line-height: 18px;
	margin-bottom: 0px;
	float: left;
	vertical-align: baseline;
	margin-right: 1em;
}
.testimonial .name
{
	margin-bottom: 0px;
	font-size: 108%;
	font-weight: bold;
}
.testimonial .date
{
	color: #94af28;
	font-weight: bold;
}
.testimonial .url
{
}
.testimonial:after
{
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
	content: ".";
}


.news .description
{
	height: 76px;
}
.news .newsitem
{
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
}

.news .title a
{
	color:#035B1E;
}

.news .title a:hover
{
	color:blue;
	text-decoration:none;
}

.news .title
{
	color: #035B1E;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.news .others
{
	font-size: 16px;
	color: #9fb146;
	font-weight: bold;
}
hr
{
	clear: both;
	margin-left: 0;
	margin-right: auto;
	width: 100%;
	color: #9fb146;
}
.relatedNews li
{
	list-style-image: url(images/square.gif);
	margin: 15px;
}
.tourdetail .mainpic
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 220px;
	height: 168px;
	border: solid 1px #ffc001;
}
.tourdetail .title
{
	color: #d68f06;
	font-size: 16px;
	font-weight: bold;
	width: 460px;

}

.flight
{
	width: 100%;
}
.flight tr:hover
{
	background-color: #d9e892;
	cursor:pointer;
}


.flight td
{
	text-align: center;
	height: 20px;
}
.flight .book
{
	color: #e1ad48;
	font-weight: bold;
	font-size: 13px;
}
.flight .headline
{
	background-color: #b2c513;
	height: 35px;
	color: White;
	font-weight: bold;
}

ul.relatedNews li a
{
    color:#035B1E;
}

ul.relatedNews li a:hover
{
    color:blue;
    text-decoration:none;
}