@import url("../Default/style.css");

@viewport {
  width: device-width;
  zoom: 1;
}

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:verdana;
	
}
.clearboth {clear:both;}
.spacer{width:100%; height:20px; display:block;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:arial,'sans-serif';
	color:#000000;
}
textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;}
 

#theme{
	display:table-cell;
	height:100%;
	width:100%;
	background: #fff;
	

}

.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:auto; }


#theme-frame{
	height:100%;
	margin:auto;
	width:100%;
	background:#ffffff;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-header {	
	height:213px;
	background:url(imgs/background-header.jpg)no-repeat;
	width:100%;
	position:relative;
}
#theme-header-group {
	display:block;
	width:100%;
	max-width:1000px;
	margin:auto;
	height:100%;
	position:relative;
	z-index:201;
}


.page-home #theme-header {	
	height:213px;
	width:100%;
	position:absolute;
	float:left;
	top:0px;
	left:0px;
}


.page-home #theme-menu{height:57px; z-index:500; position:absolute; top:153px; margin:auto; width:100%; display:block; background: url(imgs/menuwlinebg.png)no-repeat;}
#theme-menu{height:55px; z-index:500; position:absolute; top:158px; margin:auto; width:100%; display:block; background: url(imgs/menuwlinebg.png)no-repeat; }

#theme-menu #cmsmenu {z-index:999;}
#theme-menu-mobile {display:none;}

#theme-menu-group {
	display:block;
	width:100%;
	max-width:1000px;
	margin:auto;
	height:100%;
}


#theme-container { clear:both; background:url(imgs/bgpg.jpg)bottom left fixed; width:100%; position:relative; }
#theme-footer {
	text-align:center;
	color:#000000;
	font-family:agency fb;
	font-size:13px;
	font-weight:bold;
	background-color:#000000;
	width:100%;
}

#theme-title {text-align:center; font-family:'arial', sans-serif; color:#111111; font-size:25px; font-weight:bold;text-transform: uppercase;display:none;}
#theme-lang {position:absolute; left:0px; top:0px; display:none;}
#theme-header-link {position:absolute; right:50px; top:120px;z-index:600;}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited { color:#ffffff; text-decoration:none; font-weight:bold; font-size:20px; font-family:'Source Sans Pro', sans-serif; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-link a:hover{ font-weight:bold; color:#210452;}

#theme-header-logo {position:absolute; left:0px; top:10px; width:100%; border:0px solid red; height:auto; z-index:300;}
#theme-header-logo img { width:auto; height:auto; }

.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; height:100%; min-height:350px;border:1px solid red;}
.themetbl .cellbox li#theme-frame-panel {width:424px; padding:10px 0px 10px 0px; height:100%; min-height:200px; border:2px solid red;display:none;}
#theme-content-home{width:100%; max-width:1200px; margin:auto; padding:25px 0px; display:block;}

#theme-content { padding:5px 0px; text-align:justify; width:887px; height:100%;margin-left: auto; margin-right: auto;}
#theme-nav { clear:both; padding:10px; background:#efefef; display:none; }
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }

#theme-slider{ border:0px solid black; z-index:200; width:100%; height:100%;}
.txr{text-align:center;}
.flexslider {
    margin: 0 0 0px;
    background: #fff;
    border: 0px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  border-radius: 0px;
  width:100%;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;

  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav .flex-next {
  text-align: right;
  right:0px;
}
#theme-scroll-msg{position:relative; top:-37px;}
.scroll_msg { width:100%; max-width: 615px; color: #cccccc; position:absolute; height:38px; right:140px; }
.scroll_msg ul{ padding: 0; margin: 0; list-style: none;}
.scroll_msg ul li img{ }

#footer-nav{height:auto; margin:auto;width: 100%;}
#footer-nav ul{display: inline-block; padding:0;}
#footer-nav ul li{color:white; font-size:14px; display:inline-block; list-style-type: none; padding: 10px 40px; text-align:center;}
#footer-nav ul li a{color: white;text-decoration: none;cursor: auto;text-align:center;}
#footer-nav ul li a:hover{text-decoration: underline;}
#footer-nav ul li.active a {text-decoration: underline !important;}
#footer-nav ul li p{color:white; font-size:13px; text-align:center; font-family:arial; font-weight:normal; margin:auto;}


#bottom-home{display:block; background:#a0e4c2;  width:100%; margin:auto; color:#ffffff; font-family:arial;  padding:20px 0px; }
#bottom-home img{vertical-align: middle; padding:0px 20px;}
#bottom-home ul{display:inline-block;padding:0; max-width:1000px; width:100%;}
#bottom-home ul li{color:#ffffff; font-weight:bold; display:inline; font-size:13px; text-shadow: 1px 0px 2px rgba(149, 149, 163, 1); text-align:center; padding-right:10px; width:100%; max-width:1000px;}

/*######################################--WELCOME HOME--#############################*/

#service-home,
#news-home{background-color:rgba(227, 227, 227, 0.5);position:relative;width:100%; max-width:430px;height:120px;-moz-box-shadow:inset 0 0 25px #898989; -webkit-box-shadow: inset 0 0 25px #898989;box-shadow:inset 0 0 25px #898989;}

#service-picture{position:absolute; top:0px; right:0px;}
#service-home-content{text-align:left; font-family:'arial', sans-serif; color:#111111; font-size:20px; font-weight:bold; padding-left:38px; padding-top:20px;}
#service-home-content-content{text-align:left; font-size:12px; font-family:arial; line-height:1.5; padding-left:38px; color:#7d7b7b;}
#service-home-content-content ul{}
#service-home-content-content ul li{text-align:left; font-size:14px; font-family:arial;}
#button-read1{ text-align:right; font-size:10px; font-family:arial; bottom:15px; right:80px; z-index:200; color:#ffffff; position:absolute;padding:4px 10px; font-weight:bold; background:url(imgs/readmorebuttonpg3.png)no-repeat;}



#news-picture{position:absolute; top:0px; right:0px;}
#news-home-content{text-align:left; font-family:'arial', sans-serif; color:#111111; font-size:20px; font-weight:bold; padding-left:38px; padding-top:20px;}
#news-home-content-content{text-align:left; font-size:12px; font-family:arial; line-height:1.5; padding-left:38px; color:#7d7b7b;  margin-top: -5px;}
#news-home-content-content ul{}
#news-home-content-content ul li{text-align:left; font-size:14px; font-family:arial;}
#button-read2{ text-align:right; font-size:10px; font-family:arial; bottom:12px; right:80px; z-index:200; color:#ffffff; position:absolute;padding:4px 10px; font-weight:bold; background:url(imgs/readmorebuttonpg3.png)no-repeat;}

#menu-bg{position:absolute; top:200px; left:0px;width:100%; max-width:1000px;}

#welcome-content p {text-align:center; font-size:13px; font-family:arial; line-height:2;margin-top:1px;}
#welcome-home{background-color:rgba(152, 116, 215, 0.5);height:100%;width:100%; max-width:700px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#welcome-padding{padding:25px;}
#welcome-home-tajuk{ text-align:center; font-family:'arial', sans-serif; color:#111111; font-size:30px; font-weight:bold; padding-top:20px;}
#welcome-footer{color:#ffffff; font-size:13px; text-align:center; padding:0px 0px 15px;}
#welcome-divider{width:100%; margin:15px 0px; border-bottom:1px solid #ffffff;}

#cms5-pagenum{display:none;}

/*########################################--PAGE-CONTENT--#####################################################*/



#home-page-content ul{margin:0px; padding:0px; list-style:none;width:100%; }
#home-page-content ul li{ display:inline-block;max-width:430px;width:100%; vertical-align:top;}
#home-page-content ul li:first-child{margin-right:20px;max-width:700px;width:100%;}


/*############################################--BACKGROUND-PURPLE--############################################*/
#about-content1,
#service-page-content1,
#schedules-content1,
.irbg,
.olbg,
#provision,
#air-sevice,
#direct-console,
#pe, #news-page{background-color:rgba(152, 116, 215, 0.5);height:100%;width:100%; max-width:1000px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}



/*############################################--TAJUK--############################################*/
#about-tajuk, #service-tajuk,
#ss-tajuk, #contact-tajuk,
#irewards-tajuk, #locate-tajuk,
#provision-tajuk, #air-service-tajuk,
#direct-console-tajuk,
#pe-tajuk, #news-page-tajuk { text-align:center; font-family:'arial', sans-serif; color:#111111; font-size:30px; font-weight:bold; padding:20px 0px 0px 0px;width:100%;}




/*############################################--ABOUT--############################################*/
#about-row1{width:100%; height:auto; text-align:center;}
#about-picture1 img{}
#about-content-content1{text-align:center; line-height:2; padding-bottom:15px; max-width:700px;width:100%;margin:auto;}



#about-row2{width:100%; height:auto; padding:20px 0px;}
#about-row2-frame{width:100%; max-width:800px;margin:auto;height:100%; min-height:200px;}
#about-row2-frame ul{margin:0px; padding:0px; list-style:none; width:100%; height:100% auto;min-height:186px;}
#about-row2-frame ul li{ display:inline-block; float:left;text-align:center;cursor:pointer; vertical-align:top;line-height:1.5; }
#about-row2-frame ul li:nth-child(odd){width:100%; max-width:300px;margin-right:15px;height:100%; min-height:186px; }
#about-row2-frame ul li:nth-child(even){width:100%; max-width:485px;text-align:left; min-height:186px;}



#company-profile table tr td a{list-style:none; text-decoration:none; color:#210452;}
#company-profile table tr td a:hover{color:#c00d98;}

#company-profile-table{width:100%; max-width:700px; margin:auto;}

/*##################################################--BACKGROUND WHITE--######################################*/

#company-profile,
#service-category,
#provision-enquiry,
#air-service-enquiry,
#direct-console-enquiry,
#pe-enquiry{padding:20px 0px;background:url(imgs/cpbgfinal.png) left bottom no-repeat;background-color:rgba(227, 227, 227, 0.5);width:100%; max-width:1000px; height:auto;-moz-box-shadow:inset 0 0 25px #898989; -webkit-box-shadow: inset 0 0 25px #898989;box-shadow:inset 0 0 25px #898989;}

#about-page-content,
#service-page-content,
#sailing-schedules-content,
#industry-rewards-content,
#location-page-content{  max-width:1000px; width:100%; vertical-align:top;}



/*###################################################--OUR SERVICES--######################################*/

#service-row-first{width:100%; padding:10px 0px 20px 0px; max-width:1000px;}
#service-row-first p{text-align:left; width:100%; max-width:800px; margin:auto;line-height:1.5;}


#service-page-picture{margin-top:-5px; margin-right:10px;float:right;}

#service-page-list{list-style-type:circle; line-height:2;}
#service-page-list ul{margin:0px 0px 0px 25px;}

#product-picture{position:absolute; bottom:-2px; left:0px; width:100%; max-width:1000px;}
#product-category{text-align:center; font-family:'arial', sans-serif; color:#111111; font-size:30px; font-weight:bold; padding:0px; width:100%; max-width:1000px;}

#product-category-content{line-height:1.5; padding:0px;width:100%; max-width:1000px;}
#product-category-content p{text-align:left; width:100%; max-width:800px; margin:auto;line-height:1.5;}

#product-category-list{}
#product-category-list ul{margin:0px; padding:0px; list-style:none; display:table;  width:100%; height:100% auto;}
#product-category-list ul li{display:table-cell;  text-align:center;cursor:pointer; vertical-align:top; width:22%; padding:10px;}
#product-category-list ul li img{width:100%;}
#product-category-list ul li a{text-align:center; text-decoration:none; color:#000000;}
#product-category-list ul li:hover{background:rgba(146, 146, 146, 0.5);}


/*#################################################--SAILING SCHEDULES--#######################*/

#schedules{padding:0px; width:100%; max-width:600px; margin:auto;}
#schedules-ttle{ font-size:22px; font-family:arial; font-weight:bold;width:100%; max-width:1000px;}
.row1,
.row2{font-size:15px; font-family:arial; width:100%; max-width:1000px;}
.tar{text-align:right;}
#schedules .row1 table tr td,
#schedules .row2 table tr td {
    border: 1px solid #000000;
    border-collapse: collapse;
}
/*############################################--CONTACT--##################################*/

#listitem2{}
#listitem2 ul{padding:0px; margin:0px; display: table; width: 100%; max-width:1000px;}
#listitem2 ul li#maincol{display: inline-table; width:100%; max-width:400px; line-height:2;}
#listitem2 ul li#subcol{display: inline-table; width:100%;max-width:450px; padding:0px;}

.contact-bg{background:url(imgs/contact-bg.png) bottom left no-repeat; width:100%; display:block; background-color:rgba(152, 116, 215, 0.5);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


/*###########################################--INDUSTRY-REWARDS--###############################*/

.years{font-family:arial; font-size:13px; font-weight:bold; color:000000;}

/*###########################################--OUR LOCATION--###################################*/
#content-location{width:100%; max-width:1000px;}


#provision-content,
#air-service-content,
#direct-console-content,
#pe-content{text-align:left; line-height:1.5; width:100%; max-width:800px; margin:auto; padding:0px;}

#provision-content img,
#air-service-content img,
#direct-console-content img,
#pe-content img{width:100%; max-width:800px; margin:auto;}








/*########################################--MOBILE--################################*/

@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {
	#theme-frame{
		width:99%;
	}
	#theme-frame-panel{ display:block; width:100%;}
	.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;}
	.themetbl .cellbox > li {display:block; vertical-align:top; }
	.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; }
	.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:100%; height:100%;  display:inline-block;}
	
	#theme-title {text-align:center; font-family:'arial', sans-serif; color:#111111; font-size:25px; font-weight:bold;text-transform: uppercase;display:none;}
#theme-lang {position:absolute; left:0px; top:0px; display:none;}
#theme-header-link {position:absolute; right:0px; top:0px;z-index:600;}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited { color:#ffffff; text-decoration:none; font-weight:bold; font-size:13px; font-family:'Source Sans Pro', sans-serif; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-link a:hover{ font-weight:bold; color:#210452;}

#theme-header-logo {position:absolute; left:0px; top:3px; width:100%; border:0px solid red; z-index:300;}
#theme-header-logo img { width:100%;}

#theme-menu{ position:relative; z-index:999; top:-1px; width:100%;}
#theme-menu #cmsmenu {z-index:999;}
#theme-menu-mobile {display:block;position:relative;z-index:800;background:red;}
#theme-menu-mobile #cmsmenu {z-index:999;}


#footer-nav{}
#footer-nav ul{display: inline-block; margin:0px; width:100%;padding:0px;}
#footer-nav ul li{color:white; font-size:14px; list-style-type: none; padding: 20px 0px 0px 0px; text-align:center;width:100%;}
#footer-nav ul li a{color: white;text-decoration: none;cursor: auto;text-align:center;width:100%;}
#footer-nav ul li a:hover{text-decoration: underline;width:100%;}
#footer-nav ul li.active a {text-decoration: underline !important;width:100%;}
#footer-nav ul li p{color:white; font-size:10px; text-align:center; font-family:arial; font-weight:normal; margin:auto;width:100%;}


#bottom-home{text-align: left;width:100%; }
#bottom-home img{vertical-align: middle; padding:5px 20px;}
#bottom-home ul{margin:auto; padding:0px; list-style:none;width:100%;max-width:1000px;}
#bottom-home ul li{margin:auto; text-align:left; display:block; width:100%; max-width:1000px;}

#home-page-content{}
#home-page-content ul{margin:0px; padding:0px; list-style:none;width:100%; }
#home-page-content ul li{ display:inline-block;max-width:430px;width:100%;}
#home-page-content ul li:first-child{margin-right:00px; margin-bottom:20px;max-width:700px;width:100%;}

#theme-container {width:100%;}

.page-home #theme-header {	
	height:auto;
	width:100%;
	position:absolute;
	float:left;
	top:0px;
	left:0px;
}

#theme-header {width:100%; height:150px;}

#home-page-content,
#about-page-content,
#service-page-content,
#sailing-schedules-content,
#industry-rewards-content,
#location-page-content{width:100%; margin-bottom:20px;max-width:1000px;}





#theme-content {width:100%;}

#theme-scroll-msg{position:relative; top:-37px;}
.scroll_msg { width:100%; max-width: 500px; color: #cccccc; padding-right:0px; position:absolute; height:38px; right:0px; }
.scroll_msg ul{ padding: 0; margin: 0; list-style: none;}
.scroll_msg ul li img{ }





/*############################################--ABOUT--############################################*/
#about-row1{width:100%;}
#about-picture1 img{width:100%;}
#about-content-content1{width:100%;}


#about-row2{width:100%; height:auto; padding:0px 0px;}
#about-row2-frame{width:100%; max-width:800px;margin:auto;height:100%; min-height:200px;}
#about-row2-frame ul{margin:0px; padding:0px; list-style:none; width:100%; height:100% auto;min-height:400px;}
#about-row2-frame ul li{ display:inline-block; float:none; text-align:center;cursor:pointer; vertical-align:top;line-height:2; }
#about-row2-frame ul li:nth-child(odd){width:100%; max-width:100%; margin:auto; height:100%;text-align:center;}
#about-row2-frame ul li:nth-child(even){width:100%; max-width:100%; text-align:left; min-height:186px;text-align:center;}




#company-profile,
#product{width:100%;}

#company-profile table tr td a{width:100%;}
#company-profile table tr td a:hover{width:100%;}

/*###################################################--OUR SERVICES--######################################*/

#service-row-first{width:100%;}
#service-row-first p{width:90%;margin:auto;}


#service-page-picture{margin-top:-5px; margin-right:0px;float:none;}
#service-page-picture img{width:100%;}

#service-page-list{list-style-type:circle; line-height:2;}
#service-page-list ul{margin:0px 5px;}


#product-category-content p{text-align:center; }
#product-category-list{}
#product-category-list ul{margin:0px; padding:0px; list-style:none; display:table;  width:100%; height:100% auto;}
#product-category-list ul li{display: inline-block;  text-align:center;cursor:pointer; vertical-align:top; width:98%; padding:5px;}
#product-category-list ul li img{width:100%;}
#product-category-list ul li p{text-align:center;}
#product-category-list ul li:hover{background:#fff;}


/*#################################################--SAILING SCHEDULES--#######################*/

#schedules{width:100%;}
#schedules-ttle{width:100%; }
.row1,
.row2{width:100%;}
.tar{width:100%;}
#schedules .row1 table tr td,
#schedules .row2 table tr td {width:100%;}
/*############################################--CONTACT--##################################*/

#listitem2{width:100%;}
#listitem2 ul{width:100%;}
#listitem2 ul li#maincol{width:100%; height:auto;}
#listitem2 ul li#subcol{width:100%; height:auto;}

.contact-bg{width:100%;}


/*###########################################--INDUSTRY-REWARDS--###############################*/

.years{width:100%;}

/*###########################################--OUR LOCATION--###################################*/


























}