/* Import CSS */
@import url('style/stylesheet.css');
@import url('style/reset.css');
@import url('style/nivo-slider.css');

/* End Import CSS */

/* Default Style */
.clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
body{background:url('images/bg-pattern.gif') 0 0 repeat fixed; font-family:arial; font-size:75%;color:#666; line-height:1.5; }
a{text-decoration:none;}
h1,h2,h3 {font-family:'trans-asia-font',arial,sans-serif;}

.wrapper{/*width:80%;*/margin:0 auto;background:#fff;border-left:10px solid #0f3d66;border-right:10px solid #0f3d66;}


	#top-head{overflow:hidden;}
	#logo{padding:20px;float:left;}
	h1.tagline{color:#1f3f5c;font-size:2.667em;float:left;padding-top:35px;}
	.certificate{overflow:hidden;float:right;padding-top:30px;padding-right:20px;}
	certificate img{float:left;margin-left:10px;display:block;}
	
	ul.main-nav{background:url('images/bg-nav.png') 0 0 repeat-x;text-align:center;}
	ul.main-nav > li{display:inline-block;padding-right:2px;background:url('images/separator.gif') right top no-repeat;}
	ul.main-nav > li:last-child{padding-right:0;background:none;}
	ul.main-nav li >a{display:block;text-shadow:0px -2px 0px #075c96;color:#fff;font-size:1.967em;font-family:'trans-asia-font',arial,sans-serif;padding:13px 15px 12px;opacity:.7;-moz-opacity:.7;-webkit-opacity:.7;}
	ul.main-nav > li >a:hover{opacity:1;-moz-opacity:1;-webkit-opacity:1;}

footer{overflow:hidden;}	
	.outer-footer{background:#4c4c4c;padding:20px;overflow:hidden;}
	.outer-footer h2{font-size:2.333em;color:#fff;border-bottom:1px solid #999;padding-bottom:15px;}
	.outer-footer ul{padding-top:15px;float:left;}
	.outer-footer ul li a{font-size:1em;color:#b4b4b4;}
	.outer-footer ul li a:hover{color:#fff;}
	.outer-footer .column-left,
	.outer-footer .column-center,
	.outer-footer .column-right{float:left;overflow:hidden;}
	
	.outer-footer .column-left{width:23%;margin-right:2%;}
	.outer-footer .column-center{width:50%;}
		.column-center ul{float:left;width:48%;margin-right:2%;}
	.outer-footer .column-right{width:23%;margin-left:2%;}
		.column-right p{color:#b4b4b4;margin-top:15px;}
		.column-right ul.medsos{}
			ul.medsos li{display:inline-block;}
			ul.medsos li a{display:block;width:32px;height:32px;text-indent:-9999px;cursor:pointer;background:url('images/icon-ms.png') left top no-repeat;opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;margin-right:10px;}
			ul.medsos li a.linked{background-position:right top;}
			ul.medsos li a:hover{opacity:1;-webkit-opacity:1;moz-opacity:1;}
			
	.bottom-footer{background:#303030;overflow:hidden;}
	.bottom-footer p,
	.bottom-footer a{color:#b4b4b4;font-size:0.9167em;}
	.bottom-footer a:hover{color:#fff;}
	
	.bottom-footer p.copyright,
	.bottom-footer ul.meta-info
	{float:left;padding:10px 20px;}
	.bottom-footer ul.meta-info li{display:inline-block;}
	.bottom-footer ul.meta-info li a{padding:0 10px;border-right:1px solid #b4b4b4;display:block;}
	.bottom-footer ul.meta-info li a.last-child{border-right:0;}
	.bottom-footer p.designby{float:right;background:#232323;padding:10px 20px;}

#slideshow{overflow:hidden;max-height:300px;}
	#slideshow img{width:100%;}	
	.nivo-controlNav{}
	.nivo-controlNav a.nivo-control{display:inline-block;width:18px;height:18px;margin-right:10px;background:#78b3e8;border-radius:50%;text-indent:-9999px;cursor:pointer;}
	.nivo-controlNav a.nivo-control:last-child{margin-right:0;}
	.nivo-controlNav a.active{background:#1f3f5c;}
	
#excerpt{overflow:hidden;padding:5px 20px 40px;}
	#excerpt .column{float:left;margin:0px 2.5%;width:30%;}
	#excerpt .column:first-child{margin-left:0;}
	#excerpt .column:last-child{margin-right:0;}
	
	#excerpt h2{font-size:2.333em;color:#000;border-top:1px solid #999;padding:15px 0;}
	#excerpt p a{color:#78b3e8;}
	#excerpt p a:hover{color:#5c9bd3;}
	
#clients{background:#e1e1e1;padding:20px;}
	#clients h2{font-size:2.333em;color:#000;padding-bottom:15px;}
        #clients h3{font-size:1.5em;color:#000;padding-bottom:10px;}
	#clientslide img{margin-right:8px;}
	
#tagline{display:block;width:100%;background:url('images/headline-bg.jpg') no-repeat left top #47a9ec;height:153px;}
	#tagline h2{position:relative;left:55%;color:#fff;text-shadow:1px -1px 0 #1a76b5;font-size:4.416em;padding-top:30px;}

#content{padding:20px;overflow:hidden;}
	#content .breadcrumb{margin-bottom:20px;}
	#content .breadcrumb a{color:#1f87ce;}
	#content .breadcrumb a:hover{text-decoration:underline;}
	
	#content .main-content.full{width:90%;margin-right:5%;overflow:hidden;float:left;}
		.main-content.full .content-in{padding-left:20%;padding-bottom:40px ;}
        #content .main-content{width:70%;margin-right:5%;overflow:hidden;float:left;}
		.main-content img{float:left;width:30%;margin-right:3%;}
		.main-content .content-in{padding-left:33%;padding-bottom:40px ;}
		.main-content .content-in h2{border-top:1px solid #999;padding-top:20px;font-size:2.33em;color:#000;margin-bottom:20px;}
		.main-content .content-in p{margin:5px 0 15px;}
	
	#content .sidebar{float:left;width:25%;}
		.sidebar h2{border-top:1px solid #999;padding-top:20px;font-size:2.33em;color:#000;margin-bottom:20px;}
		.sidebar ul li{border-bottom:1px solid #d8d8d8;padding:5px 15px;}
		.sidebar ul li a{color:#999;}
		.sidebar ul li a:hover{color:#000;}
	
ul.tabs{overflow:hidden;padding-top:15px;}
			ul.tabs li{float:left;margin-right:20px;}
			ul.tabs li a{border-bottom:3px solid #fff;padding-bottom:7px;font-size:1.167em;color:#999;margin-bottom:20px;display:block;font-weight:bold;}
			ul.tabs li a:hover{border-bottom:3px solid #e69802;}
			ul.tabs li a.active{border-bottom:3px solid #e69802;color:#000;}

.page-contact fieldset{
    margin-bottom:12px;
}

.page-contact label{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 70px;
}
.page-contact .ms label{
    vertical-align:top;
}

.page-contact input{
    display: inline-block;
    width: 270px;
}

.page-contact .ms textarea{
    height: 100px;
}

.page-contact .ph strong,
.page-contact .mm strong,
.page-contact .ad strong,
.page-contact .fx strong{
    font-weight:bold;
}
.left {float:left;min-width:300px;width:45%;margin-right:10px;}
.right {float:left;min-width:300px;width:45%}
#Features ul {list-style:disc;padding-left:15px;}
.carousel-item {display:block;float:left;width:153px;text-align:center;background:#fff;margin-right:5px;height:80px;}

/* End Default Style */

/*------------------*/
/* Responsive Style */
/*------------------*/

/* SMALL ANDROID, FEATURE PHONE - PORTRAIT */
@media only screen and (max-width: 319px) {
	header{}
		#logo{float:none;display:block;margin:0 auto;width:105px;}
		h1.tagline{float:none;text-align:center;width:90%;margin:0 5%;}
		.certificate{float:none;display:block;margin:0 auto;width:142px;margin-bottom:20px;padding-right:0;}
		
		ul.main-nav{background-color:#1f87ce;background-image:none;padding:0;}
		ul.main-nav li{background-image:none;padding:0;float:none;border-bottom:1px solid #54b2f2;display:block;}
		ul.main-nav li a{width:100%;text-align:center;padding:7px 0;}
	
	/*#slideshow{display:none;}*/
		.nivo-controlNav{display:none;}
		
	#excerpt{padding-top:40px;}
		#excerpt .column{width:100%;float:none;padding-bottom:20px;margin:0;}
		#excerpt .column{text-align:center;width:100%;display:block;}
		
	footer{}
		.outer-footer .column-left,
		.outer-footer .column-center,
		.outer-footer .column-right{float:none;margin:0;padding:0;width:100%;padding-bottom:20px;}
		
		.outer-footer .column-right{text-align:center;}
		.outer-footer .column-right	ul.medsos{position:relative;left:50%;margin-left:-44px;}
		
		.bottom-footer{}
		.bottom-footer>*{float:none;}
		.bottom-footer p.copyright,
		.bottom-footer ul.meta-info,
		.bottom-footer p.designby{width:90%;text-align:center;padding:5%;}
}

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media only screen and (min-device-width: 320px)
  and (max-device-width: 480px),
  only screen and (min-width: 320px) and (max-width:
  480px) {
	body{font-size:87.5%;}
	
	.wrapper{width:90%;}
	
	header{}
		#logo{float:none;display:block;margin:0 auto;width:105px;}
		h1.tagline{float:none;text-align:center;width:90%;margin:0 5%;}
		.certificate{float:none;display:block;margin:0 auto;width:144px;margin-bottom:20px;padding-right:0;}
		
		ul.main-nav{background-color:#1f87ce;background-image:none;padding:0;}
		ul.main-nav li{background-image:none;padding:0;float:none;border-bottom:1px solid #54b2f2;display:block;}
		ul.main-nav li a{width:100%;text-align:center;padding:7px 0;}
		
	/*#slideshow{display:none;}*/
		.nivo-controlNav{display:none;}
		
	#excerpt{padding-top:40px;}
		#excerpt .column{width:100%;float:none;padding-bottom:20px;margin:0;}
		#excerpt .column{text-align:center;width:100%;display:block;}
		
	#tagline h2{left:0%;text-align:center;width:100%;}
	
	#content .breadcrumb p{text-align:center;}
		#content .main-content,
		#content .sidebar{float:none;margin:0;width:100%;}
		
		#content .main-content img{float:none;margin:0;padding-bottom:20px;width:100%;}
		#content .main-content .content-in{width:100%;margin:0%;float:none;padding:0;}
		
	footer{}
		.outer-footer .column-left,
		.outer-footer .column-center,
		.outer-footer .column-right{float:none;margin:0;padding:0;width:100%;padding-bottom:20px;}
		
		.outer-footer .column-right{text-align:center;}
		.outer-footer .column-right	ul.medsos{position:relative;left:50%;margin-left:-44px;}
		
		.bottom-footer{}
		.bottom-footer>*{float:none;}
		.bottom-footer p.copyright,
		.bottom-footer ul.meta-info,
		.bottom-footer p.designby{width:90%;text-align:center;padding:10px 5%;}
}
/* SMARTPHONES - LANDSCAPE */
@media only screen and (min-width: 321px) and (max-width: 767px) {
	.wrapper{width:90%;}
	
	header{}
		#logo{float:none;display:block;margin:0 auto;width:105px;}
		h1.tagline{float:none;text-align:center;width:90%;margin:0 5%;}
		.certificate{float:none;display:block;margin:0 auto;width:144px;margin-bottom:20px;padding-right:0;}
		
		ul.main-nav{background-color:#1f87ce;background-image:none;padding:0;}
		ul.main-nav li{background-image:none;padding:0;float:none;border-bottom:1px solid #54b2f2;display:block;}
		ul.main-nav li a{width:100%;text-align:center;padding:7px 0;}
	
	#tagline{background:url('images/headline-bg-seam.jpg') no-repeat left top #47a9ec;}	
	#tagline h2{left:0%;text-align:center;width:100%;}
	
	#content .breadcrumb p{text-align:center;}
		#content .main-content,
		#content .sidebar{float:none;margin:0;width:100%;}
		
		#content .main-content img{float:none;margin:0;padding-bottom:20px;width:100%;}
		#content .main-content .content-in{width:100%;margin:0%;float:none;padding:0;padding-bottom:40px;}
	
	.bottom-footer{}
		.bottom-footer>*{float:none;}
		.bottom-footer p.copyright,
		.bottom-footer ul.meta-info,
		.bottom-footer p.designby{width:90%;text-align:center;padding:10px 5%;}
	
}

/* IPADS, TABLETS - PORTRAIT & LANDSCAPE */
@media only screen and (min-device-width: 768px)
  and (max-device-width: 1024px),
  only screen and (min-width: 768px) and (max-width:
  1024px) {
  ul.main-nav > li{position:relative;}
	ul.main-nav > li ul{
		position:absolute;
		min-width:180px;
		z-index:99999;
		left:-4px;
		display:none;
	}
	ul.main-nav > li:hover ul{
		display:block;
	}
	ul.main-nav > li ul a{
		display:block;
		padding:10px 15px;
		color:white;
		background:#1f87cd;
		text-shadow:0 1px 1px #1f87cd;
		 font-family: 'trans-asia-font',arial,sans-serif;
		font-size:18px;
		 text-shadow: 0 -2px 0 #075C96;
		 text-align:left;
	}
	ul.main-nav > li ul a:hover{opacity:1;}
	header{}
		#logo{display:block;width:105px;}
		h1.tagline{font-size:2.2em;}
		.certificate{clear:both;float:none;display:block;margin:0 auto;width:142px;margin-bottom:20px;padding-right:0;}
		ul.main-nav{padding:0;margin: 0 auto;text-align:center;}
		ul.main-nav li a{font-size:1.7em;}
		
	/*#tagline{background:url('images/headline-bg-seam.jpg') no-repeat left top #47a9ec;}*/
	#tagline{display:block;width:100%;background:url('images/headline-bg.jpg') no-repeat left top #47a9ec;height:153px;overflow: hidden;}
	#tagline h2{left:30%;text-align:center;width:100%;}
	
	#excerpt{}
		
	footer{}
		.outer-footer .column-left,
		.outer-footer .column-center{float:left;width:45%;margin:0 5% 30px 0;}
		.outer-footer .column-center{margin-right:0;width:50%;}
		
		.outer-footer .column-right{float:none;margin:0;padding:0;width:100%;padding-bottom:20px;clear:left;}
		
		.outer-footer .column-right{text-align:center;}
		.outer-footer .column-right	ul.medsos{position:relative;left:50%;margin-left:-44px;}
		
		.bottom-footer{}
		.bottom-footer>*{float:none;}
		.bottom-footer p.copyright,
		.bottom-footer ul.meta-info,
		.bottom-footer p.designby{width:90%;text-align:center;padding:10px 5%;}

}

/* TABLETS, DESKTOPS & LAPTOPS */
@media only screen and (min-width: 960px) {
	#top-head{overflow:hidden;}
	#logo{padding:20px;float:left;}
	h1.tagline{color:#1f3f5c;font-size:2.0em;float:left;padding-top:35px;}
	#tagline{display:block;width:100%;background:url('images/headline-bg.jpg') no-repeat left top #47a9ec;height:153px;overflow: hidden;}
	#tagline h2{position:relative;left:70%;color:#fff;text-shadow:1px -1px 0 #1a76b5;font-size:4.416em;padding-top:30px;text-align:left;}
	.certificate{overflow:hidden;float:right;padding-top:30px;padding-right:20px;clear:none;}
	certificate img{float:left;margin-left:10px;display:block;}
	ul.main-nav > li{position:relative;}
	ul.main-nav > li ul{
		position:absolute;
		min-width:180px;
		z-index:99999;
		left:-4px;
		display:none;
	}
	ul.main-nav > li:hover ul{
		display:block;
	}
	ul.main-nav > li ul a{
		display:block;
		padding:10px 15px;
		color:white;
		background:#1f87cd;
		text-shadow:0 1px 1px #1f87cd;
		 font-family: 'trans-asia-font',arial,sans-serif;
		font-size:18px;
		 text-shadow: 0 -2px 0 #075C96;
		 text-align:left;
	}
	ul.main-nav > li ul a:hover{opacity:1;}
}

/* DESKTOPS & LAPTOPS */
@media only screen and (min-width: 1024px) {
	#top-head{overflow:hidden;}
	#logo{padding:10px 20px 0px;float:left;}
	h1.tagline{color:#1f3f5c;font-size:2.4em;float:left;padding-top:35px;}
	.certificate{overflow:hidden;float:right;padding-top:30px;padding-right:20px;clear:none;}
	certificate img{float:left;margin-left:10px;display:block;}
	
	ul.main-nav{background:url('images/bg-nav.png') 0 0 repeat-x;text-align:center;}
	ul.main-nav > li{display:inline-block;padding-right:2px;background:url('images/separator.gif') right top no-repeat;position:relative;}
	ul.main-nav > li:last-child{padding-right:0;background:none;}
	ul.main-nav > li a{display:block;text-shadow:0px -2px 0px #075c96;color:#fff;font-size:1.967em;font-family:'trans-asia-font',arial,sans-serif;padding:13px 15px 12px;opacity:.7;-moz-opacity:.7;-webkit-opacity:.7;}
	ul.main-nav > li a:hover{opacity:1;-moz-opacity:1;-webkit-opacity:1;}
	
	ul.main-nav > li{position:relative;}
	ul.main-nav > li ul{
		position:absolute;
		min-width:180px;
		z-index:99999;
		left:-4px;
		display:none;
	}
	ul.main-nav > li:hover ul{
		display:block;
	}
	ul.main-nav > li ul a{
		display:block;
		padding:10px 15px;
		color:white;
		background:#1f87cd;
		text-shadow:0 1px 1px #1f87cd;
		 font-family: 'trans-asia-font',arial,sans-serif;
		font-size:18px;
		 text-shadow: 0 -2px 0 #075C96;
		 text-align:left;
	}
	ul.main-nav > li ul a:hover{opacity:1;}

	/*#tagline{display:block;width:100%;background:url('images/headline-bg.jpg') no-repeat left top #47a9ec;height:153px;overflow: hidden;}*/
	#tagline h2{position:relative;left:70%;color:#fff;text-shadow:1px -1px 0 #1a76b5;font-size:4.416em;padding-top:30px;text-align:left;}
	
	.bottom-footer ul.meta-info{float:right;}
	.bottom-footer p.designby{width:90%;text-align:center;padding:10px 5%;float:none;clear:both;}
}
/* DESKTOPS & LAPTOPS */
@media only screen and (min-width: 1224px) {
	#tagline h2{left:55%;}
	.bottom-footer p.copyright,
	.bottom-footer ul.meta-info
	{float:left;padding:10px 20px;}
	.bottom-footer ul.meta-info li{display:inline-block;}
	.bottom-footer ul.meta-info li a{padding:0 10px;border-right:1px solid #b4b4b4;display:block;}
	.bottom-footer ul.meta-info li a.last-child{border-right:0;}
	.bottom-footer p.designby{float:right;background:#232323;padding:10px 20px;width:inherit;clear:none;}
	ul.main-nav > li{position:relative;}
	ul.main-nav > li ul{
		position:absolute;
		min-width:180px;
		z-index:99999;
		left:-4px;
		display:none;
	}
	ul.main-nav > li:hover ul{
		display:block;
	}
	ul.main-nav > li ul a{
		display:block;
		padding:10px 15px;
		color:white;
		background:#1f87cd;
		text-shadow:0 1px 1px #1f87cd;
		 font-family: 'trans-asia-font',arial,sans-serif;
		font-size:18px;
		 text-shadow: 0 -2px 0 #075C96;
		 text-align:left;
	}
	ul.main-nav > li ul a:hover{opacity:1;}
}
/* LARGE SCREENS */
@media only screen and (min-width: 1824px) {
 

}
/* RETINA & AMOLED DISPLAY */
@ media only screen and (-webkit-min-device-pixel-ratio:
  1.5), only screen and (min-device-pixel-ratio: 1.5) {
    
}

/*----------------------*/
/* End Responsive Style */
/*----------------------*/

.tinynav{
        display: none;
}
@media screen and (max-width: 767px) {
    .tinynav {
                display: block;
                width: 100%;
                padding: 10px;
        }
    #menu-mainmenu { display: none !important }
}

/*-----------------------*/
/* extra for input table */
/*-----------------------*/

.speci-table{
	font-size: 10px;
}

.speci-table tr:first-child{
	font-weight: bold;
}

.speci-table tr td{
	border: 1px solid #ccc;
	vertical-align: middle;
}

.speci-table tr:nth-child(even) td{
	background: #BFE5FF;
}

.exp-table{
	font-size: 12px;
}

.exp-table tr:first-child td, .exp-table tr:first-child+tr td{
	font-weight: bold;
	background: #D1D1D1;
	border: 1px dashed #bbb;
}

.exp-table tr td{
	border: 1px solid #ccc;
	vertical-align: middle;
	padding: 1px;
	color: #333;
}

.content-in ul{
	padding-left: 18px;
}
.content-in ul li{
	list-style: square;
}

ul.tabs{
	padding-left: 0px !important;
}

ul.tabs li{
	list-style: none !important;
}