body{ background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; color:#333; margin: 0; padding: 0;} 

img{ text-decoration:none; border:0;}
p
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	color:#646363;
	text-align:justify;
	margin:0 0 10px 0;
	padding:0;
}
h1
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:18px;
	font-family: 'OpenSans-Light';
}
h2
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:16px;
	font-family: 'OpenSans-Light';
	margin:0;
}
h3
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:14px;
	font-family: 'OpenSans-Light';
	margin:0;
}
.b
{
	color:#1e1e1e;
	font-size:14px;
	font-family: 'OpenSans-Light';
	font-weight:bold;
}
ul li
{
	color:#646363;
	font-size:12px;
	list-style:none;
}
a
{
	text-decoration:none;
}

#wrapper{ width:100%; height:auto; float:left;}
#header{ width:80%; height:80px; margin:0 auto; background-color:#fff;}
#banner{ width:80%; height:auto; margin:0 auto; }
#content{ width:80%; height:auto; margin:0 auto;}
#footer{ width:100%; height:auto; margin:0 auto;}

.logo{width:70%; height:auto; float:left;}
.head-right{ width:19%; height:auto; float:right; margin-top:10px;}
.head-right1{ width:30%; height:auto; float:right; margin-top:10px;}
.sitemap a{ width:16%; height:35px; float:left; background-image:url(../images/sitemap.jpg); background-repeat:no-repeat;}
.sitemap a:hover{ background-image:url(../images/sitemap-over.jpg); }
.sitemap_txt a{ width:20%; height:35px; float:left; font-family:'OpenSans-Light'; font-size:11px; color:#788286; text-decoration:none; margin-top:8px;}
.sitemap_txt a:hover{ color:#10008c; }

.enquiry a{ width:16%; height:35px; float:left; background-image:url(../images/enquiry.jpg); background-repeat:no-repeat;}
.enquiry a:hover{ background-image:url(../images/enquiry-over.jpg); }

.menu{ width:80%; height:80px; margin:0 auto; background-image:url(../images/menu-bg.jpg); background-repeat:no-repeat;}
.menu ul{ padding-top:36px;}
.menu ul li{ list-style:none; padding:0px 20px 0px 20px; float:left;}
.menu ul li a{ text-decoration:none; font-family:'OpenSans-Light'; color:#fff; font-size:18px; padding:20px 23px; letter-spacing:1px; font-weight:bold;}
.menu ul li a:hover{ color:#fff; background-color:#788286; }

.service_box{ width:100%; height:auto; margin:0 auto; }
.service { width:32%; height:216px; float:left; background-image:url(../images/telecom.png); background-repeat:no-repeat; }
.service a{ text-decoration:none; color:#fff; line-height:0;}
.service a:hover{ color:#10008c;}
.service p{ text-align:center; line-height:12px; color:#fff; font-weight:700;font-size:15px; }
.service_smalltxt span{ font-size:14px; color:#fff;}

.secure { width:32%; height:216px; float:left; background-image:url(../images/security_system1.png); background-repeat:no-repeat; }
.secure_box{ width:100%; height:auto; margin:0 auto; }
.secure a{ text-decoration:none; color:#fff; line-height:0;}
.secure a:hover{ color:#10008c;}
.secure p{ text-align:center; line-height:12px; color:#fff; font-weight:700;font-size:15px; }
.secure_smalltxt span{ font-size:14px; color:#fff;}

.safety { width:32%; height:216px; float:left; background-image:url(../images/safety.png); background-repeat:no-repeat; }
.safety_box{ width:100%; height:auto; margin:0 auto; }
.safety a{ text-decoration:none; color:#fff; line-height:0;}
.safety a:hover{ color:#10008c;}
.safety p{ text-align:center; line-height:12px; color:#fff; font-weight:700;font-size:15px; }
.safety_smalltxt span{ font-size:14px; color:#fff;}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('fonts/OpenSans-Light.eot');
    src: url('fonts/OpenSans-Light.eot') format('embedded-opentype'),
         url('fonts/OpenSans-Light.woff') format('woff'),
         url('fonts/OpenSans-Light.ttf') format('truetype'),
         url('fonts/OpenSans-Light.svg#KalingaRegular') format('svg');

}
.career_left
{
	width:50%;
	float:left;
}
.career_right
{
	width:50%;
	float:right;
}
.career_right img{
	/*margin-top:500px;*/
	max-width:100%;
}



.box_tit
{
	margin-top:140px;
}
.box_det a
{
	font-size:12px;
}

.brd
{
	width:100%;
	float:left;
	border-bottom:1px #b3bfce solid;
	height:3px;
	display:block;
}
.brd1
{
	width:1%;
	float:left;
	border-right:2px #4c4c4c solid;
	height:100px;
	display:block;
	margin:50px 0 0;
}
.brd2
{
	width: 69%;
float: left;
border-bottom: 5px solid #10008C;
height: 20px;
display: block;
}

.welcome
{
	width:100%;
	float:left;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}
.welcome_left
{
	width:80%;
	float:left;
}

.welcome_left_col1
{
	width:74%;
	float:left;
	margin:0 20px 0 0;
}
.welcome_left_col2
{
	width:23%;
	float:left;
}
.welcome_left_col2 img
{
	max-width:100%;
}
.welcome_left li
{
	list-style:none;
	color:#646363;
}
.welcome_left ul li a
{
	text-decoration:none;
	color:#646363;
}
.welcome_left ul li a:hover
{
	color:#000;
}
.welcome_left h1
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:18px;
	font-family: 'OpenSans-Light';
}
.welcome_left h1 img
{
	margin:0 10px;
}
.welcome_left p
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	color:#646363;
	text-align:justify;
	margin-left: 8px;
}
.welcome_left1
{
	width:58%;
	float:left;
}
.welcome_left1 li
{
	list-style:none;
	color:#646363;
	list-style-image:url(../images/arrow.png);
	line-height:35px;
}
.welcome_left1 ul li a
{
	text-decoration:none;
	color:#646363;
	font-size:14px;
}
.welcome_left1 ul li a:hover
{
	color:#000;
}
.welcome_left1 h1
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:18px;
	font-family: 'OpenSans-Light';
}
.welcome_left1 h1 img
{
	margin:0 10px;
}
.welcome_left1 p
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	color:#646363;
	text-align:justify;
	margin-left: 8px;
}
.welcome_left2
{
	width:58%;
	float:left;
}
.welcome_right
{
	width:15%;
	float:left;
	margin:0 0 20px 25px;
}

.welcome_right h1
{
	width:100%;
	float:left;
	color:#10008c;
	font-size:18px;
	font-family: 'OpenSans-Light';
}

.welcome_right_col1
{
	width:68%;
	float:left;
	margin-right: 20px;
}
.welcome_right_col {
    width: 14%;
    float: left;
    margin-right: 0;
    margin-top: 50px;
    margin-left: 20px;
}
.welcome_right_col2
{
	width:25%;
	float:left;
}

.welcome_right1
{
	width:35%;
	float:left;
	margin:0 0 20px 25px;
}
/*readmore*/

.readmore
{
	width:13%;
	float:right;
	margin:20px 0 5px 0;
}
.readmore1
{
	width:20%;
	float:right;
	margin:12px 0 0;
}

/*gallery*/
.gallery1
{
	width:8%;
	float:left;
	margin-top:20px;
	margin-right:30px;
}
.gallery1 h1
{
	width:100%;
	float:left;
	color:#FFF;
	font-size:18px;
	font-family: 'OpenSans-Light';
	background:#10008c;
	padding:10px;
	margin:0;
}
.gallery1 h2 a
{
	width:100%;
	float:left;
	color:#FFF;
	font-size:12px;
	font-family: 'OpenSans-Light';
	background:#2a2a2a;
	padding:0 10px;
	margin:0;
	text-decoration:none;
	text-align:center;
}
.gallery2
{
	width:89%;
	float:left;
	margin-top:20px;
}

/*footer*/
#footer
{
	width:100%;
	float:left;
	background:#222223;
}
.footer_inner
{
	width:80%;
	margin:auto;
}
.footer_box1
{
	width:29%;
	float:left;
	border-right:#2px solid #141415;
	margin:10px 20px;
}
.footer_box1 h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#959595;
	border-bottom:2px solid #454545;
}
.footer_box1 ul
{
	margin:0;
	padding:0;
}
.footer_box1 li
{
	color:#939393;
	line-height:25px;
	list-style:none;
	margin:0;
}
.footer_box1 a
{
	color:#939393;
	text-decoration:none;
}
.footer_box1 a:hover
{
	color:#fe601a;
}
/*designed*/
.designed
{
	width:100%;
	float:left;
	margin-top:25px;
	font-size:11px;
}

/*aboutus*/

.abt
{
	width:96%;
	float:left;
	padding:20px;
}
.abt img
{
	max-width:100%;
	vertical-align:middle;
}
.service_left
{ width:50%;
float:left;

}
.service_right 
{ width:50%;
float:left;
	
	vertical-align:middle;
}
/*.service_right img
{ width:10%;
}*/
.welcome ul
{
	float:left;
}
/*Social-icon*/
.social {
	width:63%;
	float:right;
}
.social ul{
	margin:5px 0 0 0;
	padding:0;
}
.social li {
	display: inline-block;
	cursor: pointer;
	width: 42px;
	height: 34px;
	overflow: hidden;
	margin: 0px 10px 0px 0px;
}
.social li a {
	width: 4px;
	height: 34px;
	display: block;
	overflow: hidden;
}
.social li a img {
	position: relative;
	top: 0px;
	/*transition: all 0.15s ease 0s;*/
	width:34px;
}
.social li a:hover img {
	position: relative;
	top: -34px;
	transition: all 0.15s ease 0s;
}


/*career*/
.career
{
	width:100%;
	float:left;
}
.career1
{
	margin:0 30px 30px 30px;
}
.drp
{
	width:250px;
	height:22px;
}
/*projects*/
#vlightbox1 ul
{
	width:100%;
	float:left;
}
#vlightbox1 li
{
	width:25%;
	float:left;
}
#vlightbox1 h2
{
	width:100%;
	float:left;
	color:#1e1e1e;
	font-size:16px;
	font-family: 'OpenSans-Light';
	margin:0 0 0 10px;;
}
.abt a
{
	text-decoration:none;
	color:#10008c;
}
.abt a:hover
{
	text-decoration:none;
}
.lst li
{
	list-style:circle;
}