/* GLOBAL PARAMETERS */

html, body {
	  background: #93915D url('images/homestay-thailand.gif') repeat top center;
	  margin: 0;
      padding: 0;
   }
   

h1 { 
	font-family: tahoma; 
	font-size: 11pt; 
	color: #5D2F1B;
	font-weight: bold;
	margin-top: 0;
	padding-left: 150px;
	padding-bottom: 12px;
}
 
h2 { 
	font-family: tahoma; 
	font-size: 11pt; 
	color: #6CDE33;
	font-weight: bold;
	margin-top: 0;
}

h3 { 
	font-family: tahoma; 
	font-size: 11pt; 
	color: #5D2F1B;
	font-weight: bold;
}


#homebody ul, #homebody li, #homebody ol { 
	color: #F4E8CA;
	font-family: tahoma;
	font-size: 10pt;
	text-align: left;

}

table { 
	border-collapse: collapse; 
} 

table td, table th { 
	padding: 0;
	vertical-align: top; 
} 

img {
	border: 0px none;
}


/* FONTS */

.textthai  { 
	font-family: tahoma; 
	font-size: 11pt; 
	color: #FFFFFF;
	font-weight: normal;
	text-align: justify;
}




/* DOCUMENT LINKS */

a:link, a:active, a:visited { 
	font-family: tahoma; 
	font-size: 10pt; 
	color: #FFF7E4;
	text-decoration: underline; 
	font-weight: normal; 
} 
a:hover { 
	font-family: tahoma; 
	font-size: 10pt; 
	color: #5D2F1B; 
	text-decoration: underline; 
	font-weight: normal; 
}

a.linkbr:link, a.linkbr:active, a.linkbr:visited
		{ font-family: tahoma; font-size: 10pt; color: #EBDEBC; text-decoration: underline; font-weight: normal; }
		
a.linkbr:hover
		{ font-family: tahoma; font-size: 10pt; color: #5D2F1B; text-decoration: underline; font-weight: normal; }
		

 

/* TOP */

#top { 
	width: 945px;
	height: 131px;
	margin-left: auto;
	margin-right: auto;
}

#top .topleft { 
	width: 36px;
}

#top .topright { 
	width: 873px;
	background: url('images/baan-suanthip-krabihomestay.jpg') no-repeat top left;
	padding-left: 149px;
	padding-top: 100px;
	font-family: arial; 
	font-size: 8pt; 
	color: #C9A06E;
	font-style: italic;
	font-weight: normal;
}


/* TOP MENU */


#top-menu { 
	width: 873px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: #562115 url('images/top-menu.gif') repeat-x top left;
	font-family: arial; 
	font-size: 10pt; 
	color: #FFFFFF;
	text-decoration: none; 
	font-weight: bold;
}

#top-menu td { 
	vertical-align: middle;
}

#top-menu .left { 
	width: 141px;
}

#top-menu .right { 
	width: 732px;
}

#top-menu a:link, #top-menu a:visited, #top-menu a:active  { 
	font-family: arial; 
	font-size: 9pt; 
	color: #936545; 
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 28px;
	padding-right: 28px;
} 

#top-menu a:hover { 
	font-family: arial; 
	font-size: 9pt; 
	color: #6CDE33;
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 28px;
	padding-right: 28px;
}

#top-menu a.linkgr:link, #top-menu a.linkgr:active, #top-menu a.linkgr:visited {
	font-family: arial; 
	font-size: 9pt; 
	color: #6CDE33;
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
}
		
#top-menu a.linkgr:hover {
	font-family: arial; 
	font-size: 9pt; 
	color: #936545; 
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
}


/* HOME BODY */

#homebody { 
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	font-family: tahoma; 
	font-size: 10pt;
	color: #FFF7E4; 
	text-decoration: none; 
	font-weight: normal;
	text-align: justify;
}

#homebody .aleft { 
	width: 36px;
	background: url('images/left-shadow.gif') repeat-y top left;
}

#homebody .aright { 
	width: 36px;
	background: url('images/right-shadow.gif') repeat-y top left;
}

#homebody .middle, #homebody .middle2, #homebody .middle3, #homebody .middle4, #homebody .middle5 { 
	width: 873px;
	background: #A3A156 url('images/topcontent.gif') no-repeat top left;
	padding-top: 35px;
	padding-left: 51px;
	padding-right: 48px;
}

#homebody .middle2 { 
	background: #A3A156 url('images/topcontent2.gif') no-repeat top left;
}

#homebody .middle3 { 
	background: #A3A156 url('images/topcontent3.gif') no-repeat top left;
}

#homebody .middle4 { 
	background: #A3A156 url('images/topcontent4.gif') no-repeat top left;
}

#homebody .middle5 { 
	background: #A3A156 url('images/topcontent5.gif') no-repeat top left;
}

#homebody .thumbnail img { 
	border: 1px dashed #FFFFFF;
	margin-right: 2px;
}

#homebody .bigthumb img { 
	border: 1px solid #FFFFFF;
	margin-right: 6px;
	margin-bottom: 6px;
}

#EnglishThai {
	width: 774px;
}

#EnglishThai .english, #EnglishThai .english2 {
	width: 50%;
	padding-right: 14px;
	padding-top: 23px;
}

#EnglishThai .english2 {
	width: 45%;
}

#EnglishThai .thai, #EnglishThai .thai2{
	width: 50%;
	padding-left: 14px;
	padding-top: 23px;
}

#EnglishThai .thai2{
	width: 55%;
}

.dashed {
	border: 2px dashed #EBE9B0;
}

.pictright {
	float: right;
	padding-left: 8px;
}

.pictleft {
	float: left;
	padding-right: 8px;
}



#hometopic, #hometopic2 {
	width: 774px;
	color: #614312;
}

#hometopic2 {
	color: #F4E8CA;
}

#hometopic .accommodations, #hometopic2 .airconhomestay {
	width: 219px;
	background: url('images/enjoy-your-stay.gif') no-repeat top left;
	padding-top: 246px;
}

#hometopic2 .airconhomestay {
	background: url('images/air-con-homestay.gif') no-repeat top left;
}

#hometopic .divider, #hometopic2 .divider {
	width: 32px;
	background: url('images/divider.gif') repeat-y top left;
}

#hometopic .activities, #hometopic2 .airconbungalow {
	width: 252px;
	background: url('images/just-relax.gif') no-repeat top left;
	padding-top: 246px;
	padding-left: 24px;
	padding-right: 9px;
}

#hometopic2 .airconbungalow {
	background: url('images/air-con-bungalow.gif') no-repeat top left;
}

#hometopic .divider2, #hometopic2 .divider2 {
	width: 52px;
	background: url('images/divider2.gif') repeat-y top left;
}

#hometopic .gallery, #hometopic2 .bamboohut {
	width: 219px;
	background: url('images/visit-gallery.gif') no-repeat top left;
	padding-top: 246px;
}

#hometopic2 .bamboohut {
	background: url('images/bamboo-hut.gif') no-repeat top left;
}

#footer {
	width: 873px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
	background: #60321D url('images/footer.jpg') no-repeat top left;
	background-position: 0px 4px;
	font-family: tahoma; 
	font-size: 8pt;
	color: #60321D; 
	text-decoration: none; 
	font-weight: normal;
}

#footer td {
	padding-left: 51px;
	padding-right: 48px;
	padding-top: 20px;
	}

#footer a:link, #footer a:visited, #footer a:active  { 
	font-family: tahoma; 
	font-size: 8pt; 
	color: #60321D; 
	text-decoration: none; 
	font-weight: bold;
	padding-right: 14px;
} 

#footer a:hover { 
	color: #6CDE33; 
}

.tablebg, .tablebg2 {
	width: 648px;
	height: 438px;
	background: url('images/tablebg.gif') repeat top left;
	margin-left: auto;
	margin-right: auto;
}

.tablebg2 {
	width: 100%;
	height: auto;
}

.tablebg2 td {
	padding: 12px;
}

.tablebg td {
	vertical-align: middle;
	text-align: center;
}

.contact {
	width: 100%;
	border: 1px solid #C5A47A;
	background-color: #9B5F29;
}

.contact td {
	padding: 2px;
}