* { margin: 0; padding: 0; }

body { 
	margin: 0;
	padding: 0;
	font: normal 11px/1.6 Verdana, Arial, Helvetica, sans-serif;
    color: #444;
	text-align: center;
	background: #fff url(/images/tile.jpg) repeat center top;
}

p { 
	margin: 0;
	padding: 0 8px 0.6em 0;
	text-align: justify;
}

p span { 
	font-weight: bold;
}

address {
	font-style: normal;
	margin: 0;
	padding: 0 0 0.6em 0;
}

address span {
	font-weight: bold;
}

em	{
	font-family: Georgia, Times, "Times New Roman", serif;
}

a {
	color: #315d95;
	text-decoration: none;
}

a:visited, a:active {
	text-decoration: none;
}

a:hover {
	color: #5195CE;
	text-decoration: none;
}

a img { border: none; }

img.right {
	float: right;
	margin: 0;
	padding: 0 0 0 8px;
}

img.left {
	float: left;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}

img.border {
	margin: 0;
	padding: 0;
	border: 2px solid #d1d1d1;
}

.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.clearer {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

h1 {
	font-size: 13px;
	line-height: 1.4;
	color: #222;
}

h2 {
	font-size: 12px;
	line-height: 1.2;
	color: #444;
}

h3 {
	font-size: 11px;
	line-height: 1.1;
	color: #555;
}

h4 {
	font-size: 11px;
	line-height: 1.1;
	color: #777;
}

p.emp {
	font-style: italic;
}

p.smll {
	font-size: 90%;
}

ul.blcks {
	margin: 0;
	padding: 0;
	list-style-type: disc;	
	width: 680px;
	float: left;
}

ul.blcks li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

ul.blcks2 {
	margin: 0;
	padding: 0;
	list-style-type: disc;	
	width: 680px;
	float: left;
}

ul.blcks2 li {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.mini {
	font-size: 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
}

/* main-layout */
#wrapper {
	width: 920px;
	margin: 4px auto 0;
	padding: 0;
	text-align: left;
	height: auto !important;
	height: 100%; /*Hack IE6*/
	min-height: 100%; /*Hack Firefox*/
	background-color: #fff;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	border-top: 4px solid #fff;
}

#header {
	margin: 0;
	padding: 2px 0 0 0;
}	

#container {
	margin: 0 0 8px 0;
	padding: 0;
}

.main-content {
	margin: 0;
	padding: 0;
	width: 698px;
	min-height: 600px;
	float: left;
} 

.sidebar {
	float: right;
	margin: 0;
	padding: 0 2px 0 0;
	width: 210px;
}
/* end of main-layout */

/* #HEADER */
.header-inner {
	margin: 0;
	padding: 4px 4px 0;
	height: 64px;
	position: relative;
	top: 0;
	left: 0; 
}

.header-inner img {
	margin: 0;
	padding: 0;
}

.header-inner ul {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 4px 0 0 0;
}

.header-inner li {
	display: inline;
	color: #437cb2;
	font: 11px/1.4 Arial, Helvetica, sans-serif;
}

.header-inner ul a:link, .header-inner ul a:visited {
	margin: 0;
	padding: 0 4px 0 3px;
	text-decoration: none;
	color: #437cb2;
}

.header-inner ul a:hover {
	color: #334b74;
}

.header-inner p {
	font-weight: normal;
	color: #555;
	margin: -14px 0 0 72px;
	padding: 0;
}

.header-inner p span {
	color: #ff3335;
	font-style: italic;
	font-weight: bold;
}
/* END OF HEADER */
/* NAVIGATION */
#navigation {
	margin: 0;
	padding: 0;
	background: #fff url(../images/navs.png) repeat-x left -4px;
	border: 1px solid #e1e1e1;
	border-bottom: 2px solid #eae4d6;
}

ul#nav {
	display: block;
	height: 28px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#nav li { 
	display: inline;
}

ul#nav li a {
	display: block;
	float: left;
	margin: 0;
	font: bold 11px/1.6 Arial, Helvetica, sans-serif;
	padding: 6px 12px 0 12px;
	color: #666;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	height: 22px;
	border-right: 2px solid #dfdfdf;
}

ul#nav li a:hover {
	background-color: #3d80b0;
	color: #fff;
}

ul#nav li a.active, ul#nav li a.active:hover {
	color: #fff;
	background: #3D515C;
	cursor: default;
	font-weight: bold;
}

ul#nav li.current a {
	color: #333;
	background: #fff url(../images/background_nav.gif) repeat-x left bottom;
	cursor: default;
	font-weight: bold;
}

/* END OF NAVIGATION*/
/* BREADCRUMB */
#breadCrumb {
	margin: 0 0 8px 0;
	padding: 0;
	background: #fff url(../../images/bc_bg.png) no-repeat top left;
	height: 28px;
}

#breadCrumb  p {
	color: #444;
	margin: 0;
	padding: 5px 12px;
}

#breadCrumb  p span {
	font-weight: bold;
}

#breadCrumb a {
	background: transparent url(/images/arrow.gif) no-repeat center right;
	text-decoration: none;
	margin: 0;
	padding: 0 10px 0 4px;
	color: #c0c0c0;
}

#breadCrumb a:visited, #breadCrumb a:active {
	color: #c0c0c0;
}

#breadCrumb a:hover {
	color: #444;
}

/* END OF BREADCRUMB */
/* CONTAINER */
.main-content .inner {
	margin: 0 0 16px 4px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

.main-content .inner2 {
	margin: 0 0 16px 4px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	background-color: #EDEDEC;
}


.main-content .inner ul {
	margin: 0;
	padding: 0 4px 12px 16px;
}

ul#sitelist {
	list-style-type: none;
}

.subs {
	margin: 0;
	padding: 0;
	background: #fff url(../images/sidebar-bg.png) 0 100% no-repeat;
	overflow: hidden;
}

.subs ul {
	margin: 0;
	padding: 0 8px 12px 8px;
	list-style-type: none;
}

.subs li {
	font-size: 10px;
	line-height: 1.8;
	border-bottom: 1px solid #eee;
}

.subs h2 { 
	margin: 0;
	padding: 2px 4px 4px 8px;
	background: url(/images/sidebar_header.png) no-repeat;
	line-height: 20px;
	color: #fff;
}

.subs h3 {
	margin: 0;
	padding: 2px 4px 4px 8px;
}

#main-nav-top { 
	margin: 0;
	padding: 0;
	background: url(/images/samui_nav_top.jpg) no-repeat;
	height: 150px;
}

.subs h2 a:link, .subs h2 a:visited {
	color: #fff;
}

.subs h2 a:hover {
	color: #efefef;
}

.subs ul ul {
	margin: 0 0 0 8px;
	padding: 0 4px 4px 12px;
	list-style-image: url(../images/tree_arrow.png);
	font-style: italic;
}

h2.related {
	margin: 4px;
	padding: 0 4px;
	border-bottom: 1px solid #e1e1e1;
	color: #c1c1c1;
}

.related ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

.related ul li {
	margin: 0;
	padding: 0;
	border: none;
}

.related ul li a {
	margin: 0;
	padding: 0;
	display: block;
	font: 10px/1.6 Verdana, Arial, Helvetica, sans-serif;
}

.related ul li a span {
	margin: 0;
	padding: 0 6px;
	line-height: 20px;
	color: #444;
	border: 1px solid #fff;
}

.related ul li a:hover span {
	color: #777;
	background-color: #e1e1e1;
	border: 1px solid #ddd;
}

a.info{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #555;
    text-decoration: none;
	border: none;
}

a.info:hover {
	z-index: 25;
	border: none;
	cursor: help;
}

a.info span {
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 24px;
	left: 20px;
	width: 120px;
	height: 27px;
    border: none;
    background: url(../images/mini/tooltp.png);
	color: #555;
    text-align: center;
	line-height: 27px;
	font-size: 90%;
	font-weight: normal;
}

/* -- .main-content .inner positioning for diving -- */
.site-id {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 240px;
	background: #fafafa url(../images/footer_bg.gif) repeat left top;
	border: 1px solid #ccc;
}

.site-id h2 {
	margin: 0;
	padding: 0.4em 0 0.1em 4px;
}

.site-id p {
	margin: 0;
	padding: 0 4px 0.2em 4px;
	color: #555;
	text-align: left;
}

.site-id p span{
	padding-right: 6px;
}

.site-id p#gallery {
	margin: 0 0 4px 0;
	padding: 0;
	text-align: center;
}	

.site-id p#gallery img {
	margin: 0 1px 0 1px;
	padding: 0;
	border: 1px solid #444;
}

.content {
	margin: 0 250px 12px 0;
	padding: 0;
	background-color: #fff;
	color: #444;
}
/* -- end of .main-content .inner positioning for diving -- */
/* -- building blocks -- */
.blocks {
	margin: 0 10px 8px 0;
	float: left;
	width: 216px;
	height: 100%;
	padding: 0;
	background-color: #efefef;
	border: 1px solid #c0c0c0; 
	height: 28em;
}

.blocks h2 {
	margin: 0;
	padding: 4px 4px 0 4px;
	text-transform: capitalize;
	font-size: .9em;
	line-height: 110%;
}

.blocks p {
	margin: 0;
	padding: 2px 4px 4px 4px;
	font-size: 0.9em;
	line-height: 150%;
}

.blocks p img {
	margin: 0;
	padding: 0 0 0 4px;
}

.blocks a {
	margin: 0;
	padding: 0 0 0 12px;
	background: #efefef url(../images/bl_arrow.gif) no-repeat left center;
}

.blocks img {
	margin: 0;
	padding: 4px;
}
/* -- end of building blocks -- */
.blocks2 {
	margin: 4px 4px 8px 4px;
	float: left;
	width: 326px;
	height: 100%;
	padding: 0;
	background-color: #fff;
	border-right: 1px dotted #dfdfdf;
}

.blocks2 h2 {
	margin: 0;
	padding: 4px 4px 0 4px;
	text-transform: capitalize;
}

.blocks2 p {
	margin: 0;
	padding: 2px 4px 4px 4px;
}

.blocks2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: normal 1em/1.8 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.blocks2 ul#tour-inc {
	margin: 0 0 0 16px;
	padding: 0 0 0 0;
	list-style-type: disc;
	font: normal 1em/1.6 Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.blocks2 li span {
	font-weight: bold;
}

/* //image container for lightbox// */
.picturebox {
	margin: 4px 0 16px;
	padding: 0;
}

.picturebox p {
	margin: 0;
	padding: 0;
}

.picturebox img {
	background: #c2c2c2 url(images/img_box.gif) no-repeat;
	margin: 0 4px;
	padding: 2px;
	width: 84px;
	height: 56px;
	border: none;
}

.picturebox .noborder {
	margin: 0 2px;
	padding: 2px 0;
	border: none;
	background: #fff;
	width: 100px;
	height: 56px;
}
/* //end of container for lightbox// */
h2#itenarary {
	color: #fff;
	background-color: #fff;
	padding: 6px 0 0 24px;
	margin: 0;
	background: #fff url(../images/h_header.png) no-repeat left top;
	height: 40px;
}

p.totheright {
	text-align: right;
}

/* END OF CONTAINER */
/* EXTRAS */
#extras {
	margin: 0;
	padding: 0;
	border: 1px dotted #dfdfdf;
	height: 24px;
	clear: both;
}

#extras p {
	margin: 0;
	padding: 4px 0 4px 12px ;
	text-align: right;
}

/* END OF EXTRAS */
/* FOOTER */
#footer {
	margin: 0;
	padding: 0;
	background: #e6e8ea url(../images/logomuz.png) no-repeat right top;
	clear: both;
	height: 92px;
}

#footer p {
	margin: 0 12px;
	padding: 4px 0 4px;
	color: #4b829e;
}

#footer p a:link, #footer p a:visited {
	color: #00759a;
}

#footer p a:hover {
	color: #89b5cc;
}

#footer p.smll, #footer p.smll a {
	font-size: 90%;
	font-weight: bold;
}

/* END OF FOOTER */
/* accor-menu */
.menu_list {
	width: 210px;
	margin: 0 0 16px;
	padding: 0;
}
.menu_head {
	padding: 4px 6px;
	cursor: pointer;
	position: relative;
	margin: 0 1px 1px;
	font-weight: bold;
	font-size: 10px;
	background: #E6E6E6 url(/images/left.png) center right no-repeat;
}

.menu_head a:link, .menu_head a:visited {
	color: #888;
}

.menu_head a:hover {
	color: #222;
}

.menu_body {
	margin: 0 1px 1px;
	display: none;
}
.menu_body a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	color: #006699;
	background-color: #EFEFEF;
	padding-left: 6px;
	text-decoration: none;
	font-size: 11px;
	line-height: 1.5;
}
.menu_body a:hover{
	color: #0099FF;
}
.menu-normal a {
	font-weight: normal;	
}
.menu-normal a:hover {
	text-decoration: none;	
}

.menu_header {
	margin:  0 1px 1px;
	padding: 4px 6px;
	background-color: #D2D2D2;
	color: #777;
	font: bold 12px/1.4 Geneva, Arial, Helvetica, sans-serif;
}
/* end of accor menu */
/* hotel tag container */
#hoteltag {
	margin: 0 0 1em 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 8em;
	width: 684px;
}

#hoteltag .logo {
	margin: 0;
	padding: 0.1em 0.2em 0.1em;
	position: absolute;
	top: 0;
	left: 0;
}

#hoteltag .tags {
	margin: 0;
	padding: 0.1em 0.2em 0.1em;
	position: absolute;
	top: 0;
	left: 320px;
}

#hoteltag .tags h6 {
	font: bold 1.0em/1.4 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0.1em;
	text-transform: uppercase;
}

#hoteltag .tags h6 span {
	font: normal 0.9em/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0.1em;
	text-transform: none;
}

#hoteltag .tags p {
	font: normal 1.0em/1.4 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0.1em;
	text-align: left;
}

#hoteltag .tags p span {
	margin-right: 4px;
}

/* end of hotel tag container */
/* hotel nav */
/* //hotel navigation// */
#hotelnav {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 34px;
	width: 686px;
}

#hotelnav .navlist {
	margin: 0 0 4px 0;
	padding: 6px 0 4px 5px;
	border-bottom: 1px solid #ACD1E9;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}

#hotelnav .navlist li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#hotelnav .navlist li a {
	padding: 2px 12px;
	margin-left: -3px;
	border: 1px solid #fff;
	border-bottom: none;
	background-color: #ACD1E9;
	text-decoration: none;
	word-spacing: 1px;
}

#hotelnav .navlist li a:link { color: #666; }

#hotelnav .navlist li a:visited { color: #666; }

#hotelnav .navlist li a:hover {
	color: #333;
	background-color: #fff;
	border-color: #ACD1E9;
	padding-bottom: 5px;
}

#hotelnav .navlist li a#aktif {
	color: #333;
	background-color: white;
	padding-bottom: 5px;
	border-color: #ACD1E9;
}

#hotelnav .navlist a.reservation {
  	background: #d9d1aa;
}

/* hotel nav */
/* forecast */
.forecast {
	margin: 8px 0 4px 0;
	padding: 0;
	background: #fff url(../images/forecast_bg.png) no-repeat left top;
	width: 206px;
	height: 83px;
}

.forecast dl {
	margin: 0;
	padding: 0;
	width: 206px;
}

.forecast dt {
    clear: both;
    float:left;
    width: 60px;
    margin: 4px 10px;
    padding: 0;
    text-align: left;
	font: 10px/1.6 Geneva, Arial, Helvetica, sans-serif;
	color: #777;
}

.forecast dd {
    float: left;
    width: 98px;
    margin: 4px 8px;
    padding: 0;
	font: 10px/1.3 Geneva, Arial, Helvetica, sans-serif;
	color: #777;
}

.forecast dd span {
    font-size: 125%;
	font-weight: bold;
}	

.weathercom {
	margin: 8px;
	padding: 0;
}
/* end of forecast */
/* accommodation main */
.dealsbox {
	margin: 0 0 4px;
	padding: 4px 0;
	width: 684px;
	height: 136px;
	border: 1px solid #e1e1e1;
}

.hotelpic {
	float: left;
	margin: 4px 8px 4px 0;
	padding: 0;
	width: 108px;
	height: 136px;
}

.hotelpic img {
	margin: 8px 0;
	padding: 0;
}

.hotelinf {
	float: left;
	margin: 4px 4px 12px 0;
	padding: 0;
	width: 466px;
	height: 136px;
}

.hotelinf h3, .hotelinf p {
	line-height: 16px;
}

.hotelinf p img {
	border: none;
}

.price {
	float: left;
	margin: 4px 0;
	padding: 0;
	width: 90px;
	height: 136px;
}

.price p {
	margin: 0;
	padding: 8px 8px 0;
	font: 13px/1.3 Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.price p span {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}