@import 'reset.css';

HTML {
	height: 100%;
	}
BODY {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
	background: #ece8d0 url(/images/b-sand.jpg);
	}

A {
	color: #f46200;
	}

H1, H2, H3 {
	font-family: Georgia, serif;
	font-style: italic;
	color: #f46200;
	}
H1 {
	font-size: 1.8em;
	margin: 1em 0 .3em;
	}
H2 {
	font-size: 1.5em;
	margin: 1.14em 0 .335em;
	}
H3 {
	font-size: 1.4em;
	margin: 1.28em 0 .37em;
	}

UL {
	margin: 0 1.6em;
	}
UL LI {
	padding: 0 0 0 20px;
	margin: 0 0 .8em 0;
	background: url(../images/dash.gif) no-repeat 0 .35em;
	}

BLOCKQUOTE {
	margin-top: 1.2em;
	font-family: Georgia, serif;
	font-style: italic;
	color: #af0000;
	}
HR, P, UL, OL,
DL, PRE, BLOCKQUOTE,
ADDRESS, TABLE, FORM {
	margin-bottom: 1.2em;
	}
STRONG {
	font-weight: bold;
	}
EM {
	font-style: italic; 
	}
SUP, SUB {
	vertical-align: middle;
	position: relative;
	font-size: 75%;
	}
SUP {
	bottom: .5em;
	}
SUB {
	top: .5em;
	}

/* classes */
H1.pic {
	position: relative;
	overflow: hidden;
	height: 72px;
	top: -100px;
	margin: 0 0 -65px 220px;
	font-size: 72px;
	background: no-repeat;
	}
H1.pic SPAN {
	position: relative;
	top: -1000px;
	}
H1.pic.mangobeach {
	background-image: url(/images/h-mangobeach.png);
	}
H1.pic.thailand {
	background-image: url(/images/h-thailand.png);
	}
H1.pic.hua-hin {
	background-image: url(/images/h-huahin.png);
	}
H1.pic.prachuap-khiri-khan {
	height: 72px; 
	font-size: 48px;
	top: -82px;
	background-image: url(/images/h-prachuap.png);
	}
H1.pic.ban-huai-yang {
	background-image: url(/images/h-huaiyang.png);
	}

.thumb {
	display: block;
	position: relative;
	width: 220px;
	height: 169px;
	padding: 9px 0 0 9px;
	margin: .8em 0;
	background: url(/images/thumb.png) no-repeat;
	}
.thumb IMG {
	display: block;
	width: 207px;
	height: 156px;
	}
.thumb.right {
	float: right;
	margin-left: 1.6em;
	}
.gallery {
	position: relative;
	margin-bottom: .8em;
	}
.thumb.left,
.gallery .thumb {
	float: left;
	margin-right: 1.6em;
	}


/* min-width */
#all,
#bottom {
	min-width: 1000px;
	}

/* layout */
#all {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
	background: url(/images/b-sky.png) repeat-x;
	}
#wide {
	position: absolute;
	top: 191px;
	right: -1px;
	height: 296px;
	width: 4000px;
	background: url(/images/b-wide.jpg) repeat-x -300px;
	}
#top {
	position: absolute;
	height: 375px;
	width: 100%;
	left: 0;
	top: 0;
	}

#content {
	position: relative;
	z-index: 1;
	margin: 375px 12% 0;
	}

#bottom_before {
	height: 105px;
	clear: both;
	}
#bottom {
	position: relative;
	height: 92px;
	margin-top: -92px;
	background: url(/images/b-bottom.png) bottom repeat-x;
	}

/* top */
#logo,
#contact {
	display: block;
	position: absolute;
	top: 48px;
	left: 8%;
	}
#logo IMG {
	width: 341px;
	height: 91px;
	}
#contact {
	top: 145px;
	padding: 0 0 0 38px;
	color: #fff;
	font: 30px Georgia, serif;
	line-height: 32px;
	}
#contact A,
#contact SPAN {
	font-size: 17px;
	color: #e21b00;
	}

UL#navbar {
	position: absolute;
	top: 0px;
	left: 88%;
	width: 550px;
	height: 250px;
	margin: 0 0 0 -550px;
	background: url(/images/navbar.png) 351px 16px no-repeat;
	}
UL#navbar LI {
	position: absolute;
	margin: 0;
	padding: 0;
	background: none;
	font: 17px Georgia, serif;
	font-style: italic;
	line-height: 35px;
	color: #e21b00;
	list-style-type: none;
	}
#navbar LI.item01 {
	top: 85px;
	right: 0;
	}
#navbar LI.item02 {
	top: 43px;
	left: 183px;
	}
#navbar LI.item03 {
	top: 93px;
	left: 133px;
	}
#navbar LI.item04 {
	top: 143px;
	left: 89px;
	}
#navbar LI.item05 {
	top: 193px;
	left: 44px;
	}
#navbar A,
#navbar SPAN.selected {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0 17px 0 17px;
	color: #e21b00;
	float: left;
	}
#navbar SPAN.selected {
	-khtml-opacity: .4;
	-moz-opacity: .4;
	-ms-filter: ”alpha(opacity=40)”;
	opacity: .40;
	}
#navbar SPAN {
	display: block;
	float: left;
	height: 35px;
	}
#navbar .value {
	background: url(/images/cn-c.png) repeat-x;
	}
#navbar .cn {
	position: absolute;
	top: 0;
	width: 34px;
	background: url(/images/cn.png) no-repeat;
	}
#navbar .cn.left {
	left: -17px;
	}
#navbar .cn.right {
	right: 0;
	margin: 0 -17px 0 0;
	}
#navbar A.big,
#navbar SPAN.big {
	font-size: 30px;
	line-height: 48px;
	padding: 0 24px 0 24px;
	height: 48px;
	}
#navbar .big SPAN {
	height: 48px;
	}
#navbar .big .value {
	background: url(/images/cn-large-c.png) repeat-x;
	}
#navbar .big .cn {
	width: 48px;
	background: url(/images/cn-large.png) no-repeat;
	}
#navbar .big .cn.left {
	left: -24px;
	}
#navbar .big .cn.right {
	margin: 0 -24px 0 0;
	}

#navbar LI.item06 {
	top: 133px;
	right: -25px;
	}
#navbar LI.item06 A {
	display: inline;
	float: none;
	padding: 0;
	}

UL#languages {
	position: absolute;
	margin: 0;
	top: 20px;
	right: 20px; 
	}
UL#languages LI {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 11px;
	background: none;
	}

/* bottom */
#bottom p {
	overflow: hidden;
	height: 92px;
	float: right;
	margin: 0 12%;
	padding: 0 0 0 120px;
	line-height: 92px;
	text-align: right;
	background: url(/images/copyright.jpg) 0 13px no-repeat;
	}

#colorize {
	position: absolute;
	top: 100%;
	left: 12%;
	margin: -29px 0 0;
	}
#colorize IMG {
	display: block;
	width: 99px;
	height: 29px;
	}

/* additional */
#rates {
	margin-left: auto;
	margin-right: auto;
	color: #000;
	}
#rates TD {
	vertical-align: middle;
	}

/* extra */
.clear {
	clear: both;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}