body{
padding:0px;
margin:0px;
}
.mainpart{
width:950px;

margin:0 auto;
}
.header{
width:950px;
height:110px;
margin:5px 0 10px 0;
}
.logo{
width:550px;
height:125px;
margin:5px 0 10px 0;
}
.textexplore{width:150px;
float:right; font-size:16px; text-align:center; padding-top:10px; padding-bottom:10px; border: solid 1px grey; margin-top:25px;}
.textexplore a {color:black; text-decoration:none;}

.pic{width: 950px; height: 400px; margin-bottom: 5px;}
.leftside{width:468px; height: 359px; margin: 2px; float: left;}
.rightside{width:468px; height: 620px; margin: 2px; float: right;}

.documents{width: 950px; height: auto; border: #000 solid 1px; border-radius: 10px; margin-bottom: 20px; padding-bottom: 10px; margin-top: 15px; background-color: #c3c3c3;}
.sep{width:930px; height: auto; border-radius: 5px; margin: auto;}
.fields{width:920px; height: 80px;  margin: auto; margin-top: 10px;}
.fields1{width:750px; height: 65px; border: #000 solid 1px; margin: auto; margin:5px; float: left; background-color: #e9e9e9;}
.fields2{width:140px; height: 65px; border: #000 solid 1px; margin: auto; margin: 5px; float: right; background-color: #e9e9e9;}


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenu {
  background: #4cb6ea;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  visibility:visible;
  z-index:100;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background:#0099CC;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 140px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #4cb6ea;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
  left: 170px;
  top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: '';
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: '';
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 16px 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
@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) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%
  }
  #cssmenu ul > li {
    float: none;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul {
    left: 0;
    position: relative;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
    width: auto;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}

.cover{width:950px;
height:190px;
margin-top:3px;
padding-left:5px;
}
.box{
width:304px;
height:180px;
border:#666666 solid 2px;
float:right;
margin-right:8px;
border-radius:5px;
}
.space{margin-left:5px;
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#FF0000;
}

.space1{margin-left:5px;
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#FF0000;
line-height:300%;
}

.c_leftpart{
width:615px;
height:382px;
padding:8px 8px 8px 8px;
background-color:#eff0f0;
margin-top:8px;
margin-right:5px;
margin-bottom:15px;
}
p{text-align:justify;
font-family:'PrintClearly_TT';
color:#333333;
font-size:14px;
}

.c_rightpart{
width:290px;
float:right;
margin-right:20px;
}
h1 {
    color: #555555;
	font-family:"Agency FB";
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
	padding-top:15px;
}
.text{
    color:#0066FF;
    font-family:"Times New Roman", Times, serif;
    font-size: 28px;
    font-weight: bold;
	text-align:center;
}
.text1{
    color:#3399FF;
    font-family:"Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
	text-align:center;
	margin-top:10px;
}

.why{width:942px;
padding:8px 8px 8px 8px;
background-color:#eff0f0;
margin-top:8px;
margin-bottom:15px;
}
#maincontactpart{
width:950px;
height:520px;
background-color:#CCFFFF;
padding-top:15px;
margin-bottom:15px;
}
#contact{width:400px;
margin:8px 0px 8px 8px;
padding-bottom:15px;
}
#form{
float:right;
margin-right:115px;
}
#career{
width:950px;
background-color:#fbfce3;
padding-top:15px;
margin-bottom:15px;
padding-bottom:1px;
}

#career #vacancy{
text-align:center;
font-size:18px;
font-family:"serif";
color:#CC3300;
}

.style{font-size:16px; padding-left:15px; color:#993300;}
.style2{font-size:16px; padding-left:15px; margin:2px; font-weight:bold;}
.style1{font-size:22px; padding-left:8px; font-family:'Arial'}
.style3{font-size:24px; text-align:center; font-family:'Arial'; color:#006699;}
.style4{font-size:18px; text-align:center; font-family:"Times New Roman", Times, serif; color:#CC0000;}

#contactus fieldset
{
   width:280px;

   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}
a{
text-decoration:none;
}
#contactus legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#contactus label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="text"]
{
  height:18px;
  width:250px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
  
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
   
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
}

#contactus textarea
{
  height:120px;
  width:250px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:255px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}

.mainfooter{
width:100%;
height:60px;
background-color:#636363;
margin-bottom:20px;
margin:0 auto;
}
.footer{
width:950px;
height:60px;
margin:0 auto;
padding-left:5px;
}
.footer a
{text-decoration:none;
}
.links{
width:470px;
height:60px;
float:right;
}
.links li{
padding-left:15px;
float:left;
list-style-type:none;
padding-top:20px;
}

.links a{
text-decoration:none;
color:#FFFFFF;
}

.bottom {
    color: #444444;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0;
}
.right{
float:right;
text-align:right;
color: #444444;
font-family: arial;
font-size: 12px;
font-weight: bold;
}

#vlightbox1 {
	width:100%;
	zoom:1;	
}
#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:0px;
	width:240px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#vlightbox1 .vlightbox1 a{
	margin:0;
}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{
	text-decoration:underline;
	opacity:1;
}
#vlightbox1 .vlightbox1 img{
	display:block;
	border:none;
	margin:0;
}
#vlightbox1 .vlightbox1 div {display:none}

#toppers fieldset
{
   width:918px;
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}
#photographs{
width:850px;
padding-left:50px;
}
#toppers legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#toppers label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}
#t_format{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#FFFFFF;
background-color:#999999;
}

.form_box{width:940px; height:880px; border:1.5px solid #dddddd; margin-top:35px;}
.form_hed{width:950px; height:auto; float:left; position:relative; margin:-20px 0 0 10px;}
.form_box p{font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#313131;}
.form_box a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9dc439; text-decoration:underline;}
.form_box .c_input{background:url(../images/c_input_bg.jpg) top left repeat-x; width:325px; height:20px; border:1px solid #d6d3d3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131; padding:4px 0 0 6px;}
.form_box .c_commtns{background:#fff url(../images/c_input_bg.jpg) top left repeat-x; width:325px; height:132px; border:1px solid #d6d3d3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#313131; padding: 3px 0 0 6px;}
.text_14{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#313131;}
.text_11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#313131;}
.text_14 span{color:#fe0000;}
.paad_lt{padding-left:12px;}
.paad_tp_rt{padding:7px 7px;}
.marg_rt{margin:27px 80px 0 0;}
.marg_lt_f{margin-left:15px; float:right;}
.form_innertext {
    font-size: 11px;
	
}
form_txt {
    font-size: 13px;
    color: rgb(102, 102, 102);
}

.form_texts {
    font-size: 11px;
    color: rgb(102, 102, 102);
	
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.txt {
	    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color:#823F36;
    text-align: left;
    line-height: 20px;
    float: left;
	
}
#results{
border:#CCCCCC solid 1px;
border-radius:10px;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:400;
color:#CC3300;
}
#pdf{
border:#CCCCCC solid 1px;
border-radius:10px;}

#r_table_hdr{
background-color:#0066FF;
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#FFFFFF;
font-weight:400;
}