#map { width:550px; height:350px; }
	/*--- Global Styles ---*/
		
	* {
		outline: none;
		}
	
	.villa-nav li a, .close-btn a, #gallery-navigation a { 
		position: relative; 
		margin:0px; 
		padding:0px; 
		/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ 
		}
		
	.villa-nav li a span, .close-btn a span, #gallery-navigation a span {
		display:block; 
		position:absolute; 
		top:0px; 
		left:0px; 
		z-index:1; /*for Opera 5 and 6*/ 
		}
		
	.clear {
		clear: both;
		height: 0px;
		}
		
	.view-gallery a {
		display: block;
		width: 89px;
		height: 20px;
		text-indent: -999em;
		background: url(../images/bg/view-gallery-btn.gif) no-repeat;
		}
	
		/*--- Global Form Styles ---*/
		
		.row {
			padding-top: 5px;
			padding-bottom: 5px;
			clear: both;
			}
		
		.row label {
			float: left;
			height: 25px;
			line-height: 25px;
			width: 150px;
			font-size: 13px;
			font-weight: bold;
			color: #a5a59b;
			}
			
			.row label strong { color: #900; }
			
		.row .ipt {
			float: left;
			border: 1px solid #dcdcc8;
			padding: 3px;
			font-size: 13px;
			color: #666;
			width: 300px;
			}
			
		.actions { clear: both; margin-left: 150px; padding-top: 10px; padding-bottom: 10px; }
		
		.btn {
			clear: both;
			background-color: #b0b091;
			color: #fff;
			text-transform: uppercase;
			font-size: 14px;
			padding: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
			border: 0;
			}
		
	/*--- Page Layout ---*/
	
	html {
		height: 100%;
		overflow: hidden;
		}
	
	body {
		background-color: #00321e;
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		}
				
		/*--- Outer Container ---*/
		
		#outer-container {
			width: 100%;
			height: 100%;
			overflow: auto;
			position: absolute;
			z-index: 0;
			}
			
		/*--- Flash Gallery ---*/
		
		#flash {
			height: 100%;
			width: 100%;
			z-index: 1;
			}
			
			#gallery-navigation {
				height: 50px;
				text-align: center;
				display: none;
				position: absolute;
				width: 100%;
				}
				
				#gallery-navigation #inner {
					width: 880px;
					margin: auto;
					background-color: #fff;
					height: 50px;
					}
				
				#gallery-navigation a, #gallery-navigation a span {
					background-image: url(../images/bg/return-to-villa-btn.png);
					background-repeat: no-repeat;
					background-position: center;
					width: 880px;
					height: 66px;
					display: block;
					cursor: pointer;
					}
					
					#gallery-navigation.gall a, #gallery-navigation.gall a span { background-image: url(../images/bg/return-btn.png); }
					
				#gallery-navigation #guide {
					background-image: url(../images/bg/gallery-guide.png);
					background-repeat: no-repeat;
					background-position: center;
					width: 880px;
					height: 172px;
					position: absolute;
					top: 100px;
					}
					
		
		/*--- Page Container ---*/
		
		#page-container {
			width: 860px;
			margin: 0 auto;
			}
			
		/*--- Page Header ---*/
		
		#page-header-container {
			width: 100%;
			height: 140px;
			background-image: url(../images/bg/header-bg.png);
			background-repeat: repeat-x;
			background-position: top;
			}
			
			#p-villas #page-header-container {
				margin-bottom: 280px;
				}

		#page-header {
			height: 139px;
			width: 860px;
			margin: 0 auto;
			}
			
			#page-title { 
				height: 140px;
				background: url(../images/bg/miskawaan-logo.png) no-repeat center;
				text-indent: -5000px;
				}
				
			/*--- Primary Navigation ---*/
					
			#primary-navigation {
				width: 860px;
				height: 40px;
				background: url(../images/bg/nav-bg.png) repeat;
				}
				
				#primary-navigation li {
					float: left;
					}
					
				#primary-navigation li a {
					display: block;
					height: 40px;
					line-height: 40px;
					font-size: 14px;
					color: #fff;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center;
					cursor: pointer;
					text-indent: -999em;
					background-image: url(../images/bg/nav.png);
					background-repeat: no-repeat;
					}
					
					#primary-navigation li a:hover { color: #fff; cursor: pointer; }
					
					#ni-home { margin-left: 99px; }
					#ni-home a { width: 56px; background-position: 0px 0px; }
					#p-home #ni-home a, #ni-home a:hover { height: 48px; background-position: 0px -40px; }
					
					#ni-about a { width: 62px; background-position: -56px 0px; }
					#p-about #ni-about a, #ni-about a:hover { height: 48px; background-position: -56px -40px; }
					
					#ni-villas a { width: 60px; background-position: -118px 0px; }
					#p-villas #ni-villas a { height: 48px; background-position: -118px -40px; }
					
					#ni-promotions a { width: 103px; background-position: -178px 0px; }
					#p-promotions #ni-promotions a, #ni-promotions a:hover { height: 48px; background-position: -178px -40px; }
					
					#ni-occasions a { width: 90px; background-position: -281px 0px; }
					#p-occasions #ni-occasions a, #ni-occasions a:hover { height: 48px; background-position: -281px -40px; }
					
					#ni-news a { width: 57px; background-position: -371px 0px; }
					#p-news #ni-news a, #ni-news a:hover { height: 48px; background-position: -371px -40px; }
					
					#ni-location a { width: 80px; background-position: -428px 0px; }
					#p-location #ni-location a, #ni-location a:hover { height: 48px; background-position: -428px -40px; }
					
					#ni-booking a { width: 76px; background-position: -508px 0px; }
					#p-booking #ni-booking a, #ni-booking a:hover { height: 48px; background-position: -508px -40px; }
					
					#ni-contact a { width: 78px; background-position: -584px 0px; }
					#p-contact #ni-contact a, #ni-contact a:hover { height: 48px; background-position: -584px -40px; }
					
					#sni-villas { 						
						float: none;
						width: 140px;
						position: absolute;
						padding-bottom: 4px;
						padding-top: 4px;
						height: 213px;
						top: 180px;
						background: url(../images/bg/nav-bg.png) repeat;
						display: none;
						z-index:7777777777;
						}
						
							ul#sni-villas li a, #p-villas li#ni-villas ul#sni-villas li a {
								width: 140px;
								height: 24px;
								background-image: url(../images/bg/subnav-bg.png);
								background-repeat: no-repeat;
								display: block;
								}
														
								ul#sni-villas li#ni-villas-acacia a { background-position: 0px 0px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-acacia a:hover { background-position: 0px -216px; }								
								
								ul#sni-villas li#ni-villas-bougainvillea a { background-position: 0px -24px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-bougainvillea a:hover { background-position: 0px -240px; }
								
								ul#sni-villas li#ni-villas-champak a { background-position: 0px -48px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-champak a:hover { background-position: 0px -264px; }
								
								ul#sni-villas li#ni-villas-lotus a { background-position: 0px -72px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-lotus a:hover { background-position: 0px -288px; }
								
								ul#sni-villas li#ni-villas-waterlilly a { background-position: 0px -96px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-waterlilly a:hover { background-position: 0px -312px; }
								
								ul#sni-villas li#ni-villas-frangipani a { background-position: 0px -120px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-frangipani a:hover{ background-position: 0px -336px; }
								
								ul#sni-villas li#ni-villas-gardenia a { background-position: 0px -144px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-gardenia a:hover { background-position: 0px -360px; }
								
								ul#sni-villas li#ni-villas-hibiscus a { background-position: 0px -168px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-hibiscus a:hover { background-position: 0px -384px; }
								
								ul#sni-villas li#ni-villas-baan-tamarind a { background-position: 0px -192px; height: 24px; width: 140px; }
								ul#sni-villas li#ni-villas-baan-tamarind a:hover { background-position: 0px -408px; }
								
		/*--- Page Promo ---*/
		
		#page-promo {
			clear: both;
			margin-top: 55px;
			padding-left: 20px;
			}
		
		#page-promo h2 {
			color: #fff;
			font-size: 36px;
			width: 540px;
			margin-bottom: 10px;
			}
			
		#page-promo p {
			color: #ffffff;
			font-size: 13px;
			line-height: 20px;
			width: 475px;
			}
			
			#page-promo p.col-1 {
				width: 400px;
				float: left;
				margin-right: 20px;
				margin-bottom: 30px;
				}
				
			#page-promo p.col-2 {
				float: left;
				width: 400px;
				}
				
		/*--- Page Content ---*/
		
		#page-content {
			background-color: #fff;
			margin-top: 280px;
			padding: 20px;
			}
			
			#page-content.short {
				margin-top: 140px;
				}
				
			#p-villas #page-content {
				margin-top: 10px; 
				}
			
		#page-content h3 {
			font-size: 30px;
			color: #1e7350;
			margin-bottom: 15px;
			background-repeat: no-repeat;
			text-indent: -999em;
			margin-top: 10px;
			}
				
			#t-welcome { background-image: url(../images/text/t_welcome.gif); height: 71px; }
			#t-about { background-image: url(../images/text/t_about.gif); height: 33px; }
			#t-villas { background-image: url(../images/text/t_villas.gif); height: 71px; }
			#t-promotions { background-image: url(../images/text/t_promotions.gif); height: 33px; }
			#t-occasions { background-image: url(../images/text/t_occasions.gif);  height: 33px; }
			#t-news { background-image: url(../images/text/t_news.gif); height: 33px; }
			#t-location { background-image: url(../images/text/t_location.gif); height: 33px; }
            #t-booking { background-image: url(../images/text/t_booking.gif); height: 71px; }
			#t-booking-facility { background-image: url(../images/text/t_booking_facility.gif); height: 33px; }
			#t-contact { background-image: url(../images/text/t_contact.gif); height: 33px; }
			
			.villa-page #t-villa-acacia, #t-villa-acacia a { background-image: url(../images/text/t_villa_acacia.gif); height: 33px; }
			.villa-page #t-villa-bougainvillea, #t-villa-bougainvillea a { background-image: url(../images/text/t_villa_bougainvillea.gif); height: 33px; }
			.villa-page #t-villa-champak, #t-villa-champak a { background-image: url(../images/text/t_villa_champak.gif); height: 33px; }
			.villa-page #t-villa-lotus, #t-villa-lotus a { background-image: url(../images/text/t_villa_lotus.gif); height: 33px; }
			.villa-page #t-villa-waterlily, #t-villa-waterlily a { background-image: url(../images/text/t_villa_waterlily.gif); height: 33px; }
			.villa-page #t-villa-frangipani, #t-villa-frangipani a { background-image: url(../images/text/t_villa_frangipani.gif); height: 33px; }
			.villa-page #t-villa-gardenia, #t-villa-gardenia a { background-image: url(../images/text/t_villa_gardenia.gif); height: 33px; }
			.villa-page #t-villa-hibiscus, #t-villa-hibiscus a { background-image: url(../images/text/t_villa_hibiscus.gif); height: 33px; }
			.villa-page #t-villa-baan-tamarind, #t-villa-baan-tamarind a { background-image: url(../images/text/t_villa_baan_tamarind.gif); height: 33px; }
			
			#t-avail { background-image: url(../images/text/t_availabilty.gif); height: 33px; }
						
			#page-content h3 a {
				color: #1e7350;
				text-decoration: none;
				}
				
		#page-content li {
			margin-bottom: 5px;
			margin-left: 10px;
			padding-left: 15px;
			list-style: none;
			background: url(../images/bg/arrow_small.gif) no-repeat left;
			color: #1e7350 !important;
			}
			
			#p-contact #page-content li { margin-bottom: 20px; }
					
		#page-content p, #page-content li {
			font-size: 13px;
			color: #777;
			line-height: 18px;
			margin-bottom: 15px;
			}
			
			#page-content p strong, #page-content li strong {
				font-weight: bold;
				}
				
			#page-content p em, #page-content li em {
				font-style:italic;
				}
			
			/*--- Slide/Dropdown Links ---*/
			
			#page-content #primary-content h4 {
				background: url(../images/bg/arrow.gif) no-repeat 0px 10px;
				font-size: 21px;
				color: #a89a6f;
				padding-left: 20px;
				border-bottom: 1px solid #eee9d7;
				cursor: pointer;
				height: 35px;
				line-height: 35px;
				margin-bottom: 15px;
				text-indent: -999em;
				}
				
				#primary-content h4#t-about-location { background: url(../images/text/t_about_001.gif) no-repeat 0 0; }
				#primary-content h4#t-about-luxury { background: url(../images/text/t_about_002.gif) no-repeat 0 0; }
				#primary-content h4#t-about-taste { background: url(../images/text/t_about_003.gif) no-repeat 0 0; }
				
				#primary-content h4#t-promotions-long { background: url(../images/text/t_promotions_001.gif) no-repeat 0 0 ; }
				#primary-content h4#t-promotions-last { background: url(../images/text/t_promotions_002.gif) no-repeat 0 0; }
				#primary-content h4#t-promotions-early { background: url(../images/text/t_promotions_003.gif) no-repeat 0 0; }
				#primary-content h4#t-promotions-corporate { background: url(../images/text/t_promotions_004.gif) no-repeat 0 0; }
				#primary-content h4#t-promotions-return { background: url(../images/text/t_promotions_005.gif) no-repeat 0 0; }
				#primary-content h4#t-promotions-moment { background: url(../images/text/t_promotions_006.gif) no-repeat 0 0; }
				#primary-content h4#t-promotions-summer { background: url(../images/text/t_promotions_007.gif) no-repeat 0 0; }
				
				#primary-content h4#t-occasions-weddings { background: url(../images/text/t_occasions_001.gif) no-repeat 0 0; }
				#primary-content h4#t-occasions-honeymoons { background: url(../images/text/t_occasions_002.gif) no-repeat 0 0; }
				#primary-content h4#t-occasions-vows { background: url(../images/text/t_occasions_003.gif) no-repeat 0 0; }
				#primary-content h4#t-occasions-anniversaries { background: url(../images/text/t_occasions_004.gif) no-repeat 0 0; }
				#primary-content h4#t-occasions-birthdays { background: url(../images/text/t_occasions_005.gif) no-repeat 0 0; }
				
				#primary-content h4#t-location-worlds { background: url(../images/text/t_location_001.gif) no-repeat 0 0; }
				#primary-content h4#t-location-retreat { background: url(../images/text/t_location_002.gif) no-repeat 0 0; }
				#primary-content h4#t-location-climate { background: url(../images/text/t_location_003.gif) no-repeat 0 0; }
				
				#primary-content h4#t-contact-staff { background: url(../images/text/t_contact_001.gif) no-repeat 0 0; }
				
				#primary-content h4#t-rates { background: url(../images/text/t_rates.gif) no-repeat 0 0; }
				#primary-content h4#t-specifications { background: url(../images/text/t_specifications.gif) no-repeat 0 0; }
				
				#primary-content h4#t-get-in-touch { background: url(../images/text/t-get-in-touch.gif) no-repeat 0 0; }
				
				#page-content #primary-content .drop {
					padding-left: 20px;
					padding-bottom: 15px;
					}
					
		/*--- Primary Content ---*/
			
		#page-content #primary-content {
			width: 569px;
			float: left;
			padding-right: 50px;
			position: relative;
			background-image: url(../images/bg/primary-content.gif);
			background-repeat: repeat-y;
			background-position: top right;
			}
			
			.villas #page-content #primary-content { background-image: none; width: 750px; }
            #page-content #primary-content.wide    { background-image: none; width: 770px; }
			
			#page-content #primary-content.single {
				background: none;
			}
			
		/*--- Secondary Content ---*/
			
		#page-content #secondary-content {
			width: 180px;
			padding-left: 21px;
			float: right;
			}
			
			#page-content #secondary-content img { display: block; cursor: pointer; }
			
			.advert {
				border-bottom: 1px solid #eee9d7;
				border-top: 1px solid #eee9d7;
				}
			
			.advert h4 {
				background-color: #beb393;
				padding: 10px;
				padding-top: 30px;
				width: 160px;
				font-size: 18px;
				color: #fff;
				text-transform: uppercase;
				font-weight: lighter;
				}
				
				.advert h4 a {
					color: #fff;
					text-decoration: none;
					}
				
				#page-content #secondary-content p {
					color: #beb393;
					padding: 10px 0 10px 0;
					margin-bottom: 0;
					}
					
					#page-content #secondary-content p a {
						font-weight: bold;
						color: #beb393;
						text-decoration: none;
						}
						
						#page-content #secondary-content p a:hover {
							text-decoration: underline;
							}
		
		/*--- Villa Listings ---*/
		
		.villa {
			clear: both;
			padding: 10px;
			height: 200px;
			background-color: #fff;
			position: relative;/*set div to relative so that we can position inner content*/
			margin-top: 10px;
			}
			
			.villa img {
				width: 290px;
				float: left;
				border-top: 1px solid #eeead8;
				border-bottom: 1px solid #eeead8;
				margin-right: 20px;
				}
				
			.villa-info {
				float: left;
				width: 530px;
				padding-top: 30px;
				}
				
			.villa h3 a {
				font-size: 30px;
				color: #1e7350;
				margin-bottom: 15px;
				text-indent: -999em;
				display: block;
				background-repeat: no-repeat;
				text-decoration: none;
				}
				
			.villa p, .villa-details li {
				font-size: 13px;
				color: #969696;
				line-height: 19px;
				}
				
				.villa p { width: 480px; margin-bottom: 15px; }
				.villa p a, .villa-details li a { color: #969696; text-decoration: none; }
				.villa p strong, .villa-details li strong { font-weight: bold; }
				
			.villa-nav {
				position: absolute;
				right: 10px;
				top: 17px;
				}
				
				.villa-page .villa-nav {
					top: -13px;
					right: 30px;
					}
				
				.villa-nav li {
					float: left;
					list-style: none !important;
					list-style-type: none !important;
					padding:0 !important;
					margin: 0 !important;
					}
				
				.villa-nav li a, .villa-nav li a span {
					height: 60px;
					background-image: url(../images/bg/villas-listing-nav.gif);
					background-repeat: no-repeat;
					display: block;
					cursor: pointer;
					}
					
					.villa-nav li.vn-gallery a, .villa-nav li.vn-gallery a span { background-position: top left; width: 76px; height: 60px; }
					.villa-nav li.vn-gallery a:hover, .villa-nav li.vn-gallery a:hover span { background-position: 0px -60px; }
						
					.villa-nav li.vn-detail a, .villa-nav li.vn-detail a span { background-position: -266px 0px; width: 99px; height: 60px; }
					.villa-nav li.vn-detail a:hover, .villa-nav li.vn-detail a:hover span { background-position: -266px -60px; }
						
					.villa-nav li.vn-availability a, .villa-nav li.vn-availability a span { background-position: -173px 0px; width: 92px; height: 60px; }
					.villa-nav li.vn-availability a:hover, .villa-nav li.vn-availability a:hover span { background-position: -173px -60px; }
					
					.villa-nav li.vn-floor-plan a, .villa-nav li.vn-floor-plan a span { background-position: -76px 0px; width: 97px; height: 60px; }
					.villa-nav li.vn-floor-plan a:hover, .villa-nav li.vn-floor-plan a:hover span { background-position: -76px -60px; }
				
			.villa-details {
				border-top: 1px solid #eee9d7;
				padding-top: 10px;
				}
				
				.villa-details li {
					display: inline;
					margin-right: 20px;
					}
		
		/*--- Villa Pages ---*/
		
		#availability {
			border-bottom: 1px solid #eee9d7;
			margin-bottom: 20px;
			position: relative;
padding-bottom:20px;
			}
			
			.close-btn {
				position: absolute;
				top: 0;
				right: 0;
				}
			
			.close-btn a, .close-btn a span {
				background-image: url(../images/bg/close.gif);
				background-repeat: no-repeat;
				width: 55px;
				height: 12px;
				display: block;
				cursor: pointer;
				}
		
		/*--- Page Footer ---*/
		
		#page-footer {
			clear: both;
			margin-top: 20px;
			height: 67px;
			width: 860px;
			}
			
			#page-footer { height: 1000px; }
			
			#page-footer p.copyright {
				float: left;
				width: 500px;
				}
				
			#page-footer p.pata {
				float: right;
				width: 112px;
				}
				
			#page-footer p.pata a {
				width: 112px;
				background-image: url(../images/bg/footer.png);
				background-position: top right;
				background-repeat: no-repeat;
				display: block;
				height: 67px;
				text-indent:-5000px;
				}
			
			#page-footer p {
				color: #fff;
				font-size: 12px;
				}
				
				#page-footer p a {
					text-decoration: none;
					color: #fff;
					}
					
					#page-footer p a:hover {
						text-decoration: underline;
						}
                        
    .booking-intro {
        padding-bottom: 16px; border-bottom: 1px solid #eee9d7;
    }
    
    
    /* Rates Table Styles */
    .ratesTable    { width: 589px; }
    .ratesTable th { font-weight: bold; color: rgb(96,96,96); }
    
    .spec-col-1    { width: 200px; }
    
    p.error { color: red !important; font-weight: bold; }