@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 154px;
	float: left;
	border: 1px solid #CACA60;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 157px;
	position: absolute;
	left: -1000em;
	margin-left: -1px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{ width: 94px; 
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{ 
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #03014C;
	color: #FFCC00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
	font-family: verdana, tahoma;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #02012D;
	color: #FFCC00;
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 10%;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #02012D;
	color: #FFCC00;
	background-repeat: no-repeat;
	background-position: 10%;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
 
 
 @charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
}
body {
	background-color:#000033;
	color: #CACA60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}


a{
	color:#000000;
	font-size:9pt;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
	font-family: verdana, tahoma;

}

/*Standard option for all the links in the script*/

a:hover{
	color:#336633;
	font-size:9pt;
	text-decoration:none;
	text-align: center;

}


/* extensions for new layout*/
}

.tablebwhite {
	border: 1px solid #FFFFFF;
}
.tablebblue {
	border: 1px solid #000033;
	background: #FFFFFF;
}
.tablebblueblue {
	border: 1px solid #000033;
	background: #000033;
}
h1 {
	font-size:14px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 2px;
	padding: 5px;
}

h2{
	font-size:14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;

}

h3 {
	font-size: 16px;
	color: #FFCC00;
	vertical-align: bottom;
	text-align: left;
	font-family: Tahoma;
	letter-spacing: 0.1em;
	padding-left: 20px;
	line-height: normal;
}
#frame {
	padding: 4px;
	width: 790px;
	border: 1px solid #999999;
	background: #00001A;
	margin: 1px auto 15px;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	background-image: url(http://asianluxuryvillas.com/images/bg_main.jpg);
	background-repeat: repeat-y;
}
#logo  {
	background-image: url(../images/header_pic.jpg);
	height: 150px;

}
#logosec2 {
	background-image: url(../images/header_section2.gif);
	height: 20px;
	width: 780px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CACA60;
	border-right-color: #CACA60;
	border-bottom-color: #CACA60;
	border-left-color: #CACA60;

}

#logosec2 a {
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	vertical-align: bottom;
	color: #FFCC00;
	line-height: 23px;
}

#nav {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CACA60;
	height: 25px;
	padding-top: 10px;
	font-size: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CACA60;

}
#frame #container #nav a {
	color: #FFCC00;
	font-weight: bold;
}

#main {
	padding: 10px;
	color: #CACA60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#frame #container #main #rotpic {
	height: 300px;
	width: 400px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: right;
}
#frame #container #main p {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: normal;
}

#frame  #container  #main  #hl {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#mainvilla {
	margin-top: 10px;
	color: #666666;
	background-color: #FFFFFF;
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#frame #container #mainvilla img { }


#headline {
	font-size: 14px;
	color: #FFCC00;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	padding-top: 5px;
}
#main a { color: #FFCC00; 
}
#main img     { border: 1px solid #FFFFFF; 
}
#leftofwddb {
	width: 480px;
	float: left;
}

#wddb {
	float: right;
	width: 270px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#form    #jumpMenu2   {
	font-family: Verdana, Tahoma;
	font-size: 10px;
	color: #484848;
}
#form2  #jumpMenu   {
	font-family: Verdana, Tahoma;
	font-size: 10px;
	color: #484848;
}


#main2 {
	margin-top: 3px;
	color: #CACA60;
	width: 755px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}

#main2 a { color: #FFCC00; }

#specialoffer {
	width: 250px;
	border: 1px dotted #FFCC00;
	padding: 8px;
	float: right;
	color: #CCCCCC;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#specialoffer a {
	color: #CCCCCC;
	font-weight: normal;
}

#specialoffer a:hover {
	color: #FF6600;
	font-weight: normal;
	text-decoration: none;
}

#divider { clear: both; }

#main3 {
	margin-top: 3px;
	color: #CACA60;
	clear: both;
	padding-top: 8px;
	padding-right: 1px;
	padding-bottom: 8px;
	padding-left: 1px;
}

#main3 a { color: #FFCC00; }

#bottom {
	padding: 10px;
	margin-top: 3px;
	text-align: center;
	border-top: thick solid #000020;
	clear: both;
	background-image: url(http://asianluxuryvillas.com/images/bg_bottom.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CACA55;
	font-weight: normal;
}

#bottom a {
	font-weight: bold;
	color: #FFCC00;
}

#bottom  b   { font-weight: 900; 
}

#search {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #CACA60;
	text-align: center;
	width: 318px;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px dotted #CACA60;
}

.hotellink{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #10346b;
	margin-left: 55px;
}

.hotellink1{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	COLOR: #10346b;
	margin-left: 20px;
	text-decoration: none;
}
.hotellink1:link{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	COLOR: #10346b;
	margin-left: 20px;
	text-decoration: none;
}
.hotellink1:visited{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	COLOR: #10346b;
	margin-left: 20px;
	text-decoration: none;
}
#mainhotel {
	padding: 10px;
	margin-top: 3px;
	color: #000099;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	font-size: 10px;
}

#mainhotel  a {
	color: #000099;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	font-size: 12px;
}


#frame #container #main #statement {
	background-color: #030047;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: double;
	border-left-color: #FFCC00;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-style: italic;
}

#frame  #container  #mainvilla  #spec  td {
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	color: #333333;
}

#frame #container #main #contact td {
	background-color: #FFFFFF;
	font-size: 11px;
}
#frame #container #main table #hl {
	font-size: 12px;
	font-weight: normal;
	color: #CACA60;
}

#frame #container #main #sp { color: #000033; }

#frame #container #main #sp #sp a { color: #0000FF; }




#frame #container #main #contact { color: #333333; }

#frame #container #mainvilla #mainvillapics {
	width: 412px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	border: 1px dotted #CCCCCC;
	margin-right: 8px;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #E5E5E5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-top: 2px;
}
#frame #container #mainvilla #mainvillapics img {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #000000;
}

#frame #container #mainvilla #mainvillapics #mainpicsmall {
	width: 400px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
	height: auto;
}


#divider { clear: both; }

#frame #container #mainvilla #prices {
	clear: both;
	float: left;
	width: 750px;
}
#frame #container #mainvilla #mainvillapics #spec2 img {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#frame   #container   #mainvilla   #mainvillapics   #spec2  {
	background-color: #CCCCCC;
	margin-left: 2px;
}

#frame #container #mainvilla #mainvillapics #spec2 td { background-color: #FFFFFF; }
#frame #container #mainvilla #mainvillatext #spec2 {
	background-color: #CCCCCC;
	margin-top: 10px;
}

#frame #container #mainvilla #mainvillatext #spec2 td { background-color: #FFFFFF; }



#frame #container #mainvilla #specialdays td {
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#frame #container #main #nb {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


#frame #container #mainvilla #mainvillatext {
	width: 760px;
	font-size: 11px;
	padding-left: 2px;
	padding-bottom: 10px;
	float: left;
}

#lm {
	color: #333333;
	background-color: #FF9900;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-right-style: solid;
	font-weight: bold;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	width: 320px;
	vertical-align: 20%;
	padding: 2px;
}
#frame #container #mainvilla #mainvillapics #mainpic {
	height: 310px;
	width: 412px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	background-image: url(../images/bg.jpg);
	border: 1px solid #DADADA;
}

#mainpic img {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.lastminsm { font-size: 9px; }
#frame #container #mainvilla #list td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}






#searchmap { height: 515px; }


#frame  #container  #main  #form5 #go_button5 { font-size: 10px; }

#frame #container #main #form5 #jumpMenu5 { font-size: 10px; }

#frame #container #main #form3 #jumpMenu3 { font-size: 10px; }

#frame #container #main #form3 #go_button3 { font-size: 10px; }

#frame #container #main #form4 #jumpMenu4 { font-size: 10px; }

#frame #container #main #form4 #go_button4 { font-size: 10px; }

.headline {
	font-size: 14px;
	font-weight: bold;
}

#lm img {
	padding: 0px;
	margin-right: 5px;
}
#frame #container #mainvilla #mainvillapics #spec2 li {
	list-style-type: none;
	list-style-position: outside;
}

.headline2 {
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
}
#sm {
	font-size: 11px;
	font-weight: normal;
}

#listing {
	background-color: #FFFFFF;
	height: 200px;
	width: 740px;
	background-image: url(../images/bg_listing%20copy.jpg);
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 5px;
	background-position: -2px;
	color: #000033;
}
#lmbox      {
	background-color: #FFCC99;
	float: right;
	height: 35px;
	width: 200px;
	margin-right: 5px;
	font-size: 9px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding-left: 3px;
	margin-top: -2px;
	padding-top: 2px;
	padding-bottom: 2px;
}


#listing h1 {
	font-size: 14px;
	font-weight: bold;
	color: #DDDD00;
	padding-left: 15px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#listing  a  {
	font-size: 12px;
	font-weight: bold;
	color: #000032;
}

.blueborder {
	border: 1px solid #000066;
}

.blueborder1 { border: 1px solid #000066; 
}

#login { color: #333333; }

#frame #container #main #contact a {
	color: #FF0000;
	font-size: 11px;
}

#frame #container #mainvilla li { list-style-position: inside; }

#frame #container #main #listing img {
	padding: 2px;
	border: 1px solid #999999;
}

#tabsm {
	font-size: 8px;
	font-weight: normal;
	color: #333333;
}
#frame  #container  #mainvilla  #spec  {
	float: right;
}

#frame #container #mainvilla #spectop td {
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 0.1em;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	color: #333333;
}

#so {
	border: 3px dotted #FF9900;
	text-align: left;
	list-style-position: inside;
	list-style-image: url(../images/arr1.jpg);
	padding-right: 2px;
	padding-left: 5px;
	font-weight: normal;
}
.cb {
	font-weight: bold;
	text-transform: uppercase;
}