@font-face {  
    font-family: 'Calibri';    
    src: url("../fonts/calibri.eot");
    src: local("Calibri"),
    url('../fonts/calibri.svg#Calibri') format('svg'),   
    url('../fonts/calibri.woff') format('woff'),
    url('../fonts/calibri.ttf') format('truetype');      
    font-weight: normal;  font-style: normal;  
}

html, body 
{    height: 100%;   }

body 
{
    font-family: Calibri,Tahoma, Arial, sans-serif;
    margin: 0px auto; padding: 0px;
    background: url('../img/bg-01.jpg') repeat-x top center;
    background-color: white;
}

h1
{
  font-family: Calibri; font-size: 20px; text-transform: uppercase; color: #175ba4;
  font-weight: normal; text-decoration: none; 
  padding-left: 10px; padding-top: 10px;
}

h2
{
  font-family: Calibri; font-size: 18px; text-transform: uppercase; color: #175ba4;
  font-weight: normal; text-decoration: none; 
  background:url('../img/bg-h2.png') no-repeat left center;
  padding-left: 15px; margin: 20px 0px 20px 10px;
}

h3
{
  font-family: Calibri; font-size: 18px; font-weight: normal; color: #003064;
  text-decoration: none; padding-left: 10px;
}

h4 
{
  font-family: Calibri; font-size: 17px; font-weight: bold; color: #4e4e4e;
  text-decoration: none; padding-left: 10px;
}

h5
{
  font-family: Calibri; font-size: 16px; color: white; font-weight: normal;
  padding: 5px 0px 0px 10px;
}

p
{
  font-family: Tahoma;  line-height: 20px;
  font-size: 13px; color: #4e4e4e;
  font-weight: normal; text-decoration: none;
  text-align: justify; padding: 0px 10px 0px 10px;
}

article p
{
  margin-top: -20px;
}

ul li
{
  list-style-type: none; margin: 0 auto;
}

a:link     { font-family: Tahoma; font-size:13px; color: #21436c;  }
a:hover    { font-family: Tahoma; font-size:13px; color: #21436c;  }
a:active   { font-family: Tahoma; font-size:13px; color: #21436c;  }
a:visited  { font-family: Tahoma; font-size:13px; color: #21436c;  }

#wrapper
{
  width: 960px;  margin: 0 auto;   
}

.header
{ 
  background: url('../img/bg-header-01.jpg') repeat-x top center;
  height: 463px;
}

.header .language
{ width: 83px; 
  float: right; margin-right: 25px;
}

.header .language ul
{
  margin:0 auto; padding: 0;
}

.header .language ul li
{
  list-style-type: none; float: left;
  height: 15px;
  margin: 0 auto; line-height: 15px;
}

.header .language ul li img
{
  padding: 5px;
  border:none;
}

.header .language .line
{
  width: 1px; height: 15px; background-color: #83b4e5;
  margin: 5px;
}

.header .language a:link, .header .language a:visited,
.header .language a:hover, .header .language a:focus,
.header .language a:visited
{
  background: none;
  height:15px; line-height: 15px;
  border: none;
}

.brand-logo
{
  height: 101px;   
}

.brand-logo img
{
   margin-left: -20px;
}

.header nav
{
  width: 500px; height: 36px; 
  float: right; margin-right:19px; margin-top: -13px;
  background: url('../img/bg-menu-01.png') repeat-x center center; 
}

.header nav ul
{
  margin: 0; padding: 0;
}

.header nav ul li
{
  list-style-type: none; margin: 0 auto; float: left;  
  text-align:  center; line-height: 35px;  
}

.header .home     {width: 67px; }
.header .service  {width: 77px; } 
.header .company  {width: 92px; }
.header .staff    {width: 155px;}
.header .contact  {width: 101px;}

nav ul li a, nav ul li a:link
{
  text-transform: uppercase; text-decoration: none;
  color: #21436c;  
}

.header a:hover, .header a:focus
{
  background: url('../img/bg-menu-02.png');
  display: block; height: 36px;
  color: #ffffff;
}

.header .banner-img
{
  width: 960px; height: 297px;
  margin-top: 40px;
  padding: 5px;
}

.contents
{
  margin: 0 auto; padding: 0;  
}

.contents  p img
{
  float: right;
  padding: 5px 15px 5px 15px;
}

.exportbox ul
{
  margin: 0 auto; padding: 0;
  margin-left: 5px;
}

.exportbox ul li
{
 float: left; 
 margin: 0px 10px 10px 10px;
}

.exportbox a, .exportbox a:link, .exportbox a:visited, 
.exportbox a:hover, .exportbox a:focus,
.exportbox img
{
  border:none;
}

.footer
{
  height: 175px;
  background: url('../img/bg-footer-01.png') ;
  margin: 0 auto;
  font-family: Tahoma;
}

.footer .address
{
  width: 700px; height: 130px;     
}

.footer .address table
{
  margin-left: 7px;  margin-top: -26px; 
}

.footer .address table tr td
{
  color: white; font-size: 12px;
  padding-right: 10px;
  line-height: 18px;
}

.footer .address .right
{
  padding-left: 20px;
}


.footer .social 
{
  width: 250px; height: 144px;
  margin-top: -130px ; float: right;
  position: inherit; padding-right: 20px;
}

.footer .social p
{
  color: #a0ceff; font-size: 12px;
  text-align: right; line-height: 20px;
}

.footer .social img
{
  border:none;
  padding-top: 5px;
}

.footer .copyright, .footer .copyright a
{
  line-height: 25px; font-family: Tahoma;
  color: #3c88d9; font-size: 12px; text-align: center;
  text-decoration: none; 
  margin: 0 auto; padding: 0;
  margin-top: 16px;

}

.border
{
	border:1px solid white;
}

.clearfix:after 
{
  content: ".";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*===================== Start of Service Page ===================== */
.pg-service{}

.pg-service img
{
  padding: 0px 15px 0px 5px;
}

.pg-service p
{
  text-align: left;
}

.pg-service ul 
{
  margin: 0; padding: 0px 10px 0px 10px; 
}

.pg-service ul li
{
  list-style-type:disc;  
  font-family: Tahoma, Tahoma; font-size: 13px; color: #4e4e4e;
  margin: 0px 10px 0px 20px; 
  text-align: justify;
}


/*===================== Start of Company Page ===================== */
.pg-company{}

.pg-company ul
{
  width: 950px; height: 200px;
  font-size: 13px; color: #4e4e4e; 
  font-family: Tahoma;
  padding: 0px 0px 0px 10px;
  margin: 0; 
}

.pg-company ul li
{
  list-style-type: none; float: left;
  line-height: 30px;
}

.pg-company .left
{
  width: 220px; text-transform: uppercase;
  padding-left: 10px;
}

.pg-company .center
{
  width: 24px; text-align: center;
}

.pg-company .right
{
  padding-left: 5px;
  width: 600px; 
}

/*===================== Start of Staff Page ===================== */
.pg-staff{}

.pg-staff aside
{
  padding: 10px;
  margin-bottom: 20px; 
}

.pg-staff aside img
{
  width: 162px; 
}

.pg-staff aside h3
{
  margin-top: -165px; margin-left: 170px;
}

.pg-staff aside p
{
   margin-left: 170px;
   font-family: Tahoma;
}


/*===================== Start of Contact Page ===================== */

.pg-contact
{
  font-size: 14px;
}

.pg-contact ul 
{
  margin: 0 auto; padding: 0;
  height: 300px; width: 900px;
  color: #4e4e4e;
}

.pg-contact ul li
{
  list-style-type: none; float: left;
  height: 40px;
}

.pg-contact .left
{
  width: 136px;
}

.pg-contact .center
{
  width: 40px;
}

.pg-contact .right
{
  width: 724px;
}

.pg-contact form
{
  margin-left: 26px;
}

.pg-contact .right input
{
  width: 346px; height: 25px;
}

.pg-contact .right textarea
{
    width: 346px;
}

.pg-contact  .submit 
{
  font-family: Calibri; font-size: 14px;
  margin-left: 300px;
  width: 74px; height: 34px;
  border-radius: 4px; 
  border:1px solid #ababab;  
  background: #f4f4f4; 
  background: -moz-linear-gradient(top,  #f4f4f4 31%, #d7d7d7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#f4f4f4), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 31%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f4f4f4 31%,#d7d7d7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f4f4f4 31%,#d7d7d7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 31%,#d7d7d7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
  cursor: pointer;
}

/*===================== Start of ThankU Page ===================== */
.pgthanks
{
  height: 400px;
}

.pgthanks h1
{
  text-align: center;  
  font-size: 40px;
  padding-top: 100px;
}