body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image:url(../images/khanhan-beach-resort-bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	line-height:20px;
}
img {
	border:none;
}
#warp {
	width:100%;
	margin:0px;
	text-align:center;
}
#header {
	height:152px;
	width:923px;
	margin:0px auto;
	padding:0px;
	position:relative;
}
#header-right {
	float:right;
	width:190px;
	padding-top:05px;
	text-align:center;
	color:#000000;
	text-align:right;
}
.callus {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
}
.email {
	color:#ffffff;
	font-size:12px;
}
.email a {
	color:#ffffff;
	text-decoration:none;
}
.email a:hover {
	text-decoration:underline;
	color:#636465;
}
#header-left {
	width:629px;
	float:left;
	padding-top:40px;
	position:relative;
	text-align:right;
}
#header-left h1 {
	font-size:42px;
	font-weight:bold;
	color:#646669;
	margin:0px;
	padding:0px;
	line-height:32px;
}
#header-left h1 span {
	font-size:26px;
	font-weight:bold;
	color:#e1dfdf;
}
.logo {
	position:absolute;
	top:0px;
	left:0px;
}
#nav-main{
	position:absolute;
	bottom:-2px;
	left:0px;
	width:100%;
}
#nav {
	height:37px;
	background-image:url(../images/navbg.gif);
	background-repeat:repeat-x;
	clear:both;
	position:relative;
	margin:0px 5px;
	margin-top:8px;
	_margin-top:5px;
	font-weight:bold;
	font-size:12px;
}
.leftCurve {
	height:35px;
	width:10px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../images/navl.gif);
}
.rightCurve {
	height:35px;
	width:11px;
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(../images/navr.gif);
}
* html .rightCurve {
	height:35px;
	width:11px;
	position:absolute;
	right:-1px;
	top:0px;
	background-image:url(../images/navr.gif);
}
#tabs {
	line-height:normal;
	padding-left:20px;
	padding-top:3px;
}
#tabs ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	line-height:17px;
	font-weight:bold;
}
#tabs a span {
	float:left;
	display:block;
	padding:4px 15px 9px 20px;
	color:#ffffff;
	font-weight:bold;
}

@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background-color:#636465;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
 width:175px;
 height:30px;
 background:#636465;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {
	float:none;
}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#ff73bc;
	background-position:100% -34px;
}
#tabs a:hover {
	background-image:url(../images/currentbg.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#tabs a#current span {
	background-position:100% -34px;
	color:#ff73bc;
}
#tabs a#current {
	background-image:url(../images/currentbg.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	color:#ff73bc;
}
#content-wrap {
	width:100%;
	background-color:#636465;
	padding:10px 0px;
}
#contentwrapper {
	width:923px;
	margin:0px auto;
}
#content {
	width:642px;
	float:left;
	text-align:left;
}
#content-inner {
	width:642px;
	float:left;
	text-align:left;
	background-color:#EEEEEE;

}

#content-inner p{
	margin:0px;
	padding:5px 21px;
	color:#000000;
	font-size:12px;
	line-height:20px;
}
#content-inner h2{
	margin:0px;
	padding:10px 21px;
	color:#ff73bc;
	font-size:20px;
}
#box-main {
	clear:both;
	padding:10px 0px;
}
.box {
	width:200px;
	float:left;
	background-image:url(../images/khanhan-beach-resort-box.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:189px;
	height:168px;
	text-align:center;
	position:relative;
}
.box h1 {
	margin:0px;
	text-align:center;
	font-size:11px;
	color:#9d124b;
	font-weight:bold;
	padding:5px 0px;
}
.box p {
	margin:0px;
	text-align:left;
	font-size:11px;
	color:#000000;
	padding:5px 12px;
}
.box-readmore {
	position:absolute;
	bottom:5px;
	right:30px;
}
.box-readmore a {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.box-readmore a:hover {
	color:#636465;
}
.mrgbx {
	margin:0px 36px;
}
#rightbar {
	background-color:#636465;
	width:265px;
	float:right;
}
#footer {
	background-image:url(../images/khanhan-beach-resort-footer.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	color:#525354;
	background-color:#ffffff;
	font-size:11px;
	padding:20px 0px;
	text-align:center;
	line-height:16px;
}
#footer a {
	color:#373636;
	text-decoration:none;
	padding:0px 5px;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	color:#a09f9f;
}
/********************************************
   Clear Fix
********************************************/ 
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */