@charset "iso-8859-1";
* {
padding:0;
margin:0;
}
.clear
{
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;
	height: 1px;
}
.hide, #oldBrowserNotice, hr{ 
	display: none !important;

}
.off, #yesprint, .yesprint {
	position:absolute;
	left:-1000em;
	top:-1000em;
	}
	
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, h8
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0px;
	padding-left: 0px;
}

h1, h2, h3, h4, h5, h6, h8{
	color: #7a3b23;
		font-weight: 100;

	font-family: Optima, Verdana, Trebuchet, Helvetica, sans-serif;
}
h1
{
	letter-spacing: 0.2em;
	font-size: 230%;
	padding:0;
	margin: 18px 0 22px 0px;
}
* html h1
{
		font-size:190%;
}
 #photos #main-content p {margin-left:20px; padding:0 0 10px 0;}
 #photos #main-content h1 {margin:18px 0 15px 20px; }


h2
{
	font-size: 180%;
	font-weight: lighter;
}
h8
{
	font-size: 180%;
	font-weight: lighter;
	}
h3
{
	font-size: 155%;
	font-weight: lighter;
	letter-spacing: 0.2em;
	text-transform: lowercase;
}
h4
{
	font-size: 120%;
	font-weight: 100;
	letter-spacing: 0.1em;
	padding: 5px;
	margin: 0;
	/*color: #FF9900;*/
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}
h7 {	color: #FF9900;
}
strong {
	letter-spacing: 0.1em;
	color: #7a3b23;
	font-family: Optima, Verdana, Trebuchet, Helvetica, sans-serif;
	font-weight: 100;
	font-variant: small-caps;
	font-size:115%;
	}
p {
	line-height:2em;
	margin:0px;
	padding:10px 0 0 240px;
}
#resort p, #phangan p, #cafe p {
	padding:15px 0 0 240px;
}
/* ie fix */
* html p {
	padding:8px 0 0 240px;
		line-height:1.7em;

}
select { min-width:1.5em; }
#contact-details ul , #contact-details li, #contact-details2 ul , #contact-details2 li{
font-size:105%;
	list-style: none;
	font-variant: small-caps;
}
#contact-details .email, #contact-details2 .email {
	font-variant:normal;
	font-weight:100;
	font-size:80%;
	white-space: nowrap;
} 
* html #contact-details .email, * html #contact-details2 .email {
	font-size:70%;
	white-space: wrap;
	letter-spacing:0;
	word-spacing:0;
} 
#contact-details .email a, #contact-details .email a:hover, #contact-details2 .email a, #contact-details2 .email a:hover {border:none;} 
#contact-details li span, #contact-details2 li span {font-size:80%;}
* html #contact-details li span, * html #contact-details2 li span {font-size:75%;}
.details {color:#316CAE;}

 a:link, a:visited {
	color: #40659B;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
	}
 
a:focus, a:hover, a:active {
	color: #7AA2BB;
	border-bottom-style: none;
	}
a.more {
	padding-right: 7px;
	margin-right: 2px;
	background:   url("/images/menubar/boat-arrow.gif") no-repeat 100% 5px;
	}
	
#header a
{
	border-bottom: none;
}
 
* html body
{ 
	text-align: center;
}
body
{
	font-size: 100.1%;
	MARGIN: 0;
	padding:0;
	COLOR: #525151;
	text-align: center;
	z-index: 3;
	font: 70% Verdana, 'Trebuchet MS', sans-serif;
	background: #f6c053 url(/images/menubar/bkg.jpg) repeat-x top;
}
* html body
{
	/* \*/
		font-size:75%;
}

#pageWrapper, #header, #footer, #outercolumncontainer, #main-content, #masthead
{
	width: 640px;
margin:0;padding:0;
margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
#pageWrapper {	
	margin-top:10px;
	padding:20px 20px 20px 20px;
	}
#main-content {text-align:left;}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
			padding:20px 20px 0 20px;

}

#masthead {
	padding:0;
	border:0;
	height: 209px;
}
#resort #masthead {
	background: url(/images/toppics/tao-tropicana.jpg) no-repeat left bottom;
}
#sitemap #masthead {	
	background: url(/images/toppics/tao-tropicana.jpg) no-repeat left bottom;
}
#map #masthead {	
	background: url(/images/toppics/tao-tropicana.jpg) no-repeat left bottom;
}
#cafe #masthead {	
	background: url(/images/toppics/cafe-tropicana.jpg) no-repeat left bottom;
}
#phangan #masthead {	
	background: url(/images/toppics/phangan-tropicana-resort.jpg) no-repeat left bottom;
}
#contact #masthead {	
	background: url(/images/toppics/contact-tropicana.jpg) no-repeat left bottom;
}
#bookings #masthead {	
	background: url(/images/toppics/book-tropicana-resort.jpg) no-repeat left bottom;
}
#photos #masthead {	
	background: url(/images/toppics/tropicana-resort-photos.jpg) no-repeat left bottom;
}

#main-content
{
	overflow: visible;
	position: relative;
}

#main-content {
	float:right;
	padding-left:0px;
}
#main-content.photos {
	margin:0px;
}

#main-content img {
	float:left;
	margin: 0px 40px 0px 0px;
	padding:0px;
}

#main-content img.nofloat {
	float:none; padding:0; margin:20px 0 0 26px;
}
	
#main-content.contact b, #main-content.bookings b {color:#FF0000;}

#contact-details img, #contact-details2 img {
float:none;
margin: 0 0 -3px 0; padding:3px 10px 0 0;
}

.floatright{float: right; margin: 0px; padding: 0px;}

/* menubar */
	 #menubar {
	 margin-top:-48px;
	float:left;
	width:100%;
	font-size:105%;
	letter-spacing:0.1em;
	font-family: geneva, arial, sans-serif;
	line-height:normal;
	background-image: url(/images/menubar/bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom:1.8em solid #fff;
	z-index:99;

      }
    #menubar ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menubar li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menubar a {
      float:left;
      background:url("/images/menubar/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      text-decoration:none;
      }
    #menubar a span {
      float:left;
      display:block;
      background:url("/images/menubar/right_both.gif") no-repeat right top;
      padding:5px 20px 4px 1px;
      font-weight:100;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menubar a span {float:none;}
    /* End IE5-Mac hack */
    #menubar a:hover span {
      color:#333;
      }
    #menubar #current a {
      background-position:0 -150px;
      border-width:0;
      }
    #menubar #current a span {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #menubar a:hover {
      background-position:0% -150px;
      }
    #menubar a:hover span {
      background-position:100% -150px;
      }

	#menubar ul li span.divider{
	display: none;}

/* menubar end */	

/* footer start */	
#footer {
	font:1em/1 Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 0 0;
margin-top:0;
	background:none;
	letter-spacing: 0.1em;
	width: 655px;
}
* html #footer {margin-top:-5px;padding-top: 0;font-size:90%}
#footer A:link, #footer A:visited {color:#FFFFFF;border-bottom-style: none;}
#footer a:focus, #footer a:hover {
	COLOR: #666666;
	border-bottom: none;
}

#footer ul {
	list-style:none;
	text-align: left;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
}
#footer li {
	display:inline;
	padding-left: 0.6em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	padding-right: 0.6em;
	font-size: 100%;
	font-variant:normal;
	white-space: nowrap;
}

#footer li.first {
        border-left: none;
        }
#footer p {
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	color: #6591C1;
	background-position: center;
	line-height:1em;
	font-size:110%;
	font-variant: small-caps;
}
* html p {	font-size:100%;}

#footer p a, #footer p A:link, #footer p A:visited { 
color: #6591C1;
}
#footer p a:focus, #footer p a:hover {
COLOR: #fff;
}
#footer p img {
margin-top:2px;
}

/* footer end */	

.sitemap li {
	padding:0px;
	margin:20px 0 0px 0;
	line-height:16px;
	list-style: none;
}
.sitemap li a, .sitemap li a:link, .sitemap li a:visited, .sitemap a, .sitemap a:link, .sitemap a:visited {
	font-size:105%;
	font-weight:800;
	background: url(/images/icons/tropicana.gif) no-repeat left center;
	padding: 0 15px 0 25px;
	border: none;
	color:#494035;
}
.sitemap li a:hover {
	color: #7AA2BB;
}

.no-underline a {border:none;}
.formfield, .drop {width:140px;}
textarea {width: 340px;}
* html .formfield, * html .drop {width:143px;}
* html textarea {width: 343px;}
.red {color:#FF0000;}

 /* fix for ie 7 flash */
 #flashcontent {
 height: 100%;
 }
#photo-sizer{
	height:500px;
	width: 100%;
}
* html #photo-sizer{
	height:none;
	width:none;
}
.floatright {float:right; padding: 0; margin:0;}