@charset "utf-8";
/* CSS Document */

body{margin:0 auto; padding:0px; font-family: 'Roboto Condensed', sans-serif; background:#fff;  }

h1{font-size:18px; color:#0A68B2; font-family: 'Oswald', sans-serif;}
h2{font-size:16px; color:#DB0023; font-family: 'Oswald', sans-serif; }
p{font-size:14px; line-height:22px; color:#6D6D6D; font-family: 'Roboto Condensed', sans-serif;}

.header-wrapper{width:100%; height:100%; margin:0 auto; padding:0px;   }
.header{width:960px; height:auto; margin:0 auto; padding:0px;background:#fff;}
.logo{width:335px; height:98px; float:left; }
.topsmo{width:201px; height:32px; float:right; margin-top:40px; }
.topsmo ul{list-style-type:none; margin:0px;}
.topsmo li{ float:left; padding-left:5px;}
.topsmo li{ float:left; border:none;}
.topsmo img{ border:0px;}
.topsmo li a:hover{opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */ }


.menu{width:960px; height:auto; float:left;}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #FFF;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active a {
 background-color: #146AB3;
}
#cssmenu > ul > li.active a:hover {
 background-color: #146AB3;
}
 
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #ffffff;
  -moz-box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  background-color: #146AB3;
 
  line-height: 34px;
  padding:0.6em 4.7em 0.6em 4.6em;
  filter: none;

}
#cssmenu > ul > li a:hover {
 background-color: #000;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2499FF), to(#4599F8));
 background-image: -webkit-linear-gradient(top, #2499FF, #4599F8);
 background-image: -moz-linear-gradient(top, #2499FF, #4599F8);
 background-image: -ms-linear-gradient(top, #2499FF, #4599F8);
 background-image: -o-linear-gradient(top, #2499FF, #4599F8);
 background-image: linear-gradient(to bottom, #2499FF, #4599F8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2499FF, endColorstr=#4599F8);
 
}
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;

}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}



.banner-wrapper{width:100%; height:100%; float:none; clear:both; margin:0 auto; padding:0px; overflow:hidden; background:#82D3F5;  }

.banner{width:960px; height:350px; margin:0 auto; padding:0px; }
.banner-shadow{width:960px; height:42px; background:url(../images/banner_shadow.png) no-repeat; margin:0 auto; padding:0px;  }



.content-wrapper{width:100%; height:100%; margin:0 auto; padding:0px; float:none; clear:both; overflow:hidden; }
.content{width:960px; height:100%; margin:0 auto; padding:0px; background:#fff;}
.welcome{width:920px; height:100%; padding:0px 10px; margin:10px 10px 5px 10px; background:#fff;border-radius: 4px 4px 4px 4px; border-width: 1px; border-style: solid; border-color: rgb(218, 218, 218);}

.servicebox{width:310px; height:auto; border-radius: 4px 4px 4px 4px; float:left; border:1px solid #dddddd; padding-bottom:10px; margin-left:6px;}

.servicebox ul{list-style-type:none; padding:0px; margin:0px;}
.servicebox li{ font-size:12px;}
.servicebox li h1{ font-size:18px; line-height:22px; color:#DB0023; font-family: 'Oswald', sans-serif; text-align:center; text-decoration:underline; }
.servicebox li p{font-size:14px; line-height:22px; color:#6D6D6D; font-family: 'Roboto Condensed', sans-serif; padding:5px 10px; height:60px; }
.servicebox li a{color:#fff; text-decoration:none;}

.button_example{ margin-left:120px;   
border:1px solid #007deb; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #2499FF;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2499FF), to(#4599F8));
 background-image: -webkit-linear-gradient(top, #2499FF, #4599F8);
 background-image: -moz-linear-gradient(top, #2499FF, #4599F8);
 background-image: -ms-linear-gradient(top, #2499FF, #4599F8);
 background-image: -o-linear-gradient(top, #2499FF, #4599F8);
 background-image: linear-gradient(to bottom, #2499FF, #4599F8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2499FF, endColorstr=#4599F8);
}

.button_example:hover{
 border:1px solid #0065bd; background-color: #0080f0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0080f0), top(#147ef6));
 background-image: -webkit-linear-gradient(top, #0080f0, #147ef6);
 background-image: -moz-linear-gradient(top, #0080f0, #147ef6);
 background-image: -ms-linear-gradient(top, #0080f0, #147ef6);
 background-image: -o-linear-gradient(top, #0080f0, #147ef6);
 background-image: linear-gradient(to bottom, #0080f0, #147ef6);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0080f0, endColorstr=#147ef6);
}











.footer-wrapper{width:100%; height:auto; padding:0px; margin:0px auto; float:none; clear:both; background:#146AB3; margin-top:10px;  }
.footer{width:960px; height:150px; padding:0px; margin:0px auto; }

.footermenu{width:740px; height:25px; font-size:15px; float:left; margin-top:25px; font-family: 'Roboto Condensed', sans-serif;  }

.footermenu ul{list-style-type:none; padding:0px; margin:0px;  }
.footermenu li{float:left; padding:0px 10px;  border-right:1px #FFF solid;  }
.footermenu a{color:#fff; text-decoration:none; }
.footermenu a:hover{color:#99C816;}
.footermenu li:last-child{border-right:0px;}
.smo{width:220px; height:auto; font-family:Socialico; font-size:35px; float:left; margin-top:15px; }
.smo ul{list-style-type:none; padding:0px; margin:0px;  }
.smo li{float:left; padding:0px 8px; }
.smo a{color:#fff; text-decoration:none; opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */ }
.smo a:hover{color:#94c223; transition:all 1s ease 0s;  filter: none;
  -webkit-filter: grayscale(0%);}
.copyrights{width:960px; height:20px; color:#fff; font-size:10px; float:none; clear:both; text-align:center; padding:30px 0px; font-size:14px; font-family: 'Roboto Condensed', sans-serif; }

/*contact*/
.contact{width:470px; height:auto; padding:0px 10px; float:left; }
.contact a{color:#0072bc; text-decoration:none;}
.contact a:hover{color:#DB0023;}
.enquiry{width:450px; height:auto; padding:0px 10px; float:left; font-family: 'Roboto Condensed', sans-serif; color:#6d6e71; font-size:14px; line-height:22px; }

.textfield{width:200px; height:20px; border:1px solid #cccccc; padding:3px;}
.textarea{width:400px; height:100px; border:1px solid #cccccc; padding:3px; resize:none;}
.address-block > ul {
  font-size: 14px;
  list-style: outside none none;
  padding: 0;
  
}
.address-block li{ line-height:23px;}
/*contact*/

.trade{ width:100%; display:inline-block; padding:30px 0;}
.trade table{ width:100%; border-collapse:collapse;}
.trade table td{ border:1px solid #ccc; text-align:center; padding:5px;}
.trade table tr{ border:1px solid #ccc;}
.trade .left{ width:48%; float:left;}
.trade .right{ width:48%; float:right;}

.trade table .first{ background:#E05206; color:#fff;}

.content{ text-align:center; font-size:18px;}
.ser-list-sty {
list-style : none; text-align: left;}
.ser-list-sty li {
font-size: 16px;
line-height: 22px;
color: #6D6D6D;
font-family: 'Roboto Condensed', sans-serif;
}