/*
Web Design by Hi-Powered
http://www.hi-powered.com
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 101%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(img/chbg.gif);
}

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

#container {
    width:760px;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
}

#banner {
	padding: 0px;
	margin-bottom: 0px;
	height: 90px;
	background-image: url(img/bannerbkg.jpg);
	background-repeat: repeat-x;
	background-color: #6183C3;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#bannercolumn {
	margin-left: 390px;
	margin-right: 170px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
}

#bannermain {
	float: left;
}

#bannerside {
	float: right;
	width: 170px;
	margin: 0px;
	background-color: #6286C2;
	height: 90px;
	background-image: url(img/leftfllower.jpg);
	background-repeat: no-repeat;
}

#bannerlong {
	margin-right: 170px;
}

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

#navbar {
	background-color: #aeaeae;
	clear: both;
}

/* columns */

#column, #golfcolumn, #spacolumn, #golfcolumn2, #chicolumn, #songcolumn, #kokolumn, #cmcolumn, #trekcolumn, #lisucolumn, #craftcolumn, #tricolumn, #maecolumn, #kracolumn, #watcolumn, #flowercolumn, #dancecolumn, #elecolumn, #doicolumn, #lifecolumn, #safcolumn, #intcolumn {
	margin-left: 390px;
	margin-right: 170px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 320px 10px 10px;
	font-size: 85%;
	background-repeat: no-repeat;
}

#column {
	background-image: url(img/colbg.jpg);
}
#golfcolumn {
	background-image: url(img/golf_bg.jpg);
}
#golfcolumn2 {
	background-image: url(img/golf_bg2.jpg);
}
#watcolumn {
	background-image: url(img/watbg.jpg);
}
#flowercolumn {
	background-image: url(img/flower_bg.jpg);
}
#dancecolumn {
	background-image: url(img/dancebg.jpg);
}
#elecolumn {
	background-image: url(img/chang.jpg);
}
#doicolumn {
	background-image: url(img/suthep.jpg);
}
#lifecolumn {
	background-image: url(img/monk.jpg);
}
#safcolumn {
	background-image: url(img/safari.jpg);
}
#maecolumn {
	background-image: url(img/karen.jpg);
}
#kracolumn {
	background-image: url(img/krathong.jpg);
}
#tricolumn {
	background-image: url(img/hilltribe.jpg);
}
#lisucolumn {
	background-image: url(img/working.jpg);
}
#craftcolumn {
	background-image: url(img/crafts1.jpg);
}
#trekcolumn {
	background-image: url(img/trek.jpg);
}
#cmcolumn {
	background-image: url(img/gtl.jpg);
}
#kokolumn {
	background-image: url(img/kok.jpg);
}
#songcolumn {
	background-image: url(img/dek.jpg);
}
#chicolumn {
	background-image: url(img/chop.jpg);
}
#spacolumn {
	background-image: url(img/spa.jpg);
}
#intcolumn {
	background-image: url(img/intl.jpg);
}
#rightbar {
	float: right; 
	width: 170px;
	margin: 0px;
	font-size: 85%;
}
/* sidebars */
#sidebar, #golfsidebar, #spasidebar, #treksidebar, #chisidebar, #songsidebar, #koksidebar, #cmsidebar, #lisusidebar, #craftsidebar, #krasidebar, #trisidebar, #maesidebar, #golfsidebar2, #watsidebar, #flowersidebar, #dancesidebar, #elesidebar, #doisidebar, #lifesidebar, #safsidebar, #intsidebar {
	float: right; 
	width: 170px;
	margin: 0px;
	font-size: 85%;
	background-repeat: no-repeat;
}
#sidebar {
	background-image: url(img/sidebkg.jpg);
}
#golfsidebar {
	background-image: url(img/golfrt_bg.jpg);
}
#golfsidebar2 {
	background-image: url(img/golfrt_bg2.jpg);
}
#watsidebar {
	background-image: url(img/watside_bg.jpg);
}
#flowersidebar {
	background-image: url(img/flowrt_bg.jpg);
}
#dancesidebar {
	background-image: url(img/dance_rt.jpg);
}
#elesidebar {
	background-image: url(img/changrt.jpg);
}
#doisidebar {
	background-image: url(img/sutheprt.jpg);
}
#lifesidebar {
	background-image: url(img/monkrt.jpg);
}
#safsidebar {
	background-image: url(img/safarirt.jpg);
}
#maesidebar {
	background-image: url(img/karenrt.jpg);
}
#krasidebar {
	background-image: url(img/krathongrt.jpg);
}
#trisidebar {
	background-image: url(img/hilltribert.jpg);
}
#lisusidebar {
	background-image: url(img/workingrt.jpg);
}
#craftsidebar {
	background-image: url(img/crafts1rt.jpg);
}
#treksidebar {
	background-image: url(img/trekrt.jpg);
}
#cmsidebar {
	background-image: url(img/gtr.jpg);
}
#koksidebar {
	background-image: url(img/kokrt.jpg);
}
#songsidebar {
	background-image: url(img/dekrt.jpg);
}
#chisidebar {
	background-image: url(img/choprt.jpg);
}
#spasidebar {
	background-image: url(img/spart.jpg);
}
#intsidebar {
	background-image: url(img/intr.jpg);
}
/* ********************************************************************* */
#main {
	float: left;
	width: 390px;
	margin: 0;
	margin-right: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#maincontent {
	font-size: 85%;
	margin: 20px 25px;
}
#maincontent p {
	margin-top: 0px;
}


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

#content {
	margin-right: 170px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#maintext {
	font-size: 85%;
	clear: none;
	margin: 0px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}

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

h1 {
	font-size: 120%;
	letter-spacing: 0.3em;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
}

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

#footer {
	clear: both;
	padding: 5px 25px;
	margin-top: 0px;
	font-size: 70%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#footer a:link {
	text-decoration: none;
	color: #000000;
}
#footer a:visited {
	text-decoration: none;
	color: #000000;
}
#footer a:hover {
	text-decoration: underline;
}
/* ********************************************************************* */
#chromemenu{
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
	width: 100%;
	background: url(img/chromebg2.gif) repeat-x center center; /*Theme Change here*/
	margin-left: 0;
	padding-left: 0;
	margin: 0;
	float: left;
	font: bold 12px Verdana;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #000000;
font-weight: bold;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url(img/divider2.gif) no-repeat right center; /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: #3C5B9B;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #CCCCCC; /*Theme Change here*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:16px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
margin-top: 0px;
margin-left: -2px;
}

.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #CCCCCC; /*Theme Change here*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}

/* ********************************************************************* */	
.featurebox {
	float: left;
	width: 45%;
	padding: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin-top: 10px;
}

.boxleft {
	margin: 0px;
	float: left;
	width: 48%;
}

.boxright {
	margin: 0px;
	float: right;
	width: 48%;
}
#mast {
	height: 125px;
}
.intro {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.padding {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 150px;
	margin-left: 10px;
	clear: none;
	color: #000000;
}

.floatleft
{
	float: left;
	width: 152px;
	margin: 0px 10px 5px 0px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-style: italic;
	font-size: 95%;
}

div.floatleft img { border: 1px solid #CCCCCC; }
#border {
	width: 762px;
	margin: 0px auto;
	padding: 0px;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.featimg {
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-style: italic;
	font-size: 95%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#foot {
	font-size: 70%;
	float: left;
	width: 390px;
	margin: 0;
	margin-right: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	clear: both;
}
#horizbg {
	background-color: #6183C3;
	height: 98px;
	width: 100%;
	position: absolute;
	z-index: 101;
	top: 0px;
	left: 0px;
}
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
.picdiv{
	width: 99%;
	clear: none;
	margin-bottom: 10px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.picdiv .floatbox{
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

* html .picdiv p{ /* IE 3px jog hack*/
height: 1%;
}

* html .picdiv h1{ /* IE 3px jog hack*/
height: 1%;
}

.picdiv p, .picdiv h1 {
margin-top: 5px;
margin-left: 265px;
margin-right: 0px;
margin-bottom: 10px;
}


div#menu{width:537px;margin: 0 auto;
    font: 90% "Trebuchet MS",Arial,sans-serif;text-align:left}
h2{margin: 1em auto 0.3em;color: #000000;
    font-size: 130%;text-align:left}

dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url(dot.gif) repeat-x 0 1.2em}
dt,dd.price{background: #FFF;font-size: 110%;font-weight: normal}
dt{float: left;padding-right: 3px;color: #666666}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #000}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;color: #000}
   
div#menu2{width:326px;margin: 0 auto;
    font: 90% "Trebuchet MS",Arial,sans-serif;text-align:left}
h2{margin: 1em auto 0.3em;color: #000000;
    font-size: 130%;text-align:left}

dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url(dot.gif) repeat-x 0 1.2em}
dt,dd.price{background: #FFF;font-size: 110%;font-weight: normal}
dt{float: left;padding-right: 3px;color: #666666}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #000}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;color: #000}
   
   
.book {
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	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;
}
.book a {
	text-decoration: none;
	color: #666666;
}
.book a:hover {
	text-decoration: none;
	color: #000000;
}
/* form start */

form#contact {
	font-size:1.4em;
	width:310px;
	padding:10px;
	margin:0 auto;
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background-color: #ffffff;
}

form#contact fieldset {width:288px; display:block; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #ccc;}

form#contact fieldset#personal, #medical, #current {
	font-size:.75em;
	color:#555;
	font-style:italic;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

form#contact fieldset#opt {font-size:.75em; color:#900; margin:15px 0 0 5px;}

form#contact legend { border:1px solid #666; font-family: "Arial", Courier, mono; color:#555; font-size:1.1em; font-weight:normal; font-style:normal; margin-bottom:14px; padding:3px; width:220px; background:none;}

form#contact label {clear:left; display:block; float:left; width:95px; text-align:right; padding-right:5px; color:#fff; margin-bottom:0.5em; font-size:11px; line-height:1.5em; font-style:normal;}

form#contact fieldset#personal label {clear:left; display:block; float:left; width:95px; text-align:right; padding-right:5px; color:#000000; margin-bottom:0.6em; font-size:11px; line-height:1.8em; font-style:normal;}

form#contact input {padding:0; margin-bottom:0.8em;}

form#contact fieldset#personal input {border:1px solid #cccccc; background:#fff; padding-left:0.5em; margin-bottom:1em;}

form#contact select {margin-left:0.5em; border:1px solid #cccccc;}

form#contact textarea {width:280px; height:12em; border:1px solid #cccccc; padding:5px; margin:-8px 0 0 0; overflow:auto;}

form#contact option {background:#fff; color:#990033;}

form#contact optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}

form#contact optgroup option {background:#fff; color:#990033;}

form#contact #button1, form#contact #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:125px; margin-left:12px; margin-top:5px;}

form#contact #button1:hover, form#contact #button2:hover {
	background:#990033;
	border-bottom:1px solid #4A0018;
	border-right:1px solid #4A0018;
	color:#fff;
	border-top:1px solid #cc0033;
	border-left: 1px solid #cc0033;
}

/* form end */

.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: #ffffff;
border: 2px #cccccc outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: normal 95% "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #eeeeee;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}
.tblbdr {
	border: 1px solid #CCCCCC;
}
.Tahoma12 {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.Tahoma14 {
	font-family: Tahoma;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}