@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #006600;
	background-image:url(../images/bamboo.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-repeat: no-repeat;
	background-position: top left;
}
.main #container { 
	width: 780px;  
	background: #FFFFFF;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
} 
.main #header {
	background-color:#336601;
	padding: 0px; 
	text-align:center;
}

.blue_banner {
	background-color:#b6ed5e;
	clear:both;
	height:16px; _height:10px;
}

.blue_banner h4 {
		padding-right:5px;
		font:small-caption;
		padding-left:550px; _padding-right:5px; _float:right;
}
.head_image {
	width: 382px;
	height: 149px;
	float:left;
}
.head_image_right {
	width: 206px;
	height: 149px;
	float:right;
	background-image:url(../images/heimat_gardens.jpg);
	z-index:100;
}	
#index {
	background-image: url(../images/welcome.jpg);
}
#accommodation {
	background-image: url(../images/accommodation.jpg);
}
#koh_yao {
	background-image: url(../images/koh_yao.jpg);
}
#activities {
	background-image: url(../images/activities.jpg);
}
#getting_here {
	background-image: url(../images/getting_here.jpg);
}
#about_us {
	background-image: url(../images/about_us.jpg);
}
#contact_us {
	background-image: url(../images/contact_us.jpg);
}
#blog {
	background-image: url(../images/blog.jpg);
}
#photo {
	background-image: url(../images/photo.jpg);
}

#links {
	background-image: url(../images/links.jpg);
}

#sitemap {
	background-image: url(../images/index.jpg);
}

p {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:115%;
}

p:first-letter {
	font-size:14px;
}

h1 {
	font: 21px bold Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:105%;
	text-align:center;
}

h2 {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	font-weight:500;
}

h3 {
	font:14px Arial, sans-serif;
	color: #000000;
	line-height:115%;
	text-align:center;
	font-weight:400;
}

h4 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
	color:#666666;
}
h4 a{
	color:#666666;
}

h5:first-letter {
	font-size:18px;
	font-family:Georgia, "Comic Sans MS", serif;
}

h5 {
	color:#000000;
	text-align:center;
	font-weight:500;
	font-family: "Century Gothic";
	font-size: 14px;
}

h6 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:14px;
	font-weight:600;
}

ul {
	margin-top:-10px;
}
		
li {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#000000;
	line-height:16px;
	margin-bottom: 3px;
	list-style-position: outside;
	list-style-type: disc;
}

img {
	border:none;
	text-align:center;
	text-decoration:none;				
}

a {
	color:#0000FF;

}

img a{
	border:none;
	text-align:center;
	text-decoration:none;			
}

a:hover {
	color:#990000;
}

.main #header h1 {
	margin: 0; 
	padding:  0; 
}
.main #left_links {
	float: left; 
	width: 150px; 
	background: #EBEBEB;
	padding: 0 10px 10px 10px; 
	text-align:center;
}
.main #right_links {
	float: right; 
	width: 160px; 
	background: #EBEBEB; 
	padding: 5px 10px 10px 10px;
	text-align:center;
	margin:10px; *margin:0px;
}
.main #content { 
	margin: 0 auto; 
	padding: 5px 20px 0 20px;
} 
.main #footer { 
/*	padding: 0 10px 0 20px; */
	background:#DDDDDD;
	height:15px;
	text-align:center;
} 
.main #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.boxed a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#156f15;
	letter-spacing:0.1em;
	text-decoration: none;
	display:inline;
	padding:4px 5px 1px 5px;
}


.boxed a:hover {
	color: #262f19;
	background-color:#a2d650;
}

#currentpage a {
	color: #262f19;
	cursor:default;
	background-color:#a2d650;
	padding:4px 5px 1px 5px;
	
}

.photo {
	font:12px Verdana, "Comic Sans MS", sans-serif;
	color: #000000;
	line-height:115%;
	text-align:center;
	font-style:italic;
	letter-spacing:0.2em;
	font-weight:500;
	padding-bottom:15px;
}

.photo img {
	padding-top:6px; 
}

.meta {
border:thin groove #666666;
font:"Century Gothic";
}

.meta p {
font-style:italic;
}

.window {
padding:0;

}
.window img {border:thick #006600 ;
}
.window p{
vertical-align:top;
}