@charset "utf-8";

body {
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	 font-size:12px; 
	 color:#515e6c; 
	 margin:0; 
	 padding:0;	
	 background:#fff url(../images/body_bg.jpg) repeat left top;
}
@viewport {
  width: device-width;
  zoom: 1;
}
.clear {
	 clear: both; 
	 height: 0; 
	 padding:0; 
	 margin:0;
}
#back{
	background:url(../images/back_bg.jpg) repeat-x left 157px; 
	border-top:#333 10px solid;
	display:block;
	width:100%;
	height:auto;
}
img{
	max-height:100%;
	max-width:100%;
}

/*------------------------- header ------------------------*/
header {
    width:980px;
	height:157px;
	display:block;
	margin:0 auto;
}
#logo {
	width:158px;
	height:140px; 
	float:left;
	text-align:center;
	margin-top:7px;
}
.logo{
	position:absolute;
	width:233px;
	margin-top:-140px;
	float:right;
	margin-left:120px;
}
#call{
	width:50%;
	margin:13px 0 2px 0;
	text-align:center;
	font-size:24px;
	color:#0c3086;
	float:right;
	height:44px;
}
.tect{
	width:63%;
	text-align:left.;
	font-size:16px;
	line-height:27px;
	color:#000;
	font-weight:bold;
	float:right;
}
.tect1{
	width:30%;
	text-align:left.;
	font-size:16px;
	line-height:27px;
	color:#000;
	font-weight:bold;
	float:right;
}
.tect span{
	color:#041463;
	font-weight:bold;
	}
nav {
	width:80%;
	background:#fff;
	border:#d4d4d4 1px solid;
	border-left:none;
	border-radius:0 3px 3px 0;
	height:42px;
	float:right;
}
nav span{
	width:46px;
	height:43px;
	float:left;
	position:absolute;
	margin-left:-46px;
}
/*------------------------------- header End -----------------------------*/

#slaid{
	width:100%;
	display:block;
	height:310px;
	background:url(../images/flash_bg.png) no-repeat center top;
	margin-top:18px;
	padding-top:14px;
}
#flash{
	width:952px;
	height:290px;
	margin:0 auto;
	display:block;
	background:#CCC;
}
#ban{
	background:#072074;
	padding:14px;
	text-align:center;
	width:952px;
	margin:10px auto 0;
	display:block;
}
#ban span{
	margin-right:10px;
	width:310px;
	height:auto;
	float:left;
}

section{
	display:block;
	background:#fff;
	border:#eeecec 1px solid;
	border-top:#000 1px solid;
	padding:10px;
	width:960px;
	margin:0 auto;
}
article{
	color: #666;
    font-size: 16px;
    line-height:34px;
	text-align:justify;
	width:675px;
	float:left;	
}
article p{
	margin:0;
	padding:0;
	line-height:26px;
	}
article h3{
	padding:0;
	margin:20px 0 0px 0;
	}
.img{
	float:right;
	margin:10px;
	border:#DEE0E1 solid 5px;
	box-shadow:#000 1px 1px 4px;
	}
article ul li{
	line-height:23px;
	}
.wel{
	background:url(../images/wel_bg.png) no-repeat left top;
	padding:10px;
	font-size:22px;
	color:#fff;
	text-shadow:#000 0 1px 1px;
	margin:0;
}
.wel span {
	color:#0062bc;
}
.our{
	font: 400 20px/30px "Roboto";
	color:#072074;
	text-align:center !important;
}
aside{
	float:right;
	width:260px;
	height:auto;
}
.sid{
	background:#ededed url(../images/pattern_bg.png) repeat left top;
	border:#d4d4d4 1px solid;
	padding:5px;
	margin-bottom:10px;
}
.sid h2{
	font-size:20px;
	color:#0062bc;
	margin:0;
	display:block;
	text-align:center;
	padding-bottom:5px;
}
.sid span{
	color:#333;
	font-size:16px;
	text-shadow:#fff 0 1px 1px;
	line-height:30px;
	text-align:center;
	display:block;
}
/*---------------------- Footer ----------------------------------------*/
footer{
	width:100%;
	background:#323433 url(../images/pattern_bg.png) repeat top;
	border-top:#151716 10px solid;
	display:block;
}
#futar{
	width:980px;
	margin:0 auto;
	display:block;
}
.socel{
	float:left;
	width:300px;
	font-size:20px;
	text-align:center;
	line-height:35px;
}
.cards{
	float:right;
	width:300px;
	font-size:20px;
	text-align:center;
	line-height:35px;
}
#fut{
	width:100%;
	font-size: 16px;
	line-height: 34px;
	text-align:center;
	display:block;
	border:#000 1px dashed;
	border-left:none;
	border-right:none;
}
#fut a{
	text-decoration:none;
	padding:10px;
	color:#00adff;
	font-size:16px;
	z-index:5000;
}
#fut a:hover{
	color:#000;
}

#copy{
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0;
	color:#fff;
	font-size:14px;
}
#copy a {
	color:#fff;
	font-weight:bold;
	padding:0 20px;
	text-decoration:none;
	}
/*---------------------- Footer End ----------------------------------------*/	 

/*---------------------- slides CSS -----------------------------*/	 
.rslides {
  margin: 0 auto;
  }
.rslides_container {
  margin-bottom:0px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  } 
  
  .centered-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs {
  margin-top: -20px;
  text-align: center;
  z-index:1000;
  position:relative;
  }

.centered-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
.our li{
	float:left;
	width:150px;
	text-align:left;
	margin:10px;
	}
.demonstrations img{
	width:190px;
	height:140px;
	margin:5px;
	float:left;
	padding:5px;
	box-shadow:#333 1px 1px 4px;
	border:#072074 solid 2px;
	border-radius:5px;
	}
.contact{
	float:left;
	width:42%;
	margin:5px;
	padding:5px;
	box-shadow:#333 1px 1px 4px;
	line-height:35px;
	}
.contact p{
	line-height:35px;
	}

.contact1{
	float:right;
	width:52%;
	font-size:13px;
	margin:5px;
	line-height:22px;
	padding:5px;
	box-shadow:#333 1px 1px 4px;
	}
.email{
	float:right;
	width:auto;
	margin-top:-10px;
	font-size:100%;
	}
.email a{
	color:#333;
	text-decoration:none;
	}
.frm{
	border:#CCC solid 1px;
	padding:3px 15px;
	}