table { 
    border-spacing: 0;
    border-collapse: collapse; margin:0; padding:0;
}
td    {padding: 0px;}
.alignLeft { float:left}
.alignRight { float:right;}
.cf:before, .cf:after {content: "";display: table;}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;}

img, a {
	border: none; 
}
body {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 976px;
	margin: 0 auto;
	padding: 0;
}
.header {
	background: #ac5909;
	/*min-height: 545px;*/
}
.logo {
	float: left;
	width:500px;
	margin-top: 7px;
	margin-bottom: 5px;
}
.social {
	
	 float: right;
    
    position: relative;
    top: 20px;
    
    z-index: 1000;
	 
}
.menu {
	clear: both;
	background: url(images/menubg.jpg) repeat-x top left;
	height: 51px;
}
.whitebg {
	background: #f5f5f5;
	height: 280px;
	clear: both;
}
.whitebg span {
	width: 976px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	display: block;
}
.blue {
	background:#e67b13;
	height: 277px;
	color: #FFF;
}
.blue h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: bold;
}
.blue p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: justify;
	line-height: 25px;
	 
}
.grid1 {
	width:100%;
	min-height: 277px;
	float: left;
  
	 
}
.read {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	display: block;
	float: right;
	margin-top: 15px;
}
.grid2 {
	float: left;
	min-height: 277px;
	width: 252px;
	background: url(images/seplong.png) no-repeat center right;
	padding-right: 15px;
	text-align: center;
}
.grid3 {
	float: left;
	width: 236px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.grid3 ul {
	margin: 15px 0 0 0;
	padding: 0;
	width: 240px;
}
.grid3 ul li {
	list-style-type: none;
	display: block;
	background: url(images/blt.png) no-repeat left 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
.grid3 ul li a{ text-decoration: none; color:#FFF;}
.grid3 ul li a:hover{ text-decoration:underline;}
.grid4 {
	float: left;
	width: 400px;
	margin-left: 60px;
	display: block;
	margin-top: 20px;
}
.grid4 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #074584;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.grid4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #175b9f;
	text-align: justify;
}
.box {
	width: 230px;
	float: left;
	border: 1px solid #91452e;
	margin-top: 20px;
	min-height: 250px;
	border-radius: 5px;
}
.box h2 {
	margin: 0;
	padding: 0;
	background: #91452e; /* Old browsers */
 
	line-height: 41px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	padding-left: 14px;
}
.box input {
	border: 1px solid #91452e;
    display: block;
    float: left;
    height: 26px;
    margin: 11px 0 0 9px;
    padding: 0;
    width: 191px;
}
.box textarea {
	width: 191px; float:left;

	padding: 0;
	height: 82px;
	border: 1px solid #91452e;
	display: block;
	 margin: 11px 0 0 9px;
}
.second {
	margin-left: 22px;
}
.second img {
	display: block;
    float: left;
    margin-left: 5px;
    margin-top: 46px;
    margin-bottom: 48px;
}
.footer {
	background: url(images/bg_01.png) repeat #91452e;
	min-height: 262px;
}
.footer h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	display: block;
	background: url(images/border.png) repeat-x left bottom;
	height: 31px;
	line-height: 29px;
}
.grid6 {
	width: 309px;
	float: left;
	margin-top: 20px;
}
.grid6 p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
.grid7 {
	width: 195px;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
}
.grid7 ul {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin: 15px 0 0 7px;
	padding: 0;
}
.grid7 ul li {
	background: url(images/blt2.png) no-repeat left center;
	list-style-type: none;
	padding-left: 10px;
}
.grid7 ul li a {
	text-decoration: none;
	color: #fff;
	line-height: 22px;
}
.grid8 {
	width: 312px;
	float: left;
	margin-top: 20px;
	margin-left: 80px;
}
.grid8 p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
.grid8 p a {
	text-decoration: none;
	color: #fff;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71250d;
	line-height: 21px;
	min-height: 600px;
}
.content h1 {
	font-size: 26px;
	color: #71250d;
}
.imgLeft {
	float: left;
	 
}
.imgRight {
	float: right;
	padding-left: 15px;
}
.bgblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	color: #FFF;
	background: #71250d;
	display: block;
	line-height: 50px;
	padding: 0 0 0 10px;
}
.box input {
	padding: 0 0 0 10px;
}
.box textarea {
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#gallery img {
	border: 1px solid #999;
}
#gallery2 img {
	border: 1px solid #999;
}
.contentinn {width:650px; float:left; height:100%; text-align:justify;}
.product{ width:300px; float:right; border:1px solid #71250d; padding:0; margin:20px 0 0 0;}
.product h2{ margin:0;  }
.product ul li a { text-decoration:none; color:#71250d;}
.product ul li a:hover{ text-decoration:underline;}
.contentinn ul{ margin:0 0 0 15px; padding:0;}
.contentinn ul li{ margin:0; padding:0;}
.cms-page table { float:left; border-collapse: collapse; background-color:#fff; text-align:center; margin-top:20px; font-family:Arial, Helvetica, sans-serif; margin-left:0px; }
.cms-page th {  border: 1px solid #add4fc; color: #fff; font-size: 13px; padding: 4px; background-color:#175b9f; font-weight:bold; text-transform:uppercase; line-height:25px; }
.cms-page td {  border: 1px solid #add4fc;  color: #444;  font-size: 12px;  padding: 4px; vertical-align:top;   }
.cms-page tr{ -moz-transition:background 0.5s ease 0s; background:#fff;}
.cms-page tr a{ text-decoration:none; color:#4c4c4c; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.cms-page tr:hover{background:#eee; -moz-transition:background 0.5s ease 0s;  }
.product1{ display:block; clear:both; margin-bottom:30px; padding-bottom:30px;   width:960px; padding-left:15px;}
.border{ border:none; margin:0 15px 0 0; padding:0; }
 h1{ float:left; display:block; width:90%;}
.pdf{ width:49px; float:right; display:block;}
.contentinn p{ clear:both;}
.group{  float:left; width:101px; margin:14px 0 0 77px; }
.phone{background: url(images/phone.png) no-repeat left center; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0e4f94; padding-left:20px; font-weight:bold;}
.email{background: url(images/email.png) no-repeat left center; line-height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0e4f94; padding-left:20px; font-weight:bold; margin-bottom:15px;}

@media only screen and (max-width:480px){
     #vlightbox1{  margin: 0 auto;
    padding: 0;
    width: 50% !important;}
	.social img{ width:89%;}
	.imgLeft{ width:100%;}
	.phone{ clear:both; width:90%;}
		
	.blue p { margin:0; padding:0; }
.video{ display:block; float: none; width:80%;   margin:15px 0 0 0; padding:0;}
	 .content h1{ text-align:center;}
.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
.second{ display:none;}
.logo{ float:left; width:90%; text-align:center;} 
.logo img{ width:95%;}
.social{ display: block; float:none; margin:0 auto; padding:0;   }
.header{ height:auto !important;}
.whitebg{ display:none;}
.grid1,.grid2,.grid3,.grid6,.grid7,.grid8{ width:100%; background:none; margin:0 0 10px 0; padding:0;}
.blue{ background:#e67b13; height:auto !important; }
.footer{ background:#e6f1f7;}
.box{ width:100%;  }
.box input{ width:90%;}
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
.contentinn{ width:100%;  float:none}
.product{ clear:both; width:95%; float:none;}
}

@media only screen and (max-width:640px){ .wrapper {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	
}
 .logo{ width:auto !important;	
 }
.second{ display:none;}
.grid2 img{ width:80%;} 
.box input{ width:90%;}
.whitebg{ display:none;}
.grid1{ width:100%; background:none; min-height:auto;}
.blue{ background:#04417f; height:auto !important; }
.footer{ background:#e6f1f7;}
.box{ width:82%;  }
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
.product{ clear:both; width:95%; float:none;}
}
@media only screen and (max-width:799px){.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
 .logo{ width:500px;	
 
}

.second{ display:none;}

.whitebg{ display:none;}
 
.blue{ background:#e67b13; height:auto !important; }
.footer{ background: url(images/bg_01.png) repeat #ac5909;}
.box{ width:82%;  }
.grid8 p,.grid6 p{ text-align:center;}
.footer h4{ text-align:center;}
.grid7 ul li{ float:left; margin:5px;}
 .product{ clear:both; width:95%; float:none;} 
}

@media only screen and (max-width:960px) {.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
 .logo{ width:500px;	
 
}
}

@media only screen and (max-width:980px) {.wrapper {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
	
	
	}
	
	
	
/* menu csss */	
#cssmenu {
  position: relative;
  height: 44px;
 
  width: auto;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  background: url(images/menubg.jpg) repeat-x;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right; 
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li { border-right:1px solid #926f04; 
  display: block; float:left;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 13px;
  font-weight: bold;
  padding: 19px 20px;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a { background:url(images/hover.jpg) repeat-x top left;
  color: #fff;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #fff;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 207px; font-family:Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #eeeeee;  
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  background: #0093dd;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #18579a;
  color: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #0093dd;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), 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 {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto; background:#ffc102;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background:#0093dd;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: #124f90;
    color: #fff;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 19px 20px;
  }
    #cssmenu #menu-button > a:hover{ background:none; color:#fff;}
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}

.video{ display:block; float:left; width:300px; height:200px; margin:15px 0 0 15px; padding:0;}

.language{ float:right; width:225px;}

.language ul{ margin:20px 0 0 0; padding:0; list-style-type:none;}

.language ul li{ display:block; float:left; margin-left:10px; margin-top:10px;}

.language ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#100987; text-align:center; text-decoration:none; display:block;}

.language ul li a:hover{ text-decoration:underline;}
.slider{ background: url(images/bg_01.png) repeat #ffd130;  }
#test2{ top:-30px !important;}