@charset "utf-8";

/*--RESET--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-family:helvetica,arial;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---Slider---*/
#slider1 {
    width: 480px; /* important to be same as image width */
    height: 318px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background: transparent url(/img/home/shadow.jpg) no-repeat bottom center;
}

#slider1Content {
    width: 480px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 455px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span strong {
    font-size: 14px;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

html, body{background:#eeeedf url(/img/body_bg.gif) repeat-x top center; margin:0 auto; padding:0; text-align:center; font-size:12px; color:#000;}
#outer_wrapper, #content_wrapper, #header, #section_image, #content, #footer{margin:0 auto; width:1000px; text-align:center;}
#header{background:url(/img/header.jpg) no-repeat top center; height:170px; overflow:hidden; text-align:left;} 
.h1_header{font-size:12px; color:#929281; height:15px; margin:10px 0 0 20px;}
#navigation{float:right; height:30px; line-height:25px; text-transform:lowercase; margin:120px 20px 0 auto;}
#navigation ul{list-style-type:none; width:auto; margin:0;}
#navigation ul li{display:block; float:left; margin:0 2px 0 0;}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited{height:30px;  font-weight:bold; background:#26609e url(/img/nav_bg_off.gif) repeat-x top center; font-size:13px; display:block; float:left; color:#fff; padding:0 10px; text-decoration:none;}
#navigation ul li a.bright, #navigation ul li a.bright:link, #navigation ul li a.bright:visited{height:30px; background:#26609e url(/img/nav_bg_bright_off.gif) repeat-x top center;}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.selected, #navigation ul li a.bright:hover, #navigation ul li a.bright:active, #navigation ul li a.bright.selected{color:#666; background:#fff;}
#content{background:transparent url(/img/content_bg.png) repeat-y top center; text-align:left; padding:0;}
#content_text{padding:10px 20px; width:960px; }

#section_nav{height:30px; width:991px; margin:0 4px; line-height:28px; text-transform:lowercase; background:#e5e5e5;}
#section_nav ul{list-style-type:none; margin:0;}
#section_nav ul li{display:block; float:left; margin:0;}
#section_nav ul li a, #section_nav ul li a:link, #section_nav ul li a:visited{height:30px; font-weight:bold; font-size:13px; display:block; float:left; color:#2465a9; padding:0 10px; text-decoration:none;}
#section_nav ul li a:hover, #section_nav ul li a:active, #section_nav ul li a.selected{color:#666; background:#fff;}

#sub_nav{display:block; width:230px; padding:0 5px; background:#ebf3fc;}
#sub_nav_header, #sub_nav_footer{margin:10px 0 0 0; background:#ebf3fc url(/img/sub_nav_top.gif) no-repeat top center; height:8px; width:240px; font-size:0;}
#sub_nav_footer{margin:0 0 15px 0; background:#ebf3fc url(/img/sub_nav_bottom.gif) no-repeat top center;}
#sub_nav ul{list-style-type:none; margin:0;}
#sub_nav ul li{background:transparent url(/img/sub_nav_seperator.gif) repeat-x bottom center; height:40px; line-height:35px; display:block; margin:0; }
#sub_nav ul li.double-line {line-height: 15px;}
#sub_nav ul li a, #sub_nav ul li a:link, #sub_nav ul li a:visited{ padding:5px 0; width:240px; font-weight:bold; font-size:11px; display:block; color:#2465a9; text-decoration:none;}
#sub_nav ul li a:hover, #sub_nav ul li a:active, #sub_nav ul li a.selected{color:#666;}

#contact_footer{border:1px #ff8a00 solid; padding:10px; background:#fba743 url(/img/contact_footer_bg.jpg) repeat-x top center; width:220px; color:#5e3504;}
#contact_footer .small{font-size:10px;}

.left_col{width:250px;}
.right_col{width:700px}
#footer{background:transparent url(/img/footer.png) no-repeat top center; height:159px;}
#footer_content{color:#fff; padding:65px 0 0 0; margin:0 20px; font-size:12px; font-weight:bold; text-align:left;}
.footer_text, .footer_text_right, .footer_text_right a, .footer_text_right a:link, .footer_text_right a:visited, .footer_text_right a:hover, .footer_text_right a:active, .footer_text a, .footer_text a:link, .footer_text a:visited, .footer_text a:hover, .footer_text a:active{color:#fff; width:40%;}
.footer_text_right{text-align:right;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both; height:0; margin:0; padding:0; line-height:0;}
.hide{display:none;}


h1, h2, h3, h4, h5, p{margin:0 0 15px 0;}
h2{font-size:22px; color:#286aaf;}
h3{font-size:20px; color:#db8e07;}
h4{font-size:16px; color:#7f837f;}
h5{font-size:14px; color:#666;}

.samui_trip_wide{width:240px; height:160px; padding:11px 11px 17px 11px; background:transparent url(/img/img_bg.jpg) no-repeat top center; margin:10px; border:none;}

p{line-height:20px;}
ul, ol{margin:0 0 15px 30px;}
ul li, ol li{margin:0 0 5px 0;}
ul li{list-style-image: url(/img/bullet_arrow.gif);}

a, a:link, a:visited{color:#39f; text-decoration:none;}
a:hover, a:active{color:#36d00c; text-decoration:underline;}

#contact_form{background:transparent url(/img/contact_bg_large.jpg) no-repeat top center; height:346px; padding:20px 450px 20px 20px; width:487px;}
.contact_form_text, .contact_form_text_last{border-bottom:1px #999 dotted; padding:5px; line-height:20px; color:#5e3504;}
.contact_form_text_last{border:none;}
input.contact_form, textarea.contact_form, select.contact_form{width:200px; margin:2px 0 5px 0; border:1px #b1b1b1 solid;}
textarea.contact_form{height:100px;}

.content_seperator{background:transparent url(/img/content_seperator.gif) repeat-x top center; margin:10px 0 20px 0; height:2px; font-size:0; }

#error{border:1px #880303 solid; background:#ffe4e4; color:#880303; padding:5px; line-height:20px;}
#success{border:1px #1e9406 solid; background:#dcfcd5; color:#1e9406; padding:5px; line-height:20px;}
.invalid{font-weight:bold; color:#f00;}
.valid{font-weight:bold; color:#666;}

table.telephone_numbers th{padding:5px; border-bottom:1px #e5e5e5 solid; font-weight:bold; background:#eee;}
table.telephone_numbers td{padding:5px; border-bottom:1px #e5e5e5 solid; color:#666;}

.alt{background:#ecf9ff;}
.tr_on{background:#c9edff;}