@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:url(../img/bg.gif);}
.maincontainer{width:1000px; margin:0 auto 30px auto; height:auto;}
.topheader{width:1000px; height:450px; margin-top:10px;}
.topheader .left{float:left; width:300px; height:450px; background:#FDFCFC;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.topheader .left .logo{ padding-top:15px; padding-bottom:15px;}
.topheader .left .menu{width:300px; height:auto;}
.topheader .right{float:left; width:695px; height:450px; margin-left:5px;}
.topheader .right .topmenu{width:695px; height:80px; }
.topheader .right .slider{width:695px; height:370px;background:#fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.clear{clear:both; float:none;}
.topmenu .leftmenu{float:left; width:350px; height:70px;}
.topmenu .rightmenu{float:left; width:330px; height:70px; }
.topmenu .rightmenu .imgbox{ float:right; width:50px; height:50px; margin-top:42px; margin-right:10px;}
.menu ul{list-style-type: none;margin: 0px 0;padding: 0;}
.menu ul li:hover{ background:#f3233d; color:#fff;}
.ddsubmenustyle li:hover{background:#f3233d; color:#fff;}
.menu ul li:hover a{color:#fff;}
.menu ul li a{font: 11px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;color: #333;display: block;width: auto;padding: 10px 0;padding-left: 30px;padding-right: 10px;text-decoration: none;border-bottom: 1px solid #e4e4e4;
}
.slider img{ padding:10PX; border-radius:15px;-webkit-border-radius:15px;}
.contentcontainer{width:1000px; margin-top:-177px; height:auto; background:#fff; padding-top:0.1px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.welcomewrapper{width:970px; margin-top:187px;height:auto;padding-left:15px; padding-right:15px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.welcomewrapper .left{width:585px; height:auto; float:left; padding-right:15px;}
.welcomewrapper .right{width:350px; height:auto; float:left; margin-left:15px; }
.welcomewrapper .right .certificatebox{ border:1px solid #000000; width:350px; height:150px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.welcomewrapper .right .certificatebox .certificate{width:150px; height:150px; float:left; padding:10px;}
.welcomewrapper .right .certificatebox .certificate img{width:130px; height:130px;}
.welcomewrapper .divider{ border:1px dotted #000000; height:175px; float:left; margin-top:15px; padding-bottom:15px;}
.title-1 {font-family: Arial, Helvetica, sans-serif;font-size: 15px; color: #000; text-align: left;padding-left: 0px;font-weight: bold;text-transform: uppercase;line-height: 20px;}
.title-2 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #0098bf;text-align: left;padding-left: 0px;font-weight: bold;text-transform: uppercase;line-height: 20px;
}
.content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;text-align: left;text-align: justify;line-height: 20px;}
.hr{ background:url(../img/hr.jpg) repeat-x; width:980px; height:23px; margin:15px auto; }
.productwrapper{width:1000px; height:230px;}
.leftarrowbox {top: 110px;float: left;z-index: 5;height: 16px;left: 0;width: 10px;}
.leftarrowbox a { background: url(../img/left_arrow.gif) no-repeat left top; margin-top:90px; display: block; height: 16px; width: 10px;
}
.productcarsoul { margin-left:15px; padding:15px 0 0px 5px;
  height: 200px;border: 1px solid rgb(238, 238, 238);width:900px;background: rgb(251, 251, 251); float:left;}
  .productcarsoul ul {margin:0; padding:0;}
  .productcarsoul ul li {
  width:180px;
  height:170px;
  background: hsla(0,0%,100%,1.00);
  padding: 0;
  margin: 0 5px;
  display: block;
  float: left;
  text-align: center;
  position: relative;
}
.rightarrowbox {float:left;height: 16px;width: 10px;}
.rightarrowbox a {display:block; margin-top:90px; margin-left:7px;height:16px;width:10px;}
.markermenu ul li a:visited, .markermenu ul li a:active{
color: #000;
}
.contactusleft{ float: left; width:520px; height:500px;}
.contactusleft ul{ padding:0; margin:0 0 0px 20px;}
.contactusleft ul li{ list-style:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px; padding:7px 5px 7px 5px;}
.contactusright{ float: left; width:450px; height:500px;}
.qrcode{ margin:0 auto; height:150px; width:150px; padding-top:15px;}
.slider ul li{ list-style:none;}

.date {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  padding-top:35px;
  padding-left: 10px;
  color: #a5feff;
  text-decoration: none;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
background: #217388;
}
.rightarrowbox a
{
	background:none;
}
.rightarrowbox a a{background:url(../img/right_arrow.gif) no-repeat;}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #fff;
}

.blackwhite li a:hover{
background: black;
color: #fff;
}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background:#fff;
border: 1px solid #075a6f;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 210px; /*width of menu (not including side paddings)*/
color: #333;
background-color: lightyellow;
background:url(../../img/arrow-icon.gif) no-repeat 10px 12px;
text-decoration: none;
padding: 8px 5px;
padding-left: 15px;
border-bottom: 1px solid #075a6f;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 220px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background:#f3233d;
color: #fff;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/

padding-top: 3px;
padding-right:10px;
float:right;

border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #000;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
background: #217388;
}


.slider ul
{
	padding:0;
	margin:0;
}



/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom:25px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*portfolio start here*/
ul {
  padding: 0;
  margin: 0;
}
ul.portfolio-categ  li {
  list-style-type: none;
  line-height: normal;
  display: inline-block;
  text-transform: uppercase;
  background: none;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  margin-bottom:10px;
}
ul.portfolio-categ li a:first-child {
  padding-left: 0px;
}
ul.portfolio-categ li a {
  text-decoration: none;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 16px;
  color: #727272;
  padding: 5px 14px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
ul.portfolio-categ li.active
{
	font-weight:bold;
	font-size:13px;
	color:#000000;
}
ul.portfolio-area
{
	padding:0;
	margin:0;
}
ul.portfolio-area li
{
	display:inline-block;
	list-style:none;
	margin:4px;
	padding:4px;
  background: #fff;
  border: 3px solid #dfdfdf;
  width:215px;
  height:140px;
  
}
ul.portfolio-area li.certificates
{
	display:inline-block;
	list-style:none;
	margin:20px;
	padding:4px;
  background: #fff;
  border: 3px solid #dfdfdf;
  width:425px;
  height:400px;
}

ul.portfolio-area li.certificates img
{
	
  width:425px;
  height:400px;
}

.image-block a img
{
	height:140px;
	 width:215px;
}
.image-block a img:hover
{
	background:#B19E9E;
}
.login-textbox {
  width: 200px;
  background: url(../img/textbox-bg.jpg) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
  text-align: left;
  padding: 3px 0 0 5px;
  height: 20px;
  border: 1px solid #7f9db9;
  margin: 3px 3px 3px 0px;
}
.login-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  text-align: left;
  padding: 5px 0px 0px 5px;
  height: 26px;
}
.more {
  background: url(../img/more.jpg) no-repeat left;
  height: 20px;
  width: 58px;
  padding-bottom: 2px;
  border: 0px;
  color: #fff;
}

.productlist
{
  padding: 5px;
  background: #fff;
  border: 5px solid #dfdfdf;
}
img.thumbsize{height:170px; width:180px;}