<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



<style type="text/css">

/*----------Text Styles----------*/

.ws11 {font-size: 15px;}

.ws12 {font-size: 16px;}

.wpmd 
{font-size: 14px;
font-family: "Arial", cursive;
font-style: normal;
font-weight: normal;}

/*----------Para Styles----------*/

DIV,UL,OL /* Left */
{margin-top: 0px;
 margin-bottom: 0px;}

</style>



<style type="text/css">

a.style1:link{color:#FFFFFF;text-decoration: none;}

a.style1:visited{color:#FFFFFF;text-decoration: none;}

a.style1:active{color:#FFFFFF;text-decoration: none;}

a.style1:hover{color:#FFFFFF;text-decoration: none;}

</style>

<style type="text/css">

div#container
{position:relative;
width: 900px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;}

body 
{text-align:center;
margin:0;
background-image: url(Slide1.JPG);
background-repeat: no-repeat;
background-color: #FF6633;}

.style1 
{color: #000000;
font-family: "Arial", cursive;
font-size: 15px;}

a:link 
{text-decoration: none;}

a:visited 
{text-decoration: none;}

a:hover 
{text-decoration: underline;}

a:active 
{text-decoration: none;}

.style4 
{font-family: "Arial";
font-size: 14px;}

.style11 
{color: #FFFFFF;
font-size: 15px;}

body,td,th 
{font-family: "Arial", cursive;
font-size: 14px;}

#container #text3 .wpmd div 
{font-size: 14px;}

#container #text3 .wpmd div h1 
{font-size: 16px;}

#container #layer .wpmd .style1 li div font 
{font-size: 14px;}

#container #text2 .wpmd .ws11 .ws11.ws12 font 
{font-size: 15px;}

#container #text3 .wpmd div 
{font-size: 15px;}

#container #text2 .wpmd p 
{font-size: 14px;}

#container #text3 .wpmd div h1 .ws11.ws12 font 
{font-size: 15px;}

.style13 
{font-family: "Arial"}

.style16
 {font-size: 14px;}

.style18 {font-size: 14px}

.style21 {font-size: 14px; color: #000000; }

.style22 {color: #000000}

.style23 {color: #FF0000; font-size: 15px; }

.style24 {color: #666666}

#container #g_text6 a .wpmd div strong 
{color: #F00;}

.verdana 
{font-family: Verdana, Geneva, sans-serif;}

</style>



<SCRIPT LANGUAGE="JavaScript">


<!-- Begin

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3500;

// Duration of crossfade (seconds)
var crossFadeDuration = 3;

// Specify the image files
var Pic = new Array();

// to add more images, just continue

// the pattern, adding to the array below



Pic[0] = 'chilling wat arun.jpg'
Pic[1] = 'chinese temple.jpg'
Pic[2] = 'night ride.jpg'
Pic[3] = 'leaving wat rakang.jpg'
Pic[4] = 'leaving wat arun.jpg'
Pic[5] = 'yoga.jpg'
Pic[6] = 'in flower market.jpg'
Pic[7] = 'backstreets.jpg'
Pic[8] = 'night tour at night.jpg'
Pic[9] = 'crossing memorial bridge.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];}

function runSlideShow() 
{if (document.all) 
{document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) 
{document.images.SlideShow.filters.blendTrans.Play();}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);}

//  End -->

</script>





<style type="text/css">
<!--
/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */
-->
</style>


<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '0a67ad7d265ce67a169a030970af1d28ec3322d6';
window.smartsupp||(function(d) {
        var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
        s=d.getElementsByTagName('script')[0];c=d.createElement('script');
        c.type='text/javascript';c.charset='utf-8';c.async=true;
        c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);

</script>




</head>

<body onLoad="runSlideShow()" >

<!-- Script Size:  2.13 KB -->

<div id="container">
<div id="container">

  <div id="container2">


    <div id="image8" style="position:absolute; overflow:hidden; left:-78px; top:0px; width:364px; height:45px; z-index:37"><img src="images/website name.jpg" alt="" border=0 width=364 height=45></div>

    <div id="image8" style="position:absolute; overflow:hidden; left:286px; top:0px; width:688px; height:45px; z-index:51"><img src="images/biking and more.jpg" alt="" border=0 width=686 height=45></div>

    <div style="position:absolute; overflow:hidden; left:-78px; top:45px; width:1050px; height:280px;"><img src="In coconut plantation.jpg" alt="" name='SlideShow' width="100%" height="300"></div>

    <div id="text2" style="position:absolute; overflow:hidden; left:200px; top:325px; width:772px; height:1075px; z-index:-2; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">

      <div class="wpmd">

        <div>

          <h1 class="ws11"><font color="#FF0000" face="Arial"></font></h1>
          
        </div>

      </div>

    </div>
    <div id="image12" style="position:absolute; overflow:hidden; left:605px; top:325px; width:369px; height:36px; z-index:50">
        
      <table width="367" height="34" border="0" cellpadding="1" bgcolor="#FF0000">
        <tr>
          <td width="323"><div align="center"><span class="ws12 style4 style11">Bangkok by Night - Booking confirmation</span></div></td>
        </tr>
      </table>

  </div>

    <div id="text2" style="position:absolute; overflow:hidden; left:295px; top:423px; width:489px; height:30px; z-index:13">
      <div class="wpmd">
        <div class="ws12"><font face="Arial">Thank you for booking the Bangkok by Night cycle tour.</font></div>
      </div>
    </div>

    <div id="text2" style="position:absolute; overflow:hidden; left:295px; top:470px; width:537px; height:24px; z-index:13">
      <div class="wpmd">
        <div class="ws11"><font face="Arial">You will receive an email and/or phone call from us within 24 hours.</font></div>
      </div>
    </div>

    <div id="text2" style="position:absolute; overflow:hidden; left:295px; top:527px; width:499px; height:30px; z-index:13">
      <div class="wpmd">
        <div class="ws11"><font face="Arial">In order to secure your booking, it's advisable to make a deposit payment.</font></div>
      </div>
    </div>
    
    </a>
       
    </div>
    
  <div id="image12" style="position:absolute; overflow:hidden; left:397px; top:570px; width:246px; height:163px; z-index:50">
    
  <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="WWLXBEWWEWDPN">
<table>
<tr><td><input type="hidden" name="on0" value="Payment due">Payment due</td></tr><tr><td><select name="os0">
	<option value="Deposit - 1 person">Deposit - 1 person 300.00 THB</option>
	<option value="Deposit - 2 people">Deposit - 2 people 600.00 THB</option>
	<option value="Deposit - 3 people">Deposit - 3 people 900.00 THB</option>
	<option value="Deposit - 4 people">Deposit - 4 people 1,200.00 THB</option>
	<option value="Deposit - 5 people">Deposit - 5 people 1,500.00 THB</option>
	<option value="Deposit - 6 people">Deposit - 6 people 1,800.00 THB</option>
	<option value="Deposit - 7 people">Deposit - 7 people 2,100.00 THB</option>
	<option value="Deposit - 8 people">Deposit - 8 people 2,400.00 THB</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="THB">
<input type="image" src="https://www.paypalobjects.com/en_GB/TH/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>


  </div>
    <div id="text2" style="position: absolute; overflow: hidden; left: 242px; top: 690px; width: 679px; height: 72px; z-index: 13">
      <div class="wpmd">
        <div class="ws11"><font face="Arial">Once we've received your payment, you'll get a confirmation email from us.<br>Should you cancel your booking, we will refund your deposit according to our <a href="Cancellation and Refund bbn.html">booking conditions.</a></font></div>

      </div>
    </div>
    <div id="image3" style="position:absolute; overflow:hidden; left:430px; top:774px; width:312px; height:243px; z-index:78"><img src="images/bbn/bbnlastpic.jpg" alt="" border=0 width=312 height=226></div>
  </div>
  
  
  
  
   <!-- Start of LHS panel -->
<div id="text1" style="position: absolute; overflow: hidden; left: -78px; top: 325px; width: 280px; height: 1075px; z-index: -1; background-color: #D9D5FD; layer-background-color: #D9D5FD; border: 1px none #000000;">
</div>


<div id="g_roundrect4" style="position:absolute; overflow:hidden; left:-26px; top:376px; width:182px; height:35px; z-index:22">
   <img border=0 width="100%" height="100%" alt="" src="../images/roundrect9702187.gif">
</div>

<div id="g_text5" style="position:absolute; overflow:hidden; left:16px; top:384px; width:100px; height:26px; z-index:32">
    <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial">Half day tours</font></div>
    </div>
</div>



<div id="g_text6" style="position:absolute; overflow:hidden; left:-24px; top:429px; width:184px; height:23px; z-index:18"><a href="Bangkok behind the scenes.html">
    <div class="wpmd">
      <div class="style18"><font face="Arial">Bangkok behind the scenes</font></div>
    </div></a>
</div>


  
<div id="g_text7" style="position:absolute; overflow:hidden; left:5px; top:468px; width:116px; height:21px; z-index:19"><a href="Bangkok by night.html">
    <div class="wpmd">
      <div><font face="Arial">Bangkok by night</font></div>
    </div></a>
</div>


  
<div id="g_text7" style="position:absolute; overflow:hidden; left:-1px; top:507px; width:126px; height:21px; z-index:19"><a href="Twilight sunset ride.html">
    <div class="wpmd">
      <div><font face="Arial">Twilight sunset ride</font></div>
    </div></a>
</div>
  
  

<div id="g_roundrect" style="position:absolute; overflow:hidden; left:-26px; top:590px; width:182px; height:35px; z-index:22">
  <img border=0 width="100%" height="100%" alt="" src="../images/roundrect9702187.gif">
</div>

<div id="g_text" style="position:absolute; overflow:hidden; left:18px; top:598px; width:98px; height:26px; z-index:32">
   <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial">Full day tours</font></div>
   </div>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -19px; top: 639px; width: 170px; height: 21px; z-index: 25"><a href="Bangkok floating markets.html">
  <div class="wpmd">
    <div><font face="Arial">Bangkok floating markets</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -27px; top: 674px; width: 189px; height: 21px; z-index: 25"><a href="Nonthaburi countryside.html">
  <div class="wpmd">
    <div><font face="Arial">Nonthaburi countryside tour</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: 14px; top: 712px; width: 97px; height: 21px; z-index: 25"><a href="Crazy Markets tour.html">
  <div class="wpmd">
    <div><font face="Arial">Crazy Markets</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -4px; top: 750px; width: 129px; height: 21px; z-index: 25"><a href="Tour de Bang Saen.html">
  <div class="wpmd">
    <div><font face="Arial">Tour de Bang Saen</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -26px; top: 788px; width: 174px; height: 21px; z-index: 25"><a href="One-day Island Adventure.html">
  <div class="wpmd">
    <div><font face="Arial">One-day Island Adventure</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -15px; top: 825px; width: 153px; height: 21px; z-index: 25"><a href="Canals and waterways.html">
  <div class="wpmd">
    <div><font face="Arial">Canals and Waterways</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: 1px; top: 864px; width: 114px; height: 21px; z-index: 25"><a href="Down to the Gulf.html">
  <div class="wpmd">
    <div><font face="Arial">Down to the Gulf</font></div>
  </div>

</a></div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -26px; top: 903px; width: 178px; height: 21px; z-index: 25"><a href="Enchanted Nakhon Pathom.html">
  <div class="wpmd">
    <div><font face="Arial">Enchanted Nakhon Pathom </font></div>
  </div></a>
</div>

<div id="g_text5" style="position: absolute; overflow: hidden; left: 165px; top: 886px; width: 102px; height: 74px; z-index: 32">
    <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial"><p class="tab blink">New</p></font></div>
    </div>
</div>



<div id="g_roundrect4" style="position: absolute; overflow: hidden; left: -26px; top: 996px; width: 182px; height: 35px; z-index: 22">
  <img border=0 width="100%" height="100%" alt="" src="../images/roundrect9702187.gif">
</div>

<div id="g_text5" style="position: absolute; overflow: hidden; left: 15px; top: 1004px; width: 97px; height: 26px; z-index: 32">
    <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial">Classic tours</font></div>
    </div>
</div>

  

  <div id="g_text2" style="position: absolute; overflow: hidden; left: -48px; top: 1046px; width: 226px; height: 21px; z-index: 25"><a href="Bangkok - Wonders and Mysteries.html">
  <div class="wpmd">
    <div><font face="Arial">Bangkok - Wonders and Mysteries</font></div>
  </div>
</a></div> 



<div id="g_text2" style="position: absolute; overflow: hidden; left: -28px; top: 1082px; width: 179px; height: 21px; z-index: 25"><a href="Floating markets and more.html">
  <div class="wpmd">
    <div><font face="Arial">Floating markets and more</font></div>
  </div></a>
</div>



<div id="g_text2" style="position: absolute; overflow: hidden; left: -2px; top: 1118px; width: 125px; height: 21px; z-index: 25"><a href="Road to Ayutthaya.html">
  <div class="wpmd">
    <div><font face="Arial">Road to Ayutthaya</font></div>
  </div></a>
</div>



<div id="g_roundrect4" style="position: absolute; overflow: hidden; left: -30px; top: 1190px; width: 182px; height: 35px; z-index: 22">
  <img border=0 width="100%" height="100%" alt="" src="../images/roundrect9702187.gif">
</div>

<div id="g_text5" style="position: absolute; overflow: hidden; left: 10px; top: 1196px; width: 108px; height: 26px; z-index: 32">
    <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial">Multi day tours</font></div>
    </div>
</div>

<div id="g_text2" style="position: absolute; overflow: hidden; left: -19px; top: 1240px; width: 162px; height: 21px; z-index: 25"><a href="Island weekend getaway.html">
  <div class="wpmd">
    <div><font face="Arial">Island weekend getaway</font></div>
  </div></a>
</div>



 <div id="roundrect2" style="position: absolute; overflow: hidden; left: -25px; top: 1336px; width: 182px; height: 35px; z-index: 22">
   <img border=0 width="100%" height="100%" alt="" src="../images/roundrect7127015.gif">
</div>

<div id="text11" style="position: absolute; overflow: hidden; left: 25px; top: 1344px; width: 87px; height: 28px; z-index: 32"><a href="Index.html">
    <div class="wpmd">
      <div><font class="ws12" color="#FF0000" face="Arial">Homepage</font></div>
    </div></a>
</div>
 <!-- End of LHS panel -->
 
</div>

</body>



</html>



