@charset "utf-8";
#nav { padding:0; margin:0; list-style:none; height:37px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:675px; }
#nav .img{float:left; padding-right:5px !important;}
#nav .txthotel{font-weight:bold; font-size:11px; color:#FF6600; text-decoration:none;float:left;text-align:left;}
#nav .txtoamhotel{font-weight:bold; font-size:11px; color:#CC3300; text-decoration:none;float:left;text-align:left;}
#nav .txt{font-weight:normal;font-size:11px; color:#444444; text-decoration:none;float:left; text-align:left;}
#nav .txt-opening{font-weight:bold; font-size:13px; color:#d4381f; text-decoration:none;float:left;text-align:left;}
#nav .btxt{font-size:11px; color:#444444; text-decoration:none;float:left; text-align:left;}
#nav .oamtxt {font-size:11px; color:#444444; text-decoration:none;text-align:left; padding-left:15px;}
* img{border:none;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {position:absolute; left:-99999px; top:-99999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .subleft {position:absolute; left:-99999px; top:-99999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .subsamui {position:absolute; left:-99999px; top:-99999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .subphuket{position:absolute; left:-99999px; top:-99999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .submaldives{position:absolute; left:-99999px; top:-99999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:100;}
#nav a{text-decoration:none;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}
#nav li.destination b {margin-left:-9999px;}

#nav li.destination{background:url(../images/bg-destination.gif); display:block; float:left; height:37px; width:108px;}
#nav li a.bangkok {background:url(../images/bg-destination-bangkok.gif); height:37px; width:93px;}
#nav li a.chiangmai {background:url(../images/bg-destination-chiang-mai.gif); height:37px; width:98px;}
#nav li a.pattaya {background:url(../images/bg-destination-pattaya.gif); height:37px; width:74px;}
#nav li a.koh-chang {background:url(../images/bg-destination-koh-chang.gif); height:37px; width:101px;}
#nav li a.hua-hin {background:url(../images/bg-destination-hua-hin.gif); height:37px; width:80px;}
#nav li a.samui {background:url(../images/bg-destination-koh-samui.gif); height:37px; width:94px;}
#nav li a.krabi {background:url(../images/bg-destination-krabi.gif); height:37px; width:64px;}
#nav li a.phuket {background:url(../images/bg-destination-phuket.gif); height:37px; width:71px;}
#nav li a.maldives {background:url(../images/bg-destination-maldives.gif); height:37px; width:95px;}

#nav li:hover a.bangkok,
#nav a.bangkok:hover
{background-position: 0 37px;}

#nav li:hover a.chiangmai,
#nav a.chiangmai:hover
{background-position: 0 37px;}

#nav li:hover a.pattaya,
#nav a.pattaya:hover
{background-position: 0 37px;}

#nav li:hover a.koh-chang,
#nav a.koh-chang:hover
{background-position: 0 37px;}

#nav li:hover a.samui,
#nav a.samui:hover
{background-position: 0 37px;}

#nav li:hover a.hua-hin,
#nav a.hua-hin:hover
{background-position: 0 37px;}

#nav li:hover a.krabi,
#nav a.krabi:hover
{background-position: 0 37px;}

#nav li:hover a.phuket,
#nav a.phuket:hover
{background-position: 0 37px;}

#nav li:hover a.maldives,
#nav a.maldives:hover
{background-position: 0 37px;}

#nav :hover ul.sub
{left:-5px; top:37px; width:300px; height:auto; z-index:300;}
#nav :hover ul.subleft
{left:-230px; top:37px; width:300px; height:auto; z-index:300;}
#nav :hover ul.subsamui
{left:-200px; top:37px; width:300px; height:auto; z-index:300;}
#nav :hover ul.subphuket
{left:-225px; top:37px; width:300px; height:auto; z-index:300;}
#nav :hover ul.submaldives
{left:-202px; top:37px; width:300px; height:auto; z-index:300;}

#nav li.hotel
{display:block; height:68px; position:relative; float:left; width:300px; font-weight:normal; background:url(../images/bg-dropdown.png);}
#nav li.oamhotel
{display:block; height:21px; position:relative; float:left; width:300px; font-weight:normal; background:url(../images/bg-oamdropdown.png);}

#nav li.footer
{height:75px; position:relative; float:left; width:300px; font-weight:normal; background:url(../images/bg-dropdown-footer.png);}

#nav :hover ul.sub li a {left:13px; top:4px; color:#000; display:block; width:269px; height:56px; font-size:12px; line-height:18px; position:relative; margin:0;}
#nav :hover ul.subsamui li a {left:13px; top:4px; color:#000; display:block; width:269px; height:56px; font-size:12px; line-height:18px; position:relative; margin:0;}
#nav :hover ul.subleft li a {left:13px; top:4px; color:#000; display:block; width:269px; height:56px; font-size:12px; line-height:18px; position:relative; margin:0;}
#nav :hover ul.subphuket li a {left:13px; top:4px; color:#000; display:block; width:269px; height:56px; font-size:12px; line-height:18px; position:relative; margin:0;}
#nav :hover ul.submaldives li a {left:13px; top:4px; color:#000; display:block; width:269px; height:56px; font-size:12px; line-height:18px; position:relative; margin:0;}


#nav :hover ul.sub li a:hover{top:4px; background:#ebeced; color:#000; border:1px solid #cbc8c8; display:block; width:269px; height:58px;  font-size:12px; position:relative; margin:0; text-align:left;}
#nav :hover ul.subsamui li a:hover{top:4px; background:#ebeced; color:#000; border:1px solid #cbc8c8; display:block; width:269px; height:58px;  font-size:12px; position:relative; margin:0px; text-align:left;}
#nav :hover ul.subleft li a:hover{top:4px; background:#ebeced; color:#000; border:1px solid #cbc8c8; display:block; width:269px; height:58px;  font-size:12px; position:relative; margin:0px; text-align:left;}
#nav :hover ul.subphuket li a:hover{top:4px; background:#ebeced; color:#000; border:1px solid #cbc8c8; display:block; width:269px; height:58px;  font-size:12px; position:relative; margin:0px; text-align:left;}
#nav :hover ul.submaldives li a:hover{top:4px; background:#ebeced; color:#000; border:1px solid #cbc8c8; display:block; width:269px; height:58px;  font-size:12px; position:relative; margin:0px; text-align:left;}