ul, ol, dl {
	margin: 0 0 0 1.5em;
	padding: 1em 0;
}

body {
	font-size: 86%;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #36c;
	text-align: center;
}

a {
	color: #36c;
}

a:visited {
	color: #347e7f;
}

a:hover, a:focus, #topnav li a:hover {
	color: #4845a0;
}

a img {
	border: none;
}

#topnav {
	position: relative;
	padding: 0.5em;
	padding-right: 160px;
	margin: 0 20px 0 0;
	text-align: center;
	background: top right no-repeat url("/images/logo.jpg");
	min-height: 80px;
	height: 3.5em;
   clear: both;
}

#topnav li {
	list-style-type: none;
	display: inline;
	padding: 0.3em;
	height: 2em;
}

#topnav li a {
	font-weight: bold;
	text-decoration: none;
	color: #036;
	padding: 0.3em;
}

#topnav li.current {
	background-color: #eef;
   font-style: italic;
}

#topnav li.current ul {
	display:inline;
	width: 640px;
	background-color: #eef;
	padding: 0.3em;
	z-index: 1;
   font-style: normal;
}
/* not required when using italics
#topnav li.current ul li.current {
	border: thin solid #36c;
}
*/

#topnav li ul{
	display:none;
	position: absolute;
	top: 2em;
	left: 0;
}

#topnav li:hover, #topnav li.over, #topnav li:hover a, #topnav li.over a {
	background-color: #eef;
}

#topnav li:hover ul, #topnav li.over ul, #topnav li ul:hover, #topnav li
ul.over {
	display:inline;
	width: 640px;
	background-color: #eef;
	padding: 0.3em;
	z-index: 2;
}

#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
}

#subnav {
	width: 860px;
}

#subnav li {
	float: left;
	display: inline;
	list-style: none;
	margin-bottom: 1em;
	text-align: center;
}
#subnav .current {
	border: #36c thin solid;
	color: #347e7f;
}
#subnav li a img {
	border: none;
}
#subnav li a {
	text-decoration: none;
	font-weight: bold;
}
.subnav1 li {
	width: 850px;
}
.subnav2 li {
	width: 420px;
}
.subnav3 li {
	width: 275px;
}
.subnav4 li {
	width: 210px;
}

h1 {
	position: absolute;
	left: 20px;
	top: 25px;
	font-weight: bold;
	font-size: 230%;
	line-height: 2.4em;
	color: #fff;
}

h2 {
	font-size: 140%;
	color: #036;
}
h3 {
   font-size: 120%;
   color: #036;
}

#food h1, #daytrips h1, #camping h1, #krabi h1, #trang h1, #satun h1, #sunset h1, #accommodation h1, #food h1, #contact h1, #trips h1, #further h1 {
	top: 310px;
}

#home h1 {
	top: 0;
}

#thailife h1
{
   left: 150px;
}

.banner {
	position: relative;
	margin-top: 0;
	padding-top: 0;
	width: 850px;
	height: 400px;
	background: no-repeat #369;
}

dt {
	float: left;
	padding-right: 1em;
	font-weight: bold;
}
dd {
   margin-left: 5em;
}

#content {
	float: left;
	width: 500px;
	clear: both;
}

.thirdLeft {
	float: left;
	width: 280px;
}
.thirdMiddle {
	float: left;
	width: 280px;
}
.thirdRight {
	padding-left: 580px;
}
.halfLeft {
	float: left;
	width: 420px;
}
.halfRight {
	padding-left: 440px;
}
.extra {
	padding-left: 520px;
}
.promotion h2 {
	color: #c00;
}
.promotion {
	padding: 0 3em;
	text-align: center;
}
.gallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
.gallery li {
	list-style: none;
	width: 380px;
	height: 330px;
	float: left;
	text-align: center;
	vertical-align: bottom;
	padding: 10px 0;
}

.mini_gallery li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	float: left;
	width: 200px;
	height: 120px;
	padding: 5px;
}
.mini_gallery img {
	float: left;
	padding-right: 0.5em;
}
.gallery-extra {
}
.short li {
	width: 250px;
	height: 80px;
}
.splitListLeft {
   list-style: none;
   float: left;
   width: 400px;
   padding-left: 50px;
}
.splitListRight {
   padding-left: 410px;
   list-style: none;
}

.floatLeft {
	float: left;
	padding: 1em;
}

.floatRight {
	float: right;
	padding: 1em;
}

.centre {
	text-align: center;
}

.dark {
	color: #036;
}

.light {
	color: #69c;
}

.heavy {
	font-weight: bold;
}

.clear, .supplementary {
	clear: both;
}

.captionUnder img {
	float: none;
}
.captionUnder li {
   height: 150px;
   color: #36c;
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.topPadding {
	padding-top: 0.5em;
}

.acknowledgements {
	color: #036;
	font-size: 76%;
   width: 400px;
   padding-top: 40px;
   line-height: 1em;
}

.darkBullet {
   list-style-image: url('/images/dark_bullet_ie.png');
}

fieldset {
   position: relative;
}

fieldset input {
   position: absolute;
   left: 8em;
}

fieldset textarea {
   margin-left: 8em;
}
/* For IE */
* html #content, * html .halfLeft, * html .floatLeft, * html .thirdLeft, * html .splitListLeft, * html .mini_gallery {
   display:inline; padding-top: 20px;
}
* html #topnav {
	height: 80px;
}
form.deposit fieldset {
  margin-bottom: 10px;
}
form.deposit legend {
  padding: 0 2px;
  font-weight: bold;
}
form.deposit fieldset ol {
  margin: 0;
  padding: 0;
}
form.deposit fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.deposit fieldset input {
   left: 16em;
}
p.warning {
   border: thin solid #f66;
   background-color: #fcc;
   font-weight: bold;
   padding: 0.5em;
}

#language {
   text-align: center;
   width: 820px;
   padding: 0;
   margin: 0;
   position: relative;
   height: 3em;
}
#language a {
   text-decoration: none;
   text-align:center;
   display: block;
   padding-top: 20px;
   margin-left: 10px;
   background-position: top center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
}
#language a:hover, #language a:active, #language a:focus {
   text-decoration: underline;
}
#language li {
   list-style: none;
}
#language .sv a {
   background-image: url('/images/languages/sv.jpg');
   right: 0;
}
#language .en a {
   background-image: url('/images/languages/en.jpg');
   right: 6em;
}