@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-repeat: repeat;
	background-position: left top;
	background-image: url(images/bg.gif);
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
br {
	clear: both;
	margin: 0px;
}

p {
	clear: both;
	margin: 0px;
}
.clear {
	clear: both;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	}
	
#container {
	width: 955px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/bgb3.gif);
	background-repeat: repeat-y;
}
#header {
	margin-right: 15px;
	margin-left: 15px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
#header .logo {
	float: right;
	padding: 10px;
}
#header h1 {
	font-weight: bold;
	font-size: 52px;
	color: #000000;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
}
#header h2 {
	font-weight: bold;
	font-size: 24px;
	color: #FFCC00;
	margin: 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
#header .cont {
	width: auto;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*Menu */
.topic-menu{
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	background-color: #7E961E;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	color: #FFFFFF;
}
.menu {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333333;
	font-weight: bold;
	background-color: #EFEFF1;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-left: 2px;
}
.menu a {
	display: inline;
	text-decoration: none;
	color: #CC3300;
	background-color: #EFEFED;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.menu a:hover {
	background-color: #CFF;
	color: #FFFFFF;
	text-decoration: none;
}
#menu {
	float: left;
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #F2EFEA;
}
#menu  h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F2EFEA;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2EFEA;
	background-color: #E5E5E5;
}
#menu ul {
	line-height: normal;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#menu  a  {
	text-decoration: none;
	display: block;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/ic-arow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#menu  a:hover  {
	color: #FF3300;
	text-decoration: none;
	background-color: #F5F5F5;
}
#content {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 15px;
	margin-left: 15px;
	width: auto;
}

#slide-left {
	float: left;
	width: 240px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #E5E5E5;
}
#slide-left .desti {
	text-align: center;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#slide-right a {
	font-weight: bold;
}
#slide-right a:hover {
	font-weight: bold;
	color: #CC0000;
}

#slide-left .desti p {
	font-weight: bold;
	background-color: #E3E4DF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 11px;
}

#slide-right {
	width: 680px;
	float: right;
}
#slide-right h2 {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 5px;
}

#hotel-a-z {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 10px;
}

#hotel-a-z ul {
	padding: 0px;
	display: inline;
	margin: 0px;
}

#hotel-a-z li {
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: none;
	height: 155px;
}
#hotel-a-z  h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	background-image: url(images/ic-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 14px;
	padding-top: 5px;
	clear: both;
	float: left;
	color: #333333;
	background-position: left 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E1E1;
}
#hotel-a-z  h4 {
	FONT-WEIGHT: normal;
	margin: 0px;
	padding-bottom: 5px;
	font-size: 11px;
}
#hotel-a-z .post {
	background-color: #FBFBFB;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
}
#hotel-a-z .post:hover {
	BACKGROUND: #fafdec
}
#hotel-a-z .details  {
	padding: 0px;
	display: inline;
}
#hotel-a-z .details a {
	padding: 0px;
	display: inline;
	font-weight: bold;
}
#hotel-a-z .thumb {
	margin-right: 10px;
	background-color: #FFFFFF;
	float: left;
}
#hotel-a-z .bottom  {
	padding-top: 10px;
	clear: both;
}
#hotel-a-z .price  {
	margin-right: 10px;
	font-weight: bold;
	width: 130px;
	float: left;
	background-color: #F2F9FF;
	height: 24px;
	line-height: 28px;
}
#hotel-a-z .locat {
	margin-right: 10px;
	font-weight: bold;
	width: 180px;
	float: left;
	background-color: #F2F9FF;
	height: 24px;
	line-height: 28px;
}
#hotel-a-z .star {
	TEXT-DECORATION: none;
	margin-right: 10px;
	width: 120px;
	float: left;
}
#hotel-a-z .newly {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 10px;
	text-decoration: none;
	text-align: center;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.more a {
	color: #000000;
	background-color: #C2D729;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.more a:hover {
	color: #FFFFFF;
	background-color: #fbb317;
	text-decoration: none;
}
.booknow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 10px;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.booknow a {
	color: #000000;
	background-color: #FFCC00;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
.booknow a:hover {
	color: #FFFFFF;
	background-color: #C2D729;
	text-decoration: none;
}
.showcase {
	border: 1px solid #A0BF26;
	padding: 5px;
	width: 120px;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.showcase h3 {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #7e961e;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.showcase a {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}
.showcase a:hover {
	COLOR: #FF9900;
	TEXT-DECORATION: none
}
.showcase img {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 0px;
	width: 106px;
	background-color: #FFFFFF;
}
.showcase p {
	FONT-SIZE: 11px;
	COLOR: #333333;
	margin: 0px;
}

.tropic {
	padding: 10px;
	font-size: 12px;
	background-color: #894791;
	font-weight: bold;
	color: #FFFFFF;
}
/*Prev Menu*/
.pageNavi {
	DISPLAY: inline;
	FLOAT: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.pageNavi A {
	BORDER-RIGHT: #9ccfe5 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #9ccfe5 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	BORDER-LEFT: #9ccfe5 1px solid;
	COLOR: #6facdd;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #9ccfe5 1px solid;
	BACKGROUND-COLOR: #ffffff;
}
.pageNavi SPAN.current {
	BORDER-RIGHT: #9ccfe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9ccfe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #9ccfe5 1px solid; COLOR: #6facdd; PADDING-TOP: 2px; BORDER-BOTTOM: #9ccfe5 1px solid; BACKGROUND-COLOR: #ffffff
}
.pageNavi SPAN.disabled {
	BORDER-RIGHT: #9ccfe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9ccfe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #9ccfe5 1px solid; COLOR: #6facdd; PADDING-TOP: 2px; BORDER-BOTTOM: #9ccfe5 1px solid; BACKGROUND-COLOR: #ffffff
}
.pageNavi SPAN.disabled {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; COLOR: #999999; BORDER-BOTTOM: #dddddd 1px solid
}
.pageNavi SPAN.current {
	BORDER-RIGHT: #6facdd 1px solid;
	BORDER-TOP: #6facdd 1px solid;
	BORDER-LEFT: #6facdd 1px solid;
	COLOR: #ffffff;
	BORDER-BOTTOM: #6facdd 1px solid;
	BACKGROUND-COLOR: #6facdd
}
#footer {
	text-align: center;
	clear: both;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-right: 15px;
	margin-left: 15px;
}
#footer .ourlink {
	font-size: 14px;
	font-weight: bold;
	background-color: #F2F2F2;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer .line {
	background-image: url(images/foot-line.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 5px;
}
#footer p {
	line-height: normal;
	text-transform: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer img {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
#footer a {
	color: #333333;
}
#reccommend h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#footer a:hover {
	color: #FF6600;
}
#reccommend {

}
#reccommend .detail {
	width: 550px;
	margin-left: 80px;
}