/* CSS Document */

body {margin:0px; padding:0px; background:url(images/bg-body.jpg) repeat; font-family:Tahoma; }

.clr {clear:both; overflow:hidden;}
a{color:#0099FF; }
/* Top Container */
#top {margin:0 auto; height:143px; background:url(images/header-bg.gif) top no-repeat #c2e5eb;}
.header {clear:both; margin:0 auto; width:1002px;}
.logo {float:left;}
.top-right {float:right;}
.top-contact {clear:both; text-align:right;}
.top-email {clear:both; padding:0 0 0 30px; background:url(images/top-mess.gif) left no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#323743; line-height:33px;}
.top-email a {color:#323743; text-decoration:none;}
.top-email a:hover {color:#323743; text-decoration:underline;}



@font-face {
    font-family:'OpenSansRegular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'KabelItcTEERegular';
    src: url('ke01013t-webfont.eot');
    src: url('ke01013t-webfont.eot?#iefix') format('embedded-opentype'),
         url('ke01013t-webfont.woff') format('woff'),
         url('ke01013t-webfont.ttf') format('truetype'),
         url('ke01013t-webfont.svg#KabelItcTEERegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* NAVIGATION  */
#nav-containar {background:url(images/nav-bg-bihnd.gif) top left repeat-x; height:55px;}
.nav {margin:0 auto; width:1002px; height:55px; background: url(images/nav-bg.gif) top left repeat-x;}
.nav ul {margin:0px; padding:0px;}
.nav ul li {margin:0px; float: left; line-height:55px; list-style-type:none; font-family:'OpenSansRegular'; color:#fff; font-size:18px; font-style: italic; display:block; text-align:center; font-style:italic;}
.nav ul li a {color:#fff; text-decoration:none; height:55px; width:94px; padding:0px; display:block;}
.nav ul li a:hover {padding:0px; margin:0px;  padding:0px; background:url(images/home-hvr.gif) top no-repeat; display:block; height:55px; width:94px;}
.nav ul li a.active{ background:url(images/home-hvr.gif) no-repeat;}

.nav .aboutus a {height:55px; width:120px; padding:0px;}
.nav .aboutus a:hover {background:url(images/abt-hver.gif) top left no-repeat; height:55px; width:120px; padding:0px; display:block;}
.nav .aboutus a.active { background:url(images/abt-hver.gif) no-repeat;}


.nav .tour-pack a {height:55px; width:150px; padding:0px;}
.nav .tour-pack a:hover {background:url(images/tour-package.gif) top left no-repeat; height:55px; width:150px; padding:0px; display:block;}
.nav .tour-pack a.active { background:url(images/tour-package.gif) no-repeat;}

.nav .act a {height:55px; width:112px; padding:0px;}
.nav .act a:hover {background:url(images/activtes.gif) top left no-repeat; height:55px; width:112px; padding:0px; display:block;}
.nav .act a.active {background:url(images/activtes.gif) no-repeat;}

.nav .poly a {height:55px; width:173px; padding:0px;}
.nav .poly a:hover {background:url(images/policy-hvr.gif) top left no-repeat; height:55px; width:173px; padding:0px; display:block;}
.nav .poly a.active { background:url(images/policy-hvr.gif) no-repeat;}

.nav .contact-hvr a {height:55px; width:129px; padding:0px;}
.nav .contact-hvr a:hover {background:url(images/contact-hvr.gif) top left no-repeat; height:55px; width:129px; padding:0px; display:block;}
.nav .contact-hvr a.active {background:url(images/contact-hvr.gif) no-repeat;}


/* middle Container */
#mid-containar {margin:0 auto;; width:1002px; background:#FFF;}
.banner {clear:both; height:327px;}

/* ==== slider - show===== */
.slider {clear:both; margin:0px; padding:0px; width:1002px; height:237px; background:url(images/sldr-bg.jpg) top no-repeat;}
.slider h1 {position:absolute; width:344px; z-index:99999; float:left; height:78px; margin:-19px 0px 0px  -10px;}
.stepcarousel {position:relative; overflow:scroll; height:260px; margin:0px auto;}
.stepcarousel .belt {position:absolute; left:0; top:0px;}
.stepcarousel .panel {overflow:hidden; margin:0px;}
.stepcarousel .panel img {border:none;}


.stepcarousel .content {overflow:hidden; margin:61px 0 0 52px; width:1002px; float:left;}

.stepcarousel .content-left {margin:0px; width:450px; float:left;}
.stepcarousel .content-left img {float:left; margin:0 12px 0 0; border:1px solid #424955;} 
.stepcarousel .content-left h2 {margin:0px 0 16px 0; font-family:'OpenSansRegular';  font-size:16px; color:#000;}
.stepcarousel .content-left h2 a{color:#000; text-decoration:none;}

.stepcarousel .content-left h3 {margin:0px; font-size:12px; color:#ae012f;}
.stepcarousel .content-left p {margin:0px; font-size:12px; color:#fff; line-height:16px;}


.stepcarousel .content-rgt {margin:0px ; width:450px; float: left;}
.stepcarousel .content-rgt img {float:left; margin:0 12px 0 0; border:1px solid #424955;} 
.stepcarousel .content-rgt h2 {margin:0px 0 16px 0; font-family:'OpenSansRegular';  font-size:16px; color:#000;}
.stepcarousel .content-rgt h2 a {color:#000; text-decoration:none;}

.stepcarousel .content-rgt h3 {margin:0px; font-size:12px; color:#ae012f;}
.stepcarousel .content-rgt p {margin:0px; font-size:12px; color:#fff; line-height:16px;}

/* mid */
#mid {clear:both; padding:4px 0 63px 0;}
/* left */
.left {float:left; width:668px;}
.txt1 {clear:both; margin:33px 18px 0 18px;}
.txt1 h1 {margin:0px 0 10px 0; font-size:28px; color:#5c6c71; font-family:'KabelItcTEERegular';}
.txt1 h2 {margin:10px 0px; font-size:18px; color: #418092;  font-weight:normal;}
.txt1 h2 a { text-decoration:none; color: #418092;}
.txt1 h2 a:hover { text-decoration:underline; color: #418092;}

.txt1 h3 {margin:0px 0px 15px 0px; font-size:15px; color:#5c6c71;}
.txt1 h4 {margin:0px 0 3px 0; font-size:15px; color:#414854; font-weight:bold;}
.txt1 h5 {margin:5px 0 15px 0; font-size:12px; color:#ac012e; font-weight:bold;}
.txt1 h6 {margin:20px 0 8px 0; font-size:18px; color:#ac012e; font-weight:normal;}
.txt1 p {margin:0px; font-size:13px; color:#5c6c71; line-height:18px;}
.txt1 ul {margin:20px 0 20px 0; padding:0px;}
.txt1 ul li {margin:0px 0 0 20px;; padding:0px; list-style-type:inherit; line-height:22px; font-size:13px;}
.txt1 ol {margin:20px 0 0 0; padding:0px;}
.txt1 ol li {margin:0px 0 0 20px;; padding:0px; list-style-type:circle; line-height:18px; font-size:13px;}
.txt1 p {margin:0 0 8px 0; font-size:12px; color:#000; line-height:18px;}

.price {border-bottom:solid 3px #ccc; margin-bottom:15px;}
.price th {background:#999; color:#fff; font-size:18px; font-weight:normal;}
.price td {font-size:12px;}

/* right */
.right {float:right; width:308px;}
/* enquiry form */
.enquiry {clear:both;}
.enquiry h1 {clear:both; margin:12px 0 0 0; padding:0px 0 0 38px; background:url(images/right-hd-bg.gif) no-repeat; height:47px; width:270px;}
.right-design {position:absolute; width:6px; height:72px; margin:-58px 0px 0px 308px;}
.enquiry form {margin:0px 20px 0 38px; padding:0px;}
.enquiry form label {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#475453; font-size:12px; font-weight:bold;}
.enquiry form input {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#475453; font-size:11px; background:#f3f8fe; border:1px solid #5c777f; width:185px; height:24px;}
.enquiry form input.btn {margin:0px 4px 0 0; padding:0px; float:left; cursor:pointer; background:url(images/submit-btn.gif) no-repeat left; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; border:none; width:78px; height:28px; text-align:center;}

/*  PACKAGES */
#package-text {margin:33px 18px 0 18px;}
#package-text h1 {margin:0px 0 18px 0; font-size:28px; color:#5c6c71; font-family:'KabelItcTEERegular';}
#package-text p {margin:0px 0px 10px 0px; font-size: 12px; color:#595959; line-height:17px;}
#package-list {width:450px; float:left; border-bottom:1px dashed #e9e2dd; padding:0px 0px 10px 0px; margin:0px 5px 10px 5px;}
#package-list img {float:left; margin:0px 10px 10px 0px; border:solid 3px #e9e2dd;}
#package-list h2 {font-size:16px; margin:0px 0px 1px 0px;}
#package-list h4 {margin:0px; font-size:12px;}
#package-list h4 a {float:left; display:block; color:#fff; padding:5px 10px; text-decoration:none; background:#fd8042;}
#package-list h4 a:hover {background:#0298c0;}
#package-list p {margin:0px 0px 10px 0px; color:#0298c0; font-size:12px; line-height:18px;}

/*  GALLERY  */
#gallery-area {width:689px; margin:0px 0px 0px 16px; float: right;}
#gallery-area h1 {font-size:18px; margin:0px; padding:0px 0px 5px 0px; color:#0298c0; border-bottom:#e9e2dd solid 1px; display:block;}
#gallery-area img {background:url(images/img-frame.png) no-repeat; float:left; display:block; width:256px; height:115px; padding:10px 10px; margin:12px 12px 0px 0px;}

/*  tour-package-COST-table  */
.left2 {float:left;}
#cost-tbl {clear:both; margin:10px 0px; border:#000 solid 1px;}
.cost-tbl1 {float:left; margin:0px; width:321px;}
.cost-tbl1 h2 {margin:0px; border-right:#000 solid 1px; padding:10px 10px; text-align:center; background:#b2c2d5; font-size:14px; font-weight:bold; color:#000;}
.cost-tbl1 ul {margin:10px 0 10px 10px; padding:0px; }
.cost-tbl1 ul li {margin:0px 10px; padding:0px; list-style-type: inherit; font-size: 12px; color:#595959; line-height:18px;}

table.standard {margin:30px 0px; /* Gives a 5px padding above and below the table */border-collapse:collapse;}
table.standard td {font-size:12px; padding:0px 10px; border:1px solid #343638;  line-height:21px;  color:#000; }

/*  hotels/*  fortune-resort-bay-island.html */  
.h-inner{float:left; margin:10px 40px;}
.h-inner img{ border: #000000 solid 4px;}
.h-inner p{ margin:0px 0px 10px 0px; color:#0298c0; font-size:16px; line-height:22px; text-align:center; }










.category {background:url(images/category-mid.gif) repeat-y;}
.category h3 {margin:0px; padding:0px 0px 0px 15px; font-size:18px; font-weight:normal;}
.category ul {margin:0px; padding:5px 0px 0px 18px;}
.category ul li {margin:0px; padding:0px 0px 0px 18px; list-style-type:none; background:url(images/arrow.gif) no-repeat; color:#045100; font-family:tahoma; font-size:11px; line-height:24px; text-decoration:underline;}
.category ul li a {color:#045100; text-decoration:underline;}
.category ul li a:hover {color:#333;}
/*category*/

.dropdown {margin:0px; padding:0px;}
.dropdown h4 {background: url(images/submit-form.gif) left no-repeat; color:#fff; font-family:tahoma; font-size:16px; margin:0px; padding:0px 0px 0px 40px; font-weight:bold; text-decoration:none; line-height:47px;}
.dropdown a.menuitem h4 {color:#fff; text-decoration:none;}

.dropdown div.submenu { margin:0px; padding:0px;}
.dropdown div.submenu ol {margin:0px; padding:0px;}
.dropdown div.submenu ol li {margin:0px; padding:0px 0px 0px 18px; list-style-type:none; font-weight:bold; line-height:18px; font-family:Arial; color:#333; font-size:11px;}
.dropdown div.submenu ol li a {color:#333; text-decoration:none;}
.dropdown div.submenu ol li a:hover {text-decoration:underline;}
/*dropdown*/
/*left1*/

.activities-link{clear:both;}
.activities-link a{ color:#000000; text-decoration:none;}


/*header-slide*/
.sliderwrapper {position:relative; overflow:hidden; width:100%; height:327px;}
.sliderwrapper .contentdiv {visibility:hidden; position:absolute; left:0; top:0; background:#779c32; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;}
.pagination {width:1000px; text-align:right; position:absolute; z-index:999; margin:-10px 0px 0px 0px;}
.pagination a {padding:0px 4px; background:#98d8f4; margin:0px 1px; font-size:6px;}
.pagination a:hover, .pagination a.selected {background-color:#fff100; }
/*header-slide-close*/
/*header*/


/* footer */
#footer {clear:both; margin:0px; background:url(images/footer-bg.gif) top left no-repeat; width:1002px; height:104px;}
#footer p {margin:0px; padding:0px; font-size:12px; color:#fff; text-align:center; line-height:82px;}
#footer p a {color:#fff; padding:0px 4px; text-decoration:none;}
#footer p a:hover {color:#fff; text-decoration:underline;}


#footer-right {position:absolute; width:6px; height:107px; float:right; margin:-12px 0px 0px 1002px;}
#footer-lft {position:absolute; width:6px; float:left; height:107px; margin:-12px 0px 0px -6px;}
/* footer */