/* RESET */
html, body, div, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
input, textarea, select {padding: 3px; margin: 0;}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 5px; line-height: 1.5em;}
em {font-style: italic;}
strong {font-weight: bold;}
table {border-spacing: 2px; width: 100%; font-size: 0.8em;}
tr, td, tbody, thead, tfoot {padding: 2px;}
:focus {outline: 0;}
hr {background: none; border: none; margin: 10px 0; border-bottom: 1px solid #ccc; clear: both;}

body {background: #f5f2ed url('../images/background.jpg') repeat top center; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
body p {margin-bottom: 20px; line-height: 1.9em; word-wrap: break-word;}

/* Misc */
.hide {display: none;}
.focused {background: #f9f9f9;}
table {font-size: 1em;}

/* Whole structure */
#container {margin: 0 auto; overflow: hidden; width: 1140px; font-size: 1em;}
#header {height: 250px; position: relative; background: url('../images/header_bg.jpg') no-repeat top center;}
#content {display: inline; float: left; width: 740px; margin-left: 10px; padding: 20px 0;}
#content-wide {width: 1120px; margin: 0 auto; padding: 20px 0;}
#aside {display: inline; float: right; width: 370px; margin-right: 10px; padding: 20px 0;}
#footer {clear: both; overflow: hidden; padding: 30px 0; border-top: 1px solid #e0e0e0; color: #555; height: 300px; background: url('../images/footer_bg.jpg') no-repeat bottom center;}

/* Top Menu Styling */
ul.top-menu {position: absolute; top: 10px; right: 0; font-size: 13px;}
ul.top-menu li.list {float: left; margin-right: 5px; padding: 0 5px; border-right: 1px solid #888;}
ul.top-menu li.small,
ul.top-menu li.big,
ul.top-menu li.reset {float: left; font-weight: bold; padding: 0 3px;}
ul.top-menu li.small {font-size: 0.8em; margin-top: 3px;}
ul.top-menu li.big {font-size: 1.2em; margin-top: -2px;}
ul.top-menu li.reset {font-size: 1em;}

.likeright {float: right;}

/* Menu styling */
.menu {clear: both; width: 1100px; height: 35px; padding: 12px 0 13px 20px; z-index: 10; position: relative; margin: 0 auto; background: url('../images/navi_bg.gif') no-repeat center;}
.menu li {display: inline; float: left; position: relative; padding: 0;}

.menu ul.dropdown-menu {display: none; padding: 10px; position: absolute; width: 750px; background: url('../images/menu_dropdown_bg.gif') no-repeat bottom center; z-index: 9999;}
.menu ul.dropdown-menu li {float: left; width: 250px;}

.menu ul.dropdown-menu li ul h3 { border-bottom: 1px dashed #000; width: 220px; color: #2b3e72; padding: 2px 2px 2px 0; font: bold 1em 'Open Sans', Arial, Verdana, Sans-serif; text-transform: uppercase; z-index: 9999;}
.menu ul.dropdown-menu li ul h3 a {display: block; clear: both; padding: 5px 10px; width: 220px; color: #2b3e72;}
.menu ul.dropdown-menu li ul h3 a:hover {color: #000; text-decoration: underline;}

.menu ul.dropdown-menu li ul {display: block; width: 200px; float: left; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif;}
.menu li ul li a {display: block; clear: both; padding: 5px 10px; width: 170px; color: #fff;}
.menu li ul li a:hover {color: #fff; text-decoration: underline;}
.menu li ul li a img {float: left;}

.menu li a.home,
.menu li a.news,
.menu li a.attractions,
.menu li a.forum,
.menu li a.tips,
.menu li a.hotel,
.menu li a.faq {height: 35px; background: url('../images/menu_top.gif') no-repeat; display: block; text-indent: -9999px;}
.menu li a.home {background-position: 0 0; width: 72px;}
.menu li a.news {background-position: -72px 0; width: 75px;}
.menu li a.attractions {background-position: -147px 0; width: 118px;}
.menu li a.hotel {background-position: -265px 0; width: 133px;}
.menu li a.forum {background-position: -398px 0; width: 87px;}
.menu li a.tips {background-position: -485px 0; width: 75px;}
.menu li a.faq {background-position: -560px 0; width: 70px;}

.menu li a.home:hover {background-position: 0 -35px; width: 72px;}
.menu li a.news:hover {background-position: -72px -35px; width: 75px;}
.menu li a.attractions:hover {background-position: -147px -35px; width: 118px;}
.menu li a.hotel:hover {background-position: -265px -35px; width: 133px;}
.menu li a.forum:hover {background-position: -398px -35px; width: 87px;}
.menu li a.tips:hover {background-position: -485px -35px; width: 75px;}
.menu li a.faq:hover {background-position: -560px -35px; width: 70px;}

.menu li a.rss,
.menu li a.fb,
.menu li a.twitter,
.menu li a.yt,
.menu li a.insta,
.menu li a.gram,
.menu li a.pinterest {height: 35px; width: 26px; background: url('../images/top_socials.gif') no-repeat; display: block; text-indent: -9999px; margin: 5px 0 5px 11px;}
.menu li a.rss {background-position: 0 0;}
.menu li a.fb {background-position: -27px 0;}
.menu li a.twitter {background-position: -54px 0;}
.menu li a.yt {background-position: -84px 0;}
.menu li a.insta {background-position: -112px 0;}
.menu li a.gram {background-position: -138px 0;}
.menu li a.pinterest {background-position: -164px 0;}

.menu li a.general,
.menu li a.islands,
.menu li a.cities,
.menu li a.explore,
.menu li a.borneo {height: 35px; background: url('../images/menu_middle.gif') no-repeat; display: block; text-indent: -9999px;}
.menu li a.general {background-position: 0 0; width: 119px;}
.menu li a.islands {background-position: -119px 0; width: 126px;}
.menu li a.cities {background-position: -245px 0; width: 111px;}
.menu li a.explore {background-position: -356px 0; width: 145px;}
.menu li a.borneo {background-position: -501px 0; width: 119px;}
.menu li a.general:hover {background-position: 0 -35px; width: 119px;}
.menu li a.islands:hover {background-position: -119px -35px; width: 126px;}
.menu li a.cities:hover {background-position: -245px -35px; width: 111px;}
.menu li a.explore:hover {background-position: -356px -35px; width: 145px;}
.menu li a.borneo:hover {background-position: -501px -35px; width: 119px;}

.menu li.menu-search {background: #fff; width: 282px; height: 35px; position: relative;}
.menu li .searchform {height: 35px; overflow: hidden;}
.menu li .searchform input.search-text {padding: 4px; border: 5px solid #fff;  width: 180px; position: absolute; top: 0; left: 0;}
.menu li .searchform input.search-button {position: absolute; top: 0; right: 0; padding: 0;}

/* .responsiveslides */
.responsiveslides {position: relative; width: 1126px; height: 529px; overflow: hidden; margin: 5px 0 15px 5px;}
.responsiveslides .next {position: absolute; right: 20px; top: 42%; display: none; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.png') no-repeat -48px 0; text-indent: -9999px; cursor: pointer;}
.responsiveslides .prev {position: absolute; left: 20px; top: 42%; display: none; z-index: 100; width: 48px; height: 48px; background: url('images/slide_nav.png') no-repeat 0 0; text-indent: -9999px; cursor: pointer;}
.responsiveslides:hover .next,
.responsiveslides:hover .prev {display: block;}
.responsiveslides-slide {position: relative;}
.responsiveslides-slide li {position: relative; width: 1120px; height: 524px;}
.responsiveslides-slide li img {width: 100%; height: 519px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption {position: absolute; right: 20px; top: 20px; bottom: 210px; background: #fbf7f3; color: #333; line-height: 1em; font-size: .95em; width: 300px; z-index: 8; padding: 2%; opacity: .9; text-align: left !important;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption h3 {font-size: 1.1em;}
.responsiveslides-slide li .responsiveslides-caption .post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; font-size: .8em; background: #f8941d; position: absolute; bottom: 10px; right: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.responsiveslides-slide li .responsiveslides-caption .post-button:hover {background: #2b3e72; color: #fff;}
.responsiveslides .responsiveslides_tabs {list-style: none; position: absolute; bottom: 10px; z-index: 100; width: 100%; text-align: center;}
.responsiveslides .responsiveslides_tabs li {display: inline-block;}
.responsiveslides .responsiveslides_tabs li a {cursor: pointer; display: block; width: 16px; height: 16px; background: #ccc; text-indent: -9999em; margin: 0 3px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.responsiveslides .responsiveslides_tabs li.responsiveslides_here a {background: #ec5258;}

/* Header styling */
#header .header-title {display: block; width: 220px; height: 100px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 0; top: 0; left: 0;}

/* Content styling */
.review-list {float: left; width: 150px; height: 300px; margin: 0 3px;}

.post {border: 1px solid #ceceae; background: #fff; clear: both; margin-bottom: 20px; padding: 15px;}
.post h2 {font: bold 1.4em 'Open Sans', Arial, Verdana, Sans-serif; color: #596482 !important; padding: 7px 10px 7px 15px; width: 698px; margin: 0 0 10px -15px;}
.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 710px; margin: 0 0 10px -15px;}
.post h2.title_welcome {width: 698px; height: 40px; background: url('../images/title_welcome.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post h2.title_topics {width: 698px; height: 40px; background: url('../images/title_topics.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post h2.title_link {width: 698px; height: 40px; background: url('../images/title_link.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 0 0 10px -15px;}
.post ul {list-style: disc; margin: 0 10px 20px 30px;}
.post ul.listing {list-style: none;}
.post ul.listing li {background: url('../images/tick.gif') no-repeat 0 6px; padding: 1px 0 1px 20px; line-height: 1.8em; }
.post ol {margin: 0 10px 20px 30px;}
.columns {clear: both; overflow: hidden; margin-bottom: 20px;}
.columns h3 {font-size: 1.5em; color: #00b3ff; margin: 0 10px;}

.columns h3.title_explore {display: block; width: 240px; height: 30px; background: url('../images/title_explore.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}
.columns h3.title_plan {display: block; width: 240px; height: 30px; background: url('../images/title_plan.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}
.columns h3.title_malaysia {display: block; width: 240px; height: 30px; background: url('../images/title_malaysia.gif') no-repeat center; text-indent: -9999px; padding: 0; margin: 10px 0;}

.columns ul {list-style: none; padding: 0; margin: 0 20px 10px 20px;}
.columns ul li {border-bottom: 1px solid #eee; padding: 7px 0;}
.post-column {border: 1px solid #ceceae; background: #fff; width: 240px; height: 360px; position: relative; float: left; margin: 0 2px 20px 2px; overflow: hidden;}
.post-column p {padding: 0 11px;}
.post-column a.post-column-read {display: block; width: 90px; font: bold .8em 'Open Sans', Arial, Verdana, Sans-serif; background: #f8941d; color: #fff; text-align: center; padding: 3px 0; position: absolute; bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.post-column h3 {font-size: 1.1em; line-height: 1em; color: #00b3ff; margin: 0 5px; padding: 2px 0 10px 5px; }
.post-column h3 a {color: #00b3ff;}

.post ul.link-post {list-style: none; padding: 0 0 20px 0; margin: 0;}
.post ul.link-post li {background: url('../images/link_post.gif') no-repeat 0 8; padding-left: 15px;}

.post .google-map {padding: 25px; width: 708px; height: 400px; margin: 0 auto; clear: both;}
.post .youtube {padding: 15px; margin: 0 auto; clear: both;}
.post blockquote {line-height: 1.8em; font-style: italic; color: #999; padding: 0 20px;}
.post h3 {font: bold .95em 'Open Sans', Arial, Verdana, Sans-serif; color: #596482 !important; padding: 7px 10px 7px 0;}
.post h4 {font-size: 1em; color: #555; clear: both; text-align: center; padding: 20px; background: url('../images/heading_bg.gif') no-repeat center;}
.post h5 {font-size: 0.9em; color: #c5dd1d; font-weight: bold;}
.post h6 {font-size: 0.8em; color: #000;}
.post p.small {margin: 15px 15px 20px 15px; float: right; font-size: 90%; }

.post .article-footer {text-align: left; background: #fafafa; padding: 10px 0 10px 0; margin: 20px 10px 10px 10px; border:1px #e8e8e8 solid; border-radius:8px; -moz-border-radius:8px; }
.post .article-footer img.advertorial {float: right; margin: 15px 15px 15px 15px;}
.post .article-footer h5 { font-size: 1em; line-height: 1em; color: #454545; font-style: italic; padding: 10px 10px 10px 10px; }

.post-column .post-thumb {display: block; margin: 10px 0 10px 8px; padding: 2px 7px 7px 2px;}

.post .post-text {margin-bottom: 10px;}
.post h2.post-title a {color: #fff;}
.post ul.post-meta {overflow: hidden; border-top: 1px solid #ceceae; font: normal 10px Verdana, Tahoma, Sans-serif; text-transform: uppercase; padding: 5px 10px; margin: 0; list-style: none;}
.post ul.post-meta li {padding-left: 15px; margin-right: 10px; float: left;}
.post li.post-date {background: url('../images/post_date.gif') no-repeat 0 5px;}
.post li.post-category {background: url('../images/post_category.gif') no-repeat 0 5px;}
.post li.post-comment {background: url('../images/post_comment.gif') no-repeat 0 5px;}
.post li.post-edit {background: url('../images/post_edit.gif') no-repeat 0 5px;}

/* POST MISC */
.post code {background: #efefef; padding: 1px 2px;}
.post pre {overflow: auto; clear: both; border: 1px solid #eee; padding: 20px; background: #f9f9f9; margin-bottom: 20px;}
.post ul {padding: 0 20px 18px 35px; list-style: circle;}
.post ol {padding: 0 20px 18px 35px;}
.post li {padding: 3px 0; line-height: 1.5em;}
.post fieldset {clear: both; padding: 10px; margin: 10px 0;}
.post legend {font-size: 14px; font-weight: bold; background: #fff; padding: 2px 10px;}
.post label {margin-right: 10px;}

.post-footer {padding: 15px; margin: 10px 0; border: 1px solid #eee; overflow: hidden;}
.post-footer ul {padding: 0 20px; margin: 0;}
.post-footer ul li {padding: 5px 0;}
.post-related {padding: 0 !important; margin: 0 !important; list-style: none !important; font-size: 11px;}
.post-related li {float: left; width: 95px; margin: 5px;}
.post-related li img {padding: 3px; background: #fff; border: 1px solid #e5e5e5;}
.post-tags {font: normal 11px Verdana, Tahoma, Sans-serif; color: #888; line-height: 1.5em;}
#footer-navi {clear: both; overflow: hidden; padding: 0; font: normal 11px Verdana, Tahoma, Sans-serif; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#footer-navi li.previous {list-style: none; float: left;}
#footer-navi li.next {list-style: none; float: right;}

.pagetitle {text-align: center; font-size: 24px; padding: 20px; color: #999;}
ul.pagination {clear: both; font: bold 11px Verdana, Tahoma, Sans-serif; padding: 10px 5px; overflow: hidden;}
ul.pagination li {float: left;}
ul.pagination a:hover,
ul.pagination .current-page {padding: 5px 10px; margin-right: 5px; background: #f8931d; color: #fff;}
ul.pagination a {padding: 5px 10px; margin-right: 5px; background: #cfc5b4; color: #fff;}

.post .archives {overflow: hidden; clear: both; padding: 10px 0;}
.post .archives .archives-box {width: 45%; float: left; padding: 2px;}
.post .left {width: 48%; float: left; line-height: 1.5em;}
.post .right {width: 48%; float: right; line-height: 1.5em;}
.post .clearfix {clear: both; height: 18px;}

.post h3.sitemap-title {font-size: 1.2em; color: #666; border-bottom: 1px solid #eee; background: #fdfcfa; padding: 10px;}
.post ul.sitemap-list {margin: 0 0 20px 0; padding: 0; list-style: none;}
.post ul.sitemap-list li {border-bottom: 1px solid #eee; padding: 5px 10px;}

.post ul.post-sharing {list-style: none; padding: 0; margin: 0;}
.post ul.post-sharing li {float: right;}

.post h3.subscribe-title {text-align: center; font-size: 1.2em; font-weight: bold; color: #888; padding: 10px; background: #f5f2ed;}

.post-share-icons {padding: 10px 0 30px 0;}
.post-share-icons h5 {color: #f8941d; font-size: 1.6em;}
.post-share-icons ul {padding: 0; margin: 0;}
.post-share-icons ul li {list-style: none; padding: 0; margin: 0; float: left; margin-right: 10px;}

.post .adv2 { display:block; width:100%; margin:0 0 1.5em 0; border:1px #e8e8e8 solid; border-radius:8px; -moz-border-radius:8px; background-color: #fafafa; }
.post .adv2 .melding2 { background-color:rgb(255,235,200); }
.post .adv2 ul {list-style: none; overflow: hidden; }
.post .adv2 ul li { float: left; }
.post .adv2 h4 { font-size:1.2em; margin:5px 10px; padding:0; }

/* MISC */
.small-banner {margin: 0 auto; width: 468px; height: 60px; padding-bottom: 20px;}
#breadcrumb {overflow: hidden; padding: 5px 10px; font: 400 .85em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; background: #fff; border: 1px solid #f0eccf; margin-bottom: 10px;}
#breadcrumb a {background: url('../images/icon_arrow.gif') no-repeat right center; padding-right: 10px; margin-right: 5px;}
#breadcrumb .home {display: block; width: 24px; height: 16px; background: url('../images/icon_home.gif') no-repeat 0 0; text-indent: -9999px; float: left; padding: 0; margin-right: 5px;}

/* Sidebar styling */
.sidebox {background: #fff; border: 1px solid #cfcfaf; margin-bottom: 30px; padding: 15px 15px 10px 15px; overflow: hidden;}
.sidebox h3 {font: bold 18px 'Open Sans', Arial, Verdana, Sans-serif; color: #fff; text-transform: uppercase; padding: 12px 10px 5px 10px; background: #c5dd1d; width: 370px; margin: 0 0 10px -15px;}
.sidebox h3.title_spotlight01 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_01.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3.title_spotlight02 {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_spot_02.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3.subscribe {display: block; width: 370px; height: 40px; background: url('../images/sidebox_title_subscribe.gif') no-repeat center; text-indent: -9999px; padding: 0;}
.sidebox h3 span {color:#F8941D;}
.sidebox ul, ol {padding: 0;}
.sidebox ul li, ol, li {padding: 5px 0;}

.sidebox select {width: 95%;}
.sideboxad {border: 1px solid #cfcfaf; margin-bottom: 30px; overflow: hidden;}
.sidead {margin-bottom: 30px;}
.sidead2 {margin-bottom: 30px; margin-top: 30px;}
.sideadmainpage {margin-bottom: 30px; border: 1px solid #cfcfaf; }
.side-facebook,
.side-twitter {display: block; width: 122px; height: 42px; text-indent: -9999px;}
.side-facebook {background: url('../images/side_facebook.gif') no-repeat 0 0; float: left;}
.side-twitter {background: url('../images/side_twitter.gif') no-repeat 0 0; float: right;}

.sidebox h3 span {color:#F8941D;}
.sidebox img {padding: 0 0 0 35px;}
.sidebox ul.sidebarimg {}
.sidebox ul.sidebarlist { overflow: hidden; width: 350px; list-style: none;}
.sidebox ul.sidebarlist li { padding: 4px 2px 4px 5px; margin: 0 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.sidebarlist li a { text-decoration: none; color: #11414D;}
.sidebox ul.sidebarlist li a:hover { text-decoration: underline;}
ul.sidebarlist { list-style-type:none; margin:0; line-height: 1.75em; padding: 5px 0 5px 0px;}
#aside .googlead {margin-bottom: 30px; }

/* FOOTER WIDGET */
#footer-widget {clear: both; overflow: hidden; padding: 0 10px; margin: 10px 0; background: #fff; border: 1px solid #cfcfaf;}
.footer-block {float: left; width: 280px; padding: 10px; margin: 0 6px; }
.footer-block h4 {font: bold 1.4em Arial, Verdana, Tahoma, Sans-serif; color: #fff; text-transform: uppercase; padding: 15px 10px 6px 10px; background: #c5dd1d; margin: 0 0 10px -15px;}

/* SUBSCRIBE FORM */
.sub-text {width: 95%; clear: both; margin-bottom: 10px !important; color: #aaa; padding: 5px; font: normal 11px 'Open Sans', Arial, Verdana, Sans-serif; border: 1px solid #ddd;}
.sub-button {border: none; background: #c5dd1d; font-weight: bold; text-transform: uppercase; color: #fff;}
p.click-open-info {clear: both; display: none; font: normal 11px Verdana, Tahoma, Sans-serif; color: #999;}

/* Footer styling */
#footer span {color: #f8941d;}
#footer p {float: left;}
.footer-logos {display: block; width: 240px; height: 40px; float: right;}
.footer-logos a.agoda-my {text-indent: -9999px; display: block; float: left; height: 40px; width: 55px; background: url('../images/footer_logos.png') no-repeat 0 0;}
.footer-logos a.rentalcars-my {text-indent: -9999px; display: block; float: left; height: 40px; width: 80px; background: url('../images/footer_logos.png') no-repeat -55px 0;}
.footer-logos a.klook-my {text-indent: -9999px; display: block; float: left; height: 40px; width: 65px; background: url('../images/footer_logos.png') no-repeat -135px 0;}

/* Link styling */
a {color: #f8941d; text-decoration: none;}
a:active {color: #000;}
a:hover {color: #f90;}

/* Image */
.post img.centered {display: block; margin: 10px auto; padding: 20px; background: url('../images/img_center_bg.jpg') no-repeat center;}
.post img.alignright {display: inline; margin: 0 0 10px 20px; padding: 20px; background: url('../images/img_bg.jpg') no-repeat center;}
.post img.alignleft {display: inline; margin: 0 20px 10px 0; padding: 20px; background: url('../images/img_bg.jpg') no-repeat center;}
.post img.imgright {display: inline; margin: 0 0 10px 20px; padding: 20px; }
.post img.imgleft {display: inline; margin: 0 20px 10px 0; padding: 20px; }

img {max-width: 100%; height: auto;}
img.centered {display: block; margin: 10px auto;}
img.alignright {display: inline; margin: 0 0 10px 20px; padding: 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0; padding: 20px;}
img.imgright {display: inline; margin: 0 0 10px 20px; padding: 20px;}
img.imgleft {display: inline; margin: 0 20px 10px 0; padding: 20px;}
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.imgleft {float: left; margin-right: 10px;}
.imgright {float: right; margin-left: 10px;}

img.pnf404 {margin: 0 0 0 25px;}

/* COMMENT */
#comment-box {padding: 0 10px; overflow: hidden; background: #fff; border: 1px solid #ceceae;}
#comment-box h4 {font-size: 18px; padding: 10px 0;}
#comment-box p {padding: 5px 0; margin: 0; line-height: 1.5em}
#respond {padding: 10px; background: #fff;}
.comment-text {width: 90%; margin-right: 5px;}
.comment-textarea {width: 98%;}
.comment-text,
.comment-textarea {border: 1px solid #ccc; padding: 5px; color: #999; font: normal 11px Verdana, Tahoma, Arial, San-serif;}
.comment-buttons {padding: 2px 5px;}
.avatar {margin-right: 20px; float: left; border: 1px solid #999;}
.comment-meta {clear: both; overflow: hidden; border-bottom: 1px solid #eee;}
.comment-content {padding: 5px 10px; overflow: hidden;}
.commentlist li {border: 1px solid #ddd; margin-bottom: 20px;}
.bypostauthor {background: #f8f6e9; border: 1px solid #ecebd7 !important;}
.bypostauthor .comment-meta {border-bottom: 1px solid #ecebd7 !important;}
#comment-box .children li {background: #fafafa; border: none; margin: 0 0 0 50px;}
a.comment-reply-link,
a#cancel-comment-reply-link {background: #f8941d; color: #fff; padding: 2px 5px; float: right; font: normal 11px Verdana, Tahoma, Arial, San-serif;}

/* CONTACT FORM */
#contactForm {clear: both; overflow: hidden;}
#contactForm input[type=text],#contactForm textarea {width: 100%; border: 1px solid #ddd; padding: 5px; color: #aaa; font: normal 12px Arial, Verdana, Tahoma, San-serif;}
#contactForm input[type=text] {padding: 5px;}
#contactForm textarea {height: 150px; padding: 5px;}
#contactForm span.error {color: #f00; font-weight: bold; clear: both; display: block;}

/* CALENDAR */
#wp-calendar {text-align: center; width: 100%; font-size: 11px;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}

/* CAPTIONS */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; background: #efefef; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 1.2em; padding: 3px 0; margin: 0;}

/* SHARING */
.post-share {clear: both; overflow: hidden; padding: 5px 0;}
.share-digg,
.share-stumbleupon,
.share-facebook,
.share-twitter,
.share-delicious,
.share-google, .share-yahoo,
.share-reddit {display: block; width: 16px; height: 16px; float: right; margin: 3px 0 0 10px; text-indent: -9999px; background: url('../images/social_icons.gif') no-repeat;}
.share-digg {background-position: 0 0;}
.share-stumbleupon {background-position: -16px 0;}
.share-facebook {background-position: -32px 0;}
.share-twitter {background-position: -48px 0;}
.share-delicious {background-position: -64px 0;}
.share-google {background-position: -80px 0;}
.share-yahoo {background-position: -96px 0;}
.share-reddit {background-position: -112px 0;}

/* CUSTOM */

/* Special list pages */
.pagesBox { margin-bottom: 0px; padding: 0 0 0 15px; width: 480px;}
.pagesBox ul { overflow: hidden; width: 480px;}
.pagesBox li { padding: 4px 2px 4px 2px; width: 478px; font-weight: normal; color: #11414D; background: #FFFFFF; border-bottom: 1px #eeeeee solid;}
.pagesBox li.last { width: 478px; padding: 4px 8px 4px 2px; background: #fdfcfa;}
.pagesBox li a { text-decoration: none; color: #11414D;}
.pagesBox li a:hover { text-decoration: underline;}
ul.pageslist { margin: 0; line-height: 1.75em; padding: 15px 0 15px 15px; font-family: Arial, Verdana, Tahoma, Sans-serif; list-style: none;}
/* Special list pages */
/* Special list allpages */
.allpagesBox { margin-bottom: 0px; padding: 0 0 0 15px; width: 480px;}
.allpagesBox ul { overflow: hidden; width: 480px;}
.allpagesBox li { padding: 4px 2px 4px 2px; width: 478px; font-weight: normal; color: #11414D; background: #FFFFFF; border-bottom: 1px #eeeeee solid;}
.allpagesBox li.last { width: 478px; padding: 4px 8px 4px 2px; background: #fdfcfa;}
.allpagesBox li a { text-decoration: none; color: #11414D;}
.allpagesBox li a:hover { text-decoration: underline;}
ul.allpageslist { margin: 0; line-height: 1.75em; padding: 15px 0 15px 15px; font-family: Arial, Verdana, Tahoma, Sans-serif; list-style: none;}
/* Special list allpages */

.columns h3.title_highlights {display: block; width: 240px; height: 40px; background: url('images/title_highlights.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_islands {display: block; width: 240px; height: 40px; background: url('images/title_islands.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_cities {display: block; width: 240px; height: 40px; background: url('images/title_cities.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns h3.title_shopping {display: block; width: 240px; height: 40px; background: url('images/title_shopping.gif') no-repeat center; text-indent: -9999px; padding: 0 0 2px 0; margin: 5px 0;}
.columns ul li.last {border-bottom: 1px solid #eee; padding: 5px 0; font-style:italic;}
.columns ul li a:hover { text-decoration: underline; color: #f7c487;}
.columns ul li.last a:hover { text-decoration: underline; color: #f7c487;}

/* linkpage */

.post ul.pages {margin: 0 0 10px 45px; overflow:hidden; }
.post ul.pages li {float:left; display:inline; padding: 4px 0 4px 35px; background: url('images/black-arrow.png') no-repeat 0 8px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; }
#double li {width:43%;}
#double2 li {width:43%;}
#double3 li {width:43%;}

.post ul.hotelbed {margin-bottom:20px; overflow:hidden; }
.post ul.hotelbed li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/hotelbed.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666; }
#hoteldouble li {width:43%;}
#hoteldouble2 li {width:43%;}
#hoteldouble3 li {width:43%;}
#hoteldouble4 li {width:43%;}

.post ul.restaurant {margin-bottom:20px; overflow:hidden; }
.post ul.restaurant li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/restaurant.png') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#restaurantdouble li {width:43%;}
#restaurantdouble2 li {width:43%;}
#restaurantdouble3 li {width:43%;}

.post ul.listarrow {list-style: none;}
.post ul.listarrow li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/listarrow.gif') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#listarrowdouble li {width:43%;}

.post ul.hospitals {list-style: none;}
.post ul.hospitals li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/hospitals.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#hospitalsdouble li {width:43%;}

.post ul.events {list-style: none;}
.post ul.events li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/date.jpg') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#eventsdouble li {width:43%;}

.post ul.islands {list-style: none;}
.post ul.islands li {float:left; display:inline; padding: 8px 0 8px 35px; background: url('images/islands.png') no-repeat 0 10px; font-size: 95%; font: 400 1em 'Open Sans', Arial, Verdana, Sans-serif; color: #666;}
#islandsdouble li {width:43%;}

/* advertorial */
.post .adv { display:block; width:560px; margin:0 0 1.5em 0; padding:0 0 0.5em 0; border:1px #fe8f0a solid; border-radius:8px; -moz-border-radius:8px; background-color:#fed29c; }
.post .adv .alert { background-color:rgb(255,235,200); }
.post .adv img { margin:0 20px 20px 20px; float:right; }
.post .adv p, .post .adv ul, .post .adv ol { padding:0 0 1em 0; margin:0 20px; }
.post .adv ol { margin-left:2em; }
.post .adv h4 { font-size:1.2em; margin:15px 20px; padding:0; }
.post .adv h4 img { float:left; margin:-2px 5px 0 -10px; }
.post .adv .panel { width:250px; border-radius:0; -moz-border-radius:0; }

.sidebox ul.guidebook { overflow: hidden; width: 350px; list-style: none; line-height: 1.75em; padding: 5px 0 5px 0px; }
.sidebox ul.guidebook li.orange {background: url('images/list-orange.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.grey {background: url('images/list-grey.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.blue {background: url('images/list-blue.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.pink {background: url('images/list-pink.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.green {background: url('images/list-green.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.yellow {background: url('images/list-yellow.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li.purple {background: url('images/list-purple.gif') no-repeat 0 5px; padding: 0 2px 5px 30px; margin: 5px 0 0 3px; float: left; width: 349px; font-weight: normal; color: #11414D; border-bottom: 1px #eeeeee solid;}
.sidebox ul.guidebook li a { text-decoration: none; color: #11414D;}
.sidebox ul.guidebook li a:hover { text-decoration: underline;}

/********** Miscellaneous **********/
.video-wrapper {height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 1.6em;}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.success {color: #159776;}
.error {color: #d70a16;}
.required {color: #d70a16;}
.focused {border: 1px solid #888; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.fade {opacity: .5; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.fade:hover {opacity: 1;}
.clearfix {clear: both !important;}
.hidden {display: none !important;}
.fixed  {position: fixed !important;}
.absolute {position: absolute;}
.relative  {position: relative;}
.static  {position: static;}
.split-columns {width: 100%; margin-bottom: 20px;}
.split-columns:after {content: ''; height: 0; display: block; clear: both;}
.shadow {-webkit-box-shadow: 0 0 5px 0 #aaa; box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, .8);}
.ease-in-out {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.noborder, .noborder tbody, .noborder thead, .noborder tfoot, .noborder tr, .noborder td, .noborder th {border: none;}
.radius-50 {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.radius-30 {-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.radius-20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.radius-10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.radius-8 {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.radius-4 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.radius-2 {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.width-100 {width: 100%;}
.width-95 {width: 95%;}
.width-90 {width: 90%;}
.width-85 {width: 85%;}
.width-80 {width: 80%;}
.width-75 {width: 75%;}
.width-70 {width: 70%;}
.width-65 {width: 65%;}
.width-60 {width: 60%;}
.width-55 {width: 55%;}
.width-50 {width: 50%;}
.width-45 {width: 45%;}
.width-40 {width: 40%;}
.width-35 {width: 35%;}
.width-30 {width: 30%;}
.width-25 {width: 25%;}
.width-20 {width: 20%;}
.width-15 {width: 15%;}
.width-10 {width: 10%;}

/* SHORTCODES */
#tooltip {position: absolute; border: 1px solid #555; background: #f7f5d1; padding: 5px; color: #333; font: normal 0.85em Verdana, Tahoma, Arial, Sans-serif; display: none;}
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}

.left {width: 48%; padding: 2% 0; float: left; line-height: 1.8em;}
.right {width: 48%; padding: 2% 0; float: right; line-height: 1.8em;}

.col1,
.col2 {width: 32%; margin-right: 2%; float: left;}
.col3 {width: 32%; float: right;}

.col3-2 {width: 66%; float: left;}
.col3-1 {width: 32%; float: right;}

.full-width-bar {width: 100vw; margin-left: -50vw; margin-bottom: 50px; margin-top: 30px; left: 50%; padding: 80px 0; position: relative;  background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.full-width-bar .split-columns,
.full-width-bar p:last-child,
.full-width-bar ul:last-child {margin-bottom: 0;}
.full-width-content {max-width: 1140px; padding: 30px; margin: 0 auto; opacity: .8;}
.full-width-content:before, .full-width-content:after {content: ''; clear: both; display: table;}

.post-button {position: relative; display: inline-block; line-height: 1em; padding: 10px 15px; color: #fff; background: #f8941d; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.post-button:hover {background: #2b3e72; color: #fff;}

#menu, #nav{display:none;}

@media (max-width: 960px) {
	body, p, .post ul.listing, .post ul.pages, .post ul.hotelbed, .post blockquote, .sidebox ul.adlist, .sidebox ul.pageslist {font-size:14px !important;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li.last, .post h1, .generalBox, .hotelsBox{ width:100%;}
	#header{height:204px; background-size:100% auto;}
	#header .header-title{width:170px; height:85px; background-size: 100% auto;}
	#header .header-title:hover {display: block; width: 170px; height: 85px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 -85px; top: 0; left: 0;background-size: 100% auto;}
	.menu{width:100%; padding-left:0;}
	.menu li a.home{width:54px;}
	.menu li a.home:hover{width:54px;}
	.menu li a.news{width:56px;}
	.menu li a.news:hover{width:56px;}
	.menu li a.attractions{width:104px;}
	.menu li a.attractions:hover{width:104px;}
	.menu li a.hotel{width:118px;}
	.menu li a.hotel:hover{width:118px;}
	.menu li a.forum{width:70px;}
	.menu li a.forum:hover{width:70px;}
	.menu li a.tips{width:52px;}
	.menu li a.tips:hover{width:52px;}
	.menu li a.faq{width:48px;}
	.menu li a.faq:hover{width:48px;}
	.slide-content .thumb{ width:400px; overflow:hidden;}
	#slide-control{width:440px; }
	.slide-content .desc{width:290px; }
	.menu li a.general, .menu li a.cities{width:100px;}
	.menu li a.general:hover, .menu li a.cities:hover{width:100px;}
	.menu li a.islands{width:115px;}
	.menu li a.islands:hover{width:115px;}
	.menu li a.explore{width:130px;}
	.menu li a.explore:hover{width:130px;}
	.menu li a.borneo:hover{width:110px;}
	.menu li a.borneo{width:110px;}
	.menu li.menu-search{width:210px;}
	.menu ul.dropdown-menu {   background: url("../images/menu_dropdown_bg.gif") repeat scroll center bottom rgba(0, 0, 0, 0);    display: none;    padding: 10px;    position: absolute;    width: 200px;    z-index: 9999;}
	#content{width:60%;}
	#content-wide {width: 98%;}
	.post-column{ width:140px; height:340px;}
	.post-column .post-thumb {width:130px; margin-left:2px; }
	.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 92%; margin: 0 0 10px -15px;}
	.post h2.title_topics {    background: url("../images/title_topics.gif") no-repeat scroll left center rgba(0, 0, 0, 0);    height: 40px;    margin: 0 0 10px -15px;    overflow: hidden;    padding: 0;    text-indent: -9999px;    width: 100%;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li {    clear: both;    width: 100%; }
	.pagesBox .recentpost_name {    float: left;    width: 220px;}
	.pagesBox .recentpost_category {    float: left;    width: 110px;}
	.pagesBox .recentpost_date {    float: left;    width: 0;}
	.post-columnmain{width:138px; height:190px;}
	.columns h3.title_highlights, .columns h3.title_islands, .columns h3.title_cities{ width:135px; background-size: 100% auto;}
	.post h2.title_welcome{background: url("../images/title_welcome.gif") no-repeat scroll left center rgba(0, 0, 0, 0); overflow: hidden; width: 450px;}
	.post h3.subscribe-title{ font-size:1.4em; }
	.post h3 {width:95%; font-size:14px !important;}
	#breadcrumb {font-size:14px !important;}
	#aside{width:36%; }
	.generalBox ul{width:95%;}
	.generalBox li.last{ width:40%;}
	.generalBox li { width:50%;}
	.post h2 { font-size:16px !important;}
	.post .youtube {background: url("../images/youtube_bg.gif") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0); width: 380px;}
	.post .youtube embed{ width:100% !important;}
	.hotelsBox ul{width:88%;}
	.post .google-map{background: url("../images/google_map_bg.jpg") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0); width: 380px;}
	#footer { padding: 10px;    background: url("../images/footer_bg.jpg") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);}
	#menu, #nav{display:none;}
}

@media (max-width: 765px) {
	body, p, .post ul.listing, .post ul.pages, .post ul.hotelbed, .post blockquote, .sidebox ul.adlist, .sidebox ul.pageslist {font-size:14px !important;}
	li { padding:0;}
	#header {background-size: 100% 100%; height: 160px;}
	ul.top-menu {font-size: 9px;}
	ul.top-menu li.list {padding: 0 2px;}
	.menu li a.home, .menu li a.news, .menu li a.attractions, .menu li a.hotel, .menu li a.forum, .menu li a.tips, .menu li a.faq, .menu li a.general, .menu li a.cities, .menu li a.islands, .menu li a.explore, .menu li a.borneo {display:none;}
	.menu li.menu-search {    display: block;    width: 100%;}
	.slide-content .desc{ width:100%; font-size:12px;}
	#slide-control {    width: 100%;}
	#jFlowSlide .jFlowSlideContainer{ background:none;}
	.slide-content .thumb{display:none;}
	#content, #content-wide {display: block; width: 95%;}
	.post-column{ width:95%;}
	.post-column .post-thumb { margin-left: 3px; width: 96%; height: 63%; border: 1px solid #ccc; background: #efefef; padding: 2px;}
	.post h2.post-title {font: bold 1.2em 'Open Sans', Arial, Verdana, Sans-serif; color: #fff !important; padding: 8px 0 8px 28px; background: #44c7ff; width: 92%; margin: 0 0 10px -15px;}
	.post h2.title_topics { background: url("../images/title_topics.gif") no-repeat scroll left center / 180% 100% rgba(0, 0, 0, 0);}
	.pagesBox .recentpost_name{ width:45%;}
	.pagesBox .recentpost_category{width:30%;}
	#container, .slide-wrap, .pagesBox, .pagesBox ul, .pagesBox li{font-size:10px;}
	.post-columnmain{ width:95%;}
	.columns h3.title_highlights, .columns h3.title_islands, .columns h3.title_cities{ width:60%; background-size:auto;}
	.columns ul li, .sidebox ul.guidebook {font-size:14px;}
	.post h2 {font-size:16px !important;}
	.post h2.title_welcome {background-size: 135% 75%; width:100%;}
	.post h3.subscribe-title { font-size:1.1em;}	
	#breadcrumb {font-size:14px !important;}
	#aside {display: block; width: 95%; padding:0;}
	#footer {padding: 10px; background: url("../images/footer_bg.jpg") no-repeat scroll center bottom / 100% 45% rgba(0, 0, 0, 0);}
	.mar-btm{margin-bottom:0;}
	.post .youtube{ width:82%; height:200px;}
	.post .youtube embed{ width:100% !important; height:200px;}
	.hotelsBox ul { font-size: 12px; width: 80%;}
	.hotelsBox li{ width:85%;}
	.post h3{ font-size:1.4em;}
	.post .google-map{ width:80%;}
	#header .header-title{width:110px; height:54px; background-size: 100% 200%;}
	#header .header-title:hover {display: block; width: 110px; height: 54px; text-indent: -9999px; background: url('../images/header_title.png') no-repeat 0 -44px; top: 0; left: 0;background-size: 100% 200%;}
	#menu{
	display:block;
	margin: 2px 0 0 0;
	}
		#menu
		{
	float:left;
	width:100%;
		background: #febc6d;
		}
			#menu > a
				{
					display: none;
				}

				#menu li
				{
					position: relative;
					list-style:none;
					width:100%;
				}
					#menu li a
					{
						color: #fff;
						display: block;
					}
					#menu li a:active
					{
							background-color: #fea943 !important;
					}

				#menu span:after
				{
					width: 0;
					height: 0;
					border: 0.313em solid transparent; /* 5 */
					border-bottom: none;
					border-top-color: #fff;
					content: '';
					vertical-align: middle;
					display: inline-block;
					position: relative;
					right: -0.313em; /* 5 */
				}

				/* first level */

				#menu > ul
				{
					height: 3.75em; /* 60 */
					background-color: #febc6d;
					border-top:solid 1px #FFFFFF;
					border-bottom:solid 1px #FFFFFF;
					z-index:9999;

				}
					#menu > ul > li
					{
						width: 25%;
						height: 100%;
						float: left;
						list-style:none;
					}
						#menu > ul > li > a
						{
							height: 100%;
							font-size: 1em; /* 24 */
							line-height: 2.5em; /* 60 (24) */
							text-align: center;text-decoration:none;
						}
							#menu > ul > li:not( :last-child ) > a
							{
								border-right: 1px solid #fff;
							}
							#menu > ul > li:hover > a,
							#menu > ul:not( :hover ) > li.active > a
							{
								background-color: #fea943;

							}


					/* second level */

					#menu li ul
					{
						background-color: #fea943;
						display: none;

						position: static;

						padding-top: 0;		z-index:9999;
					}


						#menu li:hover ul
						{
							display: block;
							left: 0;
							right: 0;
						}
							#menu li:not( :first-child ):hover ul
							{
								left: -1px;
								margin:0px;
								padding:0px;
							}
							#menu li ul a
							{
								font-size:1em; /* 20 */
							background-color:#558fb1;


								padding-right: 0.75em; /* 15 (20) */
								padding-left: 0.75em; /* 15 (20) */
								padding-bottom: 0.20em; /* 15 (20) */
								padding-top: 0.20em; /* 15 (20) */
								text-decoration:none;
							}
								#menu li ul li a:hover,
								#menu li ul:not( :hover ) li.active a
								{
									background-color: #d1f0fe;
									color:#000;
								}
					/************************For Menu Name *****************/
					#menu > a
					{
						padding:5px; /* 50 */
						font-size:16px;
						text-align: center;
					text-decoration:none;
						background-color: #febc6d;
						position: relative;
						color:#fff;
						text-transform:uppercase;
						font-family:Tahoma, Geneva, sans-serif;
						font-weight:bold;
					}
						#menu > a:before,
						#menu > a:after
						{
							position: absolute;

							top: 5%;
							left: 25%;
							right: 25%;
							content: '';
						}
						#menu > a:after
						{
							top: 60%;
						}

					#menu:not( :target ) > a:first-of-type,
					#menu:target > a:last-of-type
					{
						display: block;
					}


				/* first level */

				#menu > ul
				{
					height: auto;
					display: none;
					left: 0;
					right: 0;
					margin:0px; padding:0px;
				}
					#menu:target > ul
					{
						display: block;
					}
					#menu > ul > li
					{
						width: 100%;
						float: none;
					}
						#menu > ul > li > a
						{
							height: auto;
							text-align: center;
							padding: 0 0.833em; /* 20 (24) */
							font-size:14px;
							text-transform:uppercase;
							font-family:Tahoma, Geneva, sans-serif;
							font-weight:bold;
						}
							#menu > ul > li:not( :last-child ) > a
							{
								border-right: none;
								border-bottom: 1px solid #fff;
							}
	#nav{
	display:block;
	margin: 2px 0 0 0;
	}
		#nav
		{
	float:left;
	width:100%;
		background: #febc6d;
		}
			#nav > a
				{
					display: none;
				}

				#nav li
				{
					position: relative;
					list-style:none;
					width:100%;
				}
					#nav li a
					{
						color: #fff;
						display: block;
					}
					#nav li a:active
					{
							background-color: #949494 !important;
					}

				#nav span:after
				{
					width: 0;
					height: 0;
					border: 0.313em solid transparent; /* 5 */
					border-bottom: none;
					border-top-color: #fff;
					content: '';
					vertical-align: middle;
					display: inline-block;
					position: relative;
					right: -0.313em; /* 5 */
				}

				/* first level */

				#nav > ul
				{
					height: 3.75em; /* 60 */
					background-color: #febc6d;
					border-top:solid 1px #fff;
					border-bottom:solid 1px #fff;
					z-index:9999;

				}
					#nav > ul > li
					{
						width: 25%;
						height: 100%;
						float: left;
						list-style:none;
					}
						#nav > ul > li > a
						{
							height: 100%;
							line-height: 2.5em; /* 60 (24) */
							text-align: center;
							text-decoration:none;
							font-family: Tahoma,Geneva,sans-serif;
							font-size: 14px;
							font-weight: bold;
							text-transform:uppercase;				}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: 1px solid #fff;
							}
							#nav > ul > li:hover > a,
							#nav > ul:not( :hover ) > li.active > a
							{
								background-color: #fea943;

							}


					/* second level */

					#nav li ul
					{
						background-color: #949494;
						display: none;
						font-size:12px;
						position: static;

						padding-top: 0;		z-index:9999;
					}
					#nav li ul li h3
					{
						font-size:14px;
						color:#000;
						border-bottom:1px dashed #000;
						margin-bottom:0;
						font-weight:bold;
					}
							#nav li ul li h3 a{ color:#000}


						#nav li:hover ul
						{
							display: block;
							left: 0;
							right: 0;
						}
							#nav li:not( :first-child ):hover ul
							{
								left: -1px;
								margin:0px;
								padding:0px;
							}
							#nav li ul a
							{
								font-size:1em; /* 20 */
							background-color:#fea943;


								padding-right: 0.75em; /* 15 (20) */
								padding-left: 0.75em; /* 15 (20) */
								padding-bottom: 0.20em; /* 15 (20) */
								padding-top: 0.20em; /* 15 (20) */
								text-decoration:none;
							}
								#nav li ul li a:hover,
								#nav li ul:not( :hover ) li.active a
								{
									/*background-color: #d1f0fe;*/
									color:#fff;
									text-decoration:underline;
								}
					/************************For Menu Name *****************/
					#nav > a
					{
						padding:5px; /* 50 */
						font-size:16px;
						text-align: center;
					text-decoration:none;
						background-color: #febc6d;
						position: relative;
						color:#fff;
						text-transform:uppercase;
						font-family:Tahoma, Geneva, sans-serif;
						font-weight:bold;

					}
						#nav > a:before,
						#nav > a:after
						{
							position: absolute;

							top: 5%;
							left: 25%;
							right: 25%;
							content: '';
						}
						#nav > a:after
						{
							top: 60%;
						}

					#nav:not( :target ) > a:first-of-type,
					#nav:target > a:last-of-type
					{
						display: block;
					}


				/* first level */

				#nav > ul
				{
					height: auto;
					display: none;
					left: 0;
					right: 0;
					margin:0px; padding:0px;
				}
					#nav:target > ul
					{
						display: block;
					}
					#nav > ul > li
					{
						width: 100%;
						float: none;
					}
						#nav > ul > li > a
						{
							height: auto;
							text-align: left;
							padding: 0 0.833em; /* 20 (24) */
						}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: none;
								border-bottom: 1px solid #fff;
							}
	.none{ display:none}
	.menu li a.rss{ margin-left:35px}
}