/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 8, ../sass/_base.scss */


/**************************************ABIR CSS***************************************/

ul.nav li.dropdown-1{ position:relative}
ul.nav li.dropdown-1:hover ul{ display:block; top:38px}










.pie-element, .imgshadow, .page h1, .page h2, .page .wall, .page .sidebar, .carousel .platform, .carousel .platform h3, #timetable {
  behavior: url("http://phukettopteam.com/stylesheets/PIE.htc");
  position: relative;
}

/* line 1, ../sass/_util.scss */
.strong {
  font-weight: bold;
}

/* line 5, ../sass/_util.scss */
.italic {
  font-style: italic;
}

/* line 9, ../sass/_util.scss */
.imgshadow {
  background: #FFFFFF;
  padding: 4px;
  border: 1px solid #777777;
  margin-top: 5px;
  -webkit-box-shadow: #666666 0 0 5px;
  -moz-box-shadow: #666666 0 0 5px;
  box-shadow: #666666 0 0 5px;
}

/* line 18, ../sass/_util.scss */
.img_left {
  width: auto;
  float: left;
  margin: 0 15px 5px 0;
}

/* line 24, ../sass/_util.scss */
.img_right {
  width: auto;
  float: right;
  margin: 0 0 5px 5px;
}

/* line 30, ../sass/_util.scss */
.right {
  float: right;
}

/* line 31, ../sass/_util.scss */
.left {
  float: left;
}

/* line 11, ../sass/screen.scss */
body {
  background: #000;
}

/* line 15, ../sass/screen.scss */
hr {
  margin-left: 20px;
  border-top: 1px solid #363636;
  border-bottom: 1px solid #252525;
}

/* line 21, ../sass/screen.scss */
label {
  color: #fff;
}

/* line 25, ../sass/screen.scss */
#logo {
  display: block;
  width: 360px;
  height: 94px;
  text-indent: -999em;
  background: transparent url("../images/logo.png") 0 0 no-repeat;
  margin: 20px 10px 20px;
}

/* line 34, ../sass/screen.scss */
.branding {
  border-top: 2px solid #f00;
}

/* line 38, ../sass/screen.scss */
.socialMenu {
  float: right;
  margin: 15px 0 0 0;
}
/* line 41, ../sass/screen.scss */
.socialMenu li {
  float: left;
  text-align: center;
  margin-left: 10px;
}
/* line 45, ../sass/screen.scss */
.socialMenu li a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -999em;
}
/* line 52, ../sass/screen.scss */
.socialMenu .facebook-icon {
  background: transparent url("../images/icons/facebook.png") 0 0 no-repeat;
}
/* line 55, ../sass/screen.scss */
.socialMenu .twitter-icon {
  background: transparent url("../images/icons/twitter.png") 0 0 no-repeat;
}
/* line 58, ../sass/screen.scss */
.socialMenu .googlePlus-icon {
  background: transparent url("http://phukettopteam.com/images/icons/googlePlus.png") 0 0 no-repeat;
}
/* line 61, ../sass/screen.scss */
.socialMenu .linkedin-icon {
  background: transparent url("http://phukettopteam.com/images/icons/linkedin.png") 0 0 no-repeat;
}
/* line 64, ../sass/screen.scss */
.socialMenu .youtube-icon {
  background: transparent url("../images/icons/youtube.png") 0 0 no-repeat;
}
/* line 67, ../sass/screen.scss */
.socialMenu .rss-icon {
  background: transparent url("../images/icons/rss.png") 0 0 no-repeat;
}
/* line 70, ../sass/screen.scss */
.socialMenu .email-icon {
  background: transparent url("../images/icons/email.png") 0 0 no-repeat;
}
/* line 73, ../sass/screen.scss */
.socialMenu .korea-icon {
  background: transparent url("http://phukettopteam.com/images/icons/korea.gif") 0 0 no-repeat;
}

/* line 78, ../sass/screen.scss */
.masthead {
  height: 328px;
  overflow: hidden;
}
/* line 81, ../sass/screen.scss */
.masthead .content {
  background: #000;
}

/* line 86, ../sass/screen.scss */
.page {
  color: #aaa;
  padding-top: 10px;
  overflow: hidden;
}
/* line 90, ../sass/screen.scss */
.page h1, .page h2 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  font-family: Century Gothic, sans-serif;
  font-weight: normal;
  text-shadow: black 1px 1px 1px;
}
/* line 101, ../sass/screen.scss */
.page .wall, .page .sidebar {
  border: 1px solid #000;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(#333333, #222222);
  background: -moz-linear-gradient(#333333, #222222);
  background: -o-linear-gradient(#333333, #222222);
  -pie-background: linear-gradient(#333333, #222222);
  background: linear-gradient(#333333, #222222);
  -webkit-box-shadow: black 0 0 5px 0 inset;
  -moz-box-shadow: black 0 0 5px 0 inset;
  box-shadow: black 0 0 5px 0 inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
  overflow: hidden;
}
/* line 113, ../sass/screen.scss */
.page .wall p {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 25px;
}
/* line 120, ../sass/screen.scss */
.page .sidebar.contact {
  height: 446px;
  font-size: 12px;
}
/* line 123, ../sass/screen.scss */
.page .sidebar.contact strong, .page .sidebar.contact dt, .page .sidebar.contact b {
  color: #fff;
}
/* line 126, ../sass/screen.scss */
.page .sidebar.contact dd {
  margin-left: 0;
}
/* line 129, ../sass/screen.scss */
.page .sidebar.contact a {
  color: #fff;
}
/* line 133, ../sass/screen.scss */
.page .sidebar.contact ul ul {
  margin-left: 25px;
}
/* line 139, ../sass/screen.scss */
.page .sidebar.gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* line 143, ../sass/screen.scss */
.page .sidebar.gallery ul li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* line 153, ../sass/screen.scss */
.carousel {
  height: 205px;
  padding: 0 0 10px 0;
  margin-bottom: 0;
}
/* line 157, ../sass/screen.scss */
.carousel .platform {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(#333333, #222222);
  background: -moz-linear-gradient(#333333, #222222);
  background: -o-linear-gradient(#333333, #222222);
  -pie-background: linear-gradient(#333333, #222222);
  background: linear-gradient(#333333, #222222);
  -webkit-box-shadow: black 0 0 5px;
  -moz-box-shadow: black 0 0 5px;
  box-shadow: black 0 0 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 201px;
  border: 2px solid #252525;
  background: #222222;
  overflow: hidden;
}
/* line 166, ../sass/screen.scss */
.carousel .platform p, .carousel .platform img {
  margin: 0 15px  15px;
}
/* line 169, ../sass/screen.scss */
.carousel .platform h3 {
  text-shadow: black 1px 1px 1px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #090909), color-stop(100%, #222222));
  background: -webkit-linear-gradient(#090909, #222222);
  background: -moz-linear-gradient(#090909, #222222);
  background: -o-linear-gradient(#090909, #222222);
  -pie-background: linear-gradient(#090909, #222222);
  background: linear-gradient(#090909, #222222);
  height: 41px;
  font-size: 18px;
  line-height: 41px;
  font-family: Century Gothic, sans-serif;
  font-weight: normal;
  color: #fff;
  background: #222222;
  padding-left: 10px;
  margin: 0 0 10px 0;
}
/* line 183, ../sass/screen.scss */
.carousel .platform p {
  color: #fff;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
/* line 188, ../sass/screen.scss */
.carousel .platform .btn {
  position: absolute;
  bottom: 10px;
  left: 120px;
}

/* line 196, ../sass/screen.scss */
.footer {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  overflow: hidden;
}
/* line 201, ../sass/screen.scss */
.footer h4 {
  color: #3a9fe0;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
/* line 207, ../sass/screen.scss */
.footer .column {
  border-right: 1px solid #023758;
  min-height: 238px;
}
/* line 210, ../sass/screen.scss */
.footer .column li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 15px;
}
/* line 215, ../sass/screen.scss */
.footer .column a {
  color: #27658d;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
/* line 219, ../sass/screen.scss */
.footer .column a:before {
  content: "";
  border-color: transparent transparent transparent #206fa1;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  height: 0;
  width: 0;
  position: absolute;
  top: 4px;
  left: 0;
}
/* line 230, ../sass/screen.scss */
.footer .column a:hover {
  text-decoration: underline;
}
/* line 235, ../sass/screen.scss */
.footer .last {
  border-right: none;
}
/* line 239, ../sass/screen.scss */
.footer .copyright p, .footer .copyright a, .footer .copyright ul, .footer .copyright li {
  color: #fff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  margin:5px auto;
}
/* line 244, ../sass/screen.scss */
.footer .copyright li {
  float: left;
}

/* line 250, ../sass/screen.scss */
#mcs_container {
  position: relative;
  width: 590px;
  height: 448px;
}
/* line 254, ../sass/screen.scss */
#mcs_container .customScrollBox {
  position: relative;
  height: 100%;
  overflow: hidden;
}
/* line 258, ../sass/screen.scss */
#mcs_container .customScrollBox .container {
  position: relative;
  width: 550px;
  top: 0;
  float: left;
}
/* line 264, ../sass/screen.scss */
#mcs_container .customScrollBox .content {
  clear: both;
}
/* line 268, ../sass/screen.scss */
#mcs_container .dragger_container {
  position: absolute;
  top: 24px;
  right: 6px;
  width: 2px;
  height: 400px;
  background: #000;
  cursor: pointer;
}
/* line 277, ../sass/screen.scss */
#mcs_container .dragger {
  position: absolute;
  width: 2px;
  height: 60px;
  background: #666;
  text-align: center;
  line-height: 60px;
  color: #666;
  overflow: hidden;
  cursor: pointer;
}
/* line 288, ../sass/screen.scss */
#mcs_container .dragger_pressed {
  position: absolute;
  width: 2px;
  height: 60px;
  background: #999;
  text-align: center;
  line-height: 60px;
  color: #666;
  overflow: hidden;
  cursor: pointer;
}
/* line 299, ../sass/screen.scss */
#mcs_container .scrollUpBtn, #mcs_container .scrollDownBtn {
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 15px;
  text-decoration: none;
  right: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
/* line 308, ../sass/screen.scss */
#mcs_container .scrollUpBtn {
  top: 0;
  background: url("../jquery_custom_scroller/mcs_btnUp.png") center center no-repeat;
}
/* line 312, ../sass/screen.scss */
#mcs_container .scrollDownBtn {
  bottom: 0;
  background: url("../jquery_custom_scroller/mcs_btnDown.png") center center no-repeat;
}
/* line 316, ../sass/screen.scss */
#mcs_container .scrollUpBtn:hover, #mcs_container .scrollDownBtn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* line 321, ../sass/screen.scss */
.navbar .nav > li > a {
	padding-left:12px;
	padding-right:18px;



}

/* line 326, ../sass/screen.scss */
#timetable {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 326px;
  padding: 10px 20px;
  color: #fff;
}
/* line 332, ../sass/screen.scss */
#timetable h2 {
  color: #f00;
}
/* line 337, ../sass/screen.scss */
#timetable .slide {
  text-align: left;
}

/* line 342, ../sass/screen.scss */
.bx-prev {
  left: 0 !important;
}

/* line 346, ../sass/screen.scss */
.bx-next {
  right: 0 !important;
}

/* line 350, ../sass/screen.scss */
.bx-pager {
  top: -25px;
  position: relative;
  z-index: 100;
}

/* line 357, ../sass/screen.scss */
ul#albums,
ul#allalbums {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 363, ../sass/screen.scss */
ul#allalbums > li {
  clear: left;
}

/* line 367, ../sass/screen.scss */
ul#albumdisplay {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 373, ../sass/screen.scss */
ul#albumdisplay li {
  float: left;
  width: 250px;
  /*height: 145px;*/
  margin: 0 20px 20px 0;
}

/* line 380, ../sass/screen.scss */
ul#albumdisplay li img:hover {
  border: 2px solid #000;
}

/* line 384, ../sass/screen.scss */
ul#albumdisplay li img {
  display: block;
  border: 2px solid #ccc;
}

/* line 391, ../sass/screen.scss */
ul.imagelisting,
ul.slideshow,
ul.slideshow-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 397, ../sass/screen.scss */
ul.imagelisting li {
  float: left;
  width: 100px;
  margin: 0 10px 10px 0;
}

/* line 403, ../sass/screen.scss */
.bookOnlinePackage {
  float: left;
  width: 270px;
  margin-right: 25px;
}
/* line 407, ../sass/screen.scss */
.bookOnlinePackage h3 {
  font-size: 18px;
}

/* line 413, ../sass/screen.scss */
.onlineBookingForm .fieldset {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid silver;
  margin-bottom: 15px;
  padding: 10px;
}
/* line 419, ../sass/screen.scss */
.onlineBookingForm em {
  color: #c0504d;
}
/* line 422, ../sass/screen.scss */
.onlineBookingForm .inputs, .onlineBookingForm textarea {
  margin-bottom: 15px;
}
/* line 425, ../sass/screen.scss */
.onlineBookingForm select.span1 {
  margin-right: 5px;
}
/* line 428, ../sass/screen.scss */
.onlineBookingForm p {
  margin-left: 20px;
  margin-top: 10px;
  color: #fff;
}
/* line 434, ../sass/screen.scss */
.onlineBookingForm .radioBoxes input[type=radio] {
  margin-right: 5px;
  margin-top: -3px;
}

/* line 441, ../sass/screen.scss */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

/* line 442, ../sass/screen.scss */
.ui-timepicker-div dl {
  text-align: left;
}

/* line 443, ../sass/screen.scss */
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}

/* line 444, ../sass/screen.scss */
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}

/* line 445, ../sass/screen.scss */
.ui-timepicker-div td {
  font-size: 90%;
}

/* line 446, ../sass/screen.scss */
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}