/* CSS Document */
#header.content
	{
	height:193px;
	background:#000 url(images/art/header-content-bg.jpg) no-repeat;
	}
#header h2.sense
	{
	width:256px;
	height:53px;
	background:url(images/headers/h2-sense.jpg) no-repeat;
	position:absolute;
	top:126px;
	left:295px;
	}
#left h1
	{
	width:71px;
	height:11px;
	background:url(images/headers/h1-ishan.jpg) no-repeat;
	margin:0 0 12px 0;
	}
#middle-main h1.welcome
	{
	width:257px;
	height:26px;
	background:url(images/headers/h1-welcome.jpg) no-repeat;
	margin:2px 0 15px 0;
	}
#middle-main h2.massages
	{
	width:89px;
	height:12px;
	background:url(images/headers/h2-massages.jpg) no-repeat;
	margin:0 0 18px 0;
	}
#middle-main h2.packages
	{
	width:115px;
	height:12px;
	background:url(images/headers/h2-packages.jpg) no-repeat;
	margin:0 0 18px 0;
	}
#middle-main div.trip-advisor a
	{
	width:158px;
	height:57px;
	background:url(images/read-reviews.jpg) 0 0 no-repeat;
	display:block;
	}
#open h1
	{
	width:121px;
	height:21px;
	background:url(images/headers/h1-openinghours.jpg) 0 0 no-repeat;
	display:block;
	clear:left;
	margin:0 0 0 37px;
	}
#open h2
	{
	width:189px;
	height:35px;
	background:#2a5536 url(images/headers/h2-online-reservation.jpg) 0 0 no-repeat;
	display:inline;
	display:block;
	position:relative;
	margin:16px 0 12px 0;
	}
#open p.language
	{
	width:171px;
	height:25px;
	padding:6px 0 0 0;
	background:#b2c067 url(images/language-bg.jpg) 0 0 no-repeat;
	display:block;
	margin:1px 0 14px 11px;
	float:left;
	display:inline;
	font:10px Arial, Helvetica, sans-serif;
	color:#00343b;
	line-height:18px;
	text-align:center;
	}
#open label.guest{width:65px;}
#middle h1.massage{background:url(images/headers/h1-massage.jpg) no-repeat;}
#middle h1.spa-packages{background:url(images/headers/h1-spa-packages.jpg) no-repeat;}
#middle h1.the-spa{background:url(images/headers/h1-the-spa.jpg) no-repeat;}
#middle h1.health-beauty{background:url(images/headers/h1-health-beauty.jpg) no-repeat;}
#middle h1.rates-reservation{background:url(images/headers/h1-rates-reservation.jpg) no-repeat;}
#middle h1.spa-essentials{background:url(images/headers/h1-spa-essentials.jpg) no-repeat;}
#middle h1.photo-gallery{background:url(images/headers/h1-photo-gallery.jpg) no-repeat;}
#middle h1.press-review{background:url(images/headers/h1-press-review.jpg) no-repeat;}
#middle h1.guestbook{background:url(images/headers/h1-guestbook.jpg) no-repeat;}
#middle h1.langkawi{background:url(images/headers/h1-langkawi.jpg) no-repeat;}
#middle h1.contact-us{background:url(images/headers/h1-contact-us.jpg) no-repeat;}
#middle h1.sitemap{background:url(images/headers/h1-sitemap.jpg) no-repeat;}
#middle h1.privacy-policy{background:url(images/headers/h1-privacy-policy.jpg) no-repeat;}
#middle h1.links{background:url(images/headers/h1-links.jpg) no-repeat;}
#middle h1.newsletter2{background:url(images/headers/h1-newsletter.jpg) no-repeat;}
#middle h1.blog{background:url(images/headers/h1-blog.jpg) no-repeat;}
#middle div.box2
	{
	width:396px;
	height:107px;
	background:#c4cf8d url(images/art/box2-bg.jpg) no-repeat;
	padding:30px 10px 0 83px;
	position:relative;
	margin:5px 0 15px 0;
	}
#middle div.box2 a
	{
	width:120px;
	height:8px;
	background:url(images/btn-make-reservation.jpg) no-repeat;
	float:right;
	margin:0 0 0 10px;
	}
#middle div.box2 a.read
	{
	width:73px;
	height:8px;
	background:url(images/btn-read-more.jpg) no-repeat;
	float:right;
	}
#right h1
	{
	width:125px;
	height:11px;
	background:url(images/headers/h1-essentials.jpg) no-repeat;
	margin:48px 0 20px 0;
	}
#right h1.categories
	{
	width:99px;
	height:12px;
	background:url(images/headers/h1-categories.jpg) no-repeat;
	margin:48px 0 15px 0;
	}
#right h1.archives
	{
	width:79px;
	height:12px;
	background:url(images/headers/h1-archives.jpg) no-repeat;
	margin:48px 0 15px 0;
	}
#right p.ingredients
	{
	width:116px;
	height:8px;
	background:url(images/btn-ingredients.jpg) no-repeat;
	display:block;
	margin:0 0 32px 0;
	clear:both;
	}
#right ul.cat-list
	{
	width:150px;
	list-style:none;
	margin:0 0 30px 15px;
	}
#right ul.cat-list li
	{
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	line-height:15px;
	margin:0 0 5px 0;	
	background:url(images/bullet.jpg) 0 5px no-repeat;
	padding:0 0 0 15px;
	}
#right ul.cat-list li a
	{
	color:#3f3f3f;
	text-decoration:none;
	}
#right ul.cat-list li a:hover{text-decoration:underline;}
#newsletter
	{
	width:176px;
	height:95px;
	padding:92px 0 0 0;
	background:url(images/newsletter-bg.jpg) 0 0 no-repeat;
	display:block;
	clear:both;
	}
#newsletter a
	{
	width:107px;
	height:18px;
	background:url(images/btn-subscribe2.jpg) 0 0 no-repeat;
	display:block;
	margin:5px 0 0 25px;
	float:left;
	display:inline;
	}
#newsletter a:hover{background:url(images/btn-subscribe2.jpg) 0 -18px no-repeat;}



/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:178px;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
/*top:100%;*/
top:0;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul
{
background-image:url(../art/empty.gif);
background:url(images/art/subnav-bg.jpg) left bottom repeat-y;
padding:5px 30px 0 30px;
/*margin:-10px 0 0 -30px;*/
}
#nav ul ul
{
padding:30px 30px 30px 10px;
margin:-30px 0 0 -10px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:178px;/*give width*/
height:384px;/*give height*/
background:#fff url(images/art/nav.jpg); /*set bg*/
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:27px;/*expand links to fill li's*/
}
#nav li{width:178px;}
/*set custom width, a's will follow cause they are display - block*/
#nav #pan1{top:14px;}
#nav #pan2{top:15px;}
#nav #pan3{top:16px;}
#nav #pan4{top:17px;}
#nav #pan5{top:18px;}
#nav #pan6{top:19px;}
#nav #pan7{top:20px;}
#nav #pan8{top:21px;}
#nav #pan9{top:22px;}
#nav #pan10{top:23px;}
#nav #pan11{top:24px;}
#nav #pan12{top:25px;}
#nav #pan13{top:26px;}
/*set background to hover and selected states*/
#nav #pan1 a:hover, #nav #pan1.selected{background:url(images/art/nav.jpg) -0px -398px no-repeat;}
#nav #pan2 a:hover, #nav #pan2.selected{background:url(images/art/nav.jpg) -0px -426px no-repeat;}
#nav #pan3 a:hover, #nav #pan3.selected{background:url(images/art/nav.jpg) -0px -454px no-repeat;}
#nav #pan4 a:hover, #nav #pan4.selected{background:url(images/art/nav.jpg) -0px -482px no-repeat;}
#nav #pan5 a:hover, #nav #pan5.selected{background:url(images/art/nav.jpg) -0px -510px no-repeat;}
#nav #pan6 a:hover, #nav #pan6.selected{background:url(images/art/nav.jpg) -0px -538px no-repeat;}
#nav #pan7 a:hover, #nav #pan7.selected{background:url(images/art/nav.jpg) -0px -566px no-repeat;}
#nav #pan8 a:hover, #nav #pan8.selected{background:url(images/art/nav.jpg) -0px -594px no-repeat;}
#nav #pan9 a:hover, #nav #pan9.selected{background:url(images/art/nav.jpg) -0px -622px no-repeat;}
#nav #pan10 a:hover, #nav #pan10.selected{background:url(images/art/nav.jpg) -0px -650px no-repeat;}
#nav #pan11 a:hover, #nav #pan11.selected{background:url(images/art/nav.jpg) -0px -678px no-repeat;}
#nav #pan12 a:hover, #nav #pan12.selected{background:url(images/art/nav.jpg) -0px -706px no-repeat;}
#nav #pan13 a:hover, #nav #pan13.selected{background:url(images/art/nav.jpg) -0px -734px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #pan1:hover>a{background:url(images/art/nav.jpg) -0px -398px no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(images/art/nav.jpg) -0px -426px no-repeat;}
#nav #pan3:hover>a{background:url(images/art/nav.jpg) -0px -454px no-repeat;}
#nav #pan4:hover>a{background:url(images/art/nav.jpg) -0px -482px no-repeat;}
#nav #pan5:hover>a{background:url(images/art/nav.jpg) -0px -510px no-repeat;}
#nav #pan6:hover>a{background:url(images/art/nav.jpg) -0px -538px no-repeat;}
#nav #pan7:hover>a{background:url(images/art/nav.jpg) -0px -566px no-repeat;}
#nav #pan8:hover>a{background:url(images/art/nav.jpg) -0px -594px no-repeat;}
#nav #pan9:hover>a{background:url(images/art/nav.jpg) -0px -622px no-repeat;}
#nav #pan10:hover>a{background:url(images/art/nav.jpg) -0px -650px no-repeat;}
#nav #pan11:hover>a{background:url(images/art/nav.jpg) -0px -678px no-repeat;}
#nav #pan12:hover>a{background:url(images/art/nav.jpg) -0px -706px no-repeat;}
#nav #pan13:hover>a{background:url(images/art/nav.jpg) -0px -734px no-repeat;}
#nav ul li
{
width:212px;
margin:0 0 0 -30px;
/*background:url(images/art/subnav-bg2.jpg) 0 0 repeat-y;*/
}
/*overwrite rules above for second level menu*/
#nav #pan1 ul li a,#nav #pan2 ul li a,#nav #pan3 ul li a,#nav #pan4 ul li a,#nav #pan5 ul li a,#nav #pan6 ul li a,#nav #pan7 ul li a,#nav #pan8 ul li a,#nav #pan9 ul li a,#nav #pan10 ul li a, #nav #pan11 ul li a, #nav #pan12 ul li a, #nav #pan13 ul li a
{
width:170px;
height:22px;
font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#3e4228;
background:url(images/art/nav-divider.jpg) 0px bottom repeat-x;
padding:5px 0 0 14px;
margin:0 0 0 14px;
}
/*overwite rules above for hover states for second level menu*/
#nav #pan1 ul li a:hover,#nav #pan2 ul li a:hover,#nav #pan3 ul li a:hover,#nav #pan4 ul li a:hover,#nav #pan5 ul li a:hover,#nav #pan6 ul li a:hover,#nav #pan7 ul li a:hover,#nav #pan8 ul li a:hover,#nav #pan9 ul li a:hover,#nav #pan10 ul li a:hover, #nav #pan11 ul li a:hover, #nav #pan12 ul li a:hover, #nav #pan13 ul li a:hover
{
text-decoration:underline;
background:url(images/art/nav-divider.jpg) 0 bottom repeat-x;
}
/*overwite rules above for selected states for second level menu*/
#nav #pan1 ul li.selected,#nav #pan2 ul li.selected,#nav #pan3 ul li.selected,#nav #pan4 ul li.selected,#nav #pan5 ul li.selected,#nav #pan6 ul li.selected,#nav #pan7 ul li.selected,#nav #pan8 ul li.selected,#nav #pan9 ul li.selected,#nav #pan10 ul li.selected, #nav #pan11 ul li.selected, #nav #pan12 ul li.selected, #nav #pan13 ul li.selected
{
background:url(images/art/nav-divider.jpg) 0 bottom repeat-x;
}
#nav #pan1 ul li:hover>a,#nav #pan2 ul li:hover>a,#nav #pan3 ul li:hover>a,#nav #pan4 ul li:hover>a,#nav #pan5 ul li:hover>a,#nav #pan6 ul li:hover>a,#nav #pan7 ul li:hover>a,#nav #pan8 ul li:hover>a,#nav #pan9 ul li:hover>a,#nav #pan10 ul li:hover>a, #nav #pan11 ul li:hover>a, #nav #pan12 ul li:hover>a, #nav #pan13 ul li:hover>a
{
background:url(images/art/nav-divider.jpg) 0 bottom repeat-x;
}