﻿body {
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	line-height: 150%;
	background:#FFFFFF;
	width:100%;
}
ol, ul {
	list-style: none;
}
html {
*overflow-x: hidden;
}
a {
	text-decoration:none;
}
img {
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	color:#EA3D01;
	font-size:24px;
	line-height:24px;
	font-family: 'HelveticaLTStdCond';
	margin:0;
	font-weight:normal;
	padding-bottom:20px;
}
h2, h3, h4, h5, h6 {
	font-size:20px;
	line-height:22px;
    color: #214DD4;
	padding-bottom:10px;
}
h3, h4, h5, h6 {
	font-size:18px;
}
h4, h5, h6 {
	font-size:16px;
	line-height:20px;
}
h5, h6 {
	font-size:16px;
	line-height:18px;
	padding-bottom:5px;
}
h6 {
	font-size:14px;
	line-height:16px;
}
p {
	color:#6C6C6C;
	font-size:14px;
	line-height:24px;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:20px;
	margin:0;
	font-weight:normal;
}
#header {
	width:100%;
	margin:0;
	background:url(../images/menu-bg.png) repeat left top;
	  position: absolute;
  top: 0;
  z-index: 999;
}
#header .header {
	width:1000px;
	margin:0 auto;
	position:relative;
}
.logo {
	float:left;
	position:absolute;
	left:-465px;
	top:0;
	width:700px;
	height:460px;
	z-index:9999;
	background:url(../images/logo-bg.png) no-repeat right top;
}
.logo a {
	float:right;
	padding:0px;
    height: 153px;
	margin-right:146px;
}
.logo
#toTop {
	position:absolute; /* this is the magic */
	bottom:43px; /* together with this to put the div at the bottom*/
	left:45%;
	cursor:pointer;
	display:none;
	z-index:9999;
}


#txt-field {
  font-family: 'Open Sans', sans-serif;
  border: 1px solid #E3E3E3;
  height: 24px;
  background-image: url(../images/txt-bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #FFFFFF;
  border-radius: none;
  box-shadow: none;
  width: 280px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  font-size: 12px;
  color: #5B5B5B;
  margin: 0;
  margin-bottom: 15px;
}
.enq{width:100%;}
.enq td {
  vertical-align: top;
}
.enq td span {
  color: #FF0000;
}
#submit {
  background: #CD2122;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  height: 28px;
  width: 83px;
  border: none;
  cursor: pointer;
  box-shadow: none;
  color: #fff;
}
#submit:hover {
  background: url(../images/cnt-td-bg.jpg);
  color: #000;
  border: 1px solid #666666;
}
#txt-area {
  height: 50px;
  width: 280px;
  border: 1px solid #E6E6E6;
  background-image: url(../images/txt-area-bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  border-radius: none;
  box-shadow: none;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #5B5B5B;
  margin: 0;
  margin-bottom: 15px;
}
.sub-left{width:50%; float:left;}
.sub-right{width:50%; float:right;}
.pro-bdr{margin-bottom:30px;}
.list{margin-bottom:10px;}
#main-container .list li, .list li{background:url(../images/f-arrow.png) no-repeat 10px 7px;padding-left: 30px; padding-bottom: 10px; font-size:13px;}
#main-container.subpage h1.hom{position:initial;}
#main-list{position:relative; height:125px;}
.banner-bg{position:absolute; bottom:0; height:163px; background:url(../images/banner-btm.png) repeat-x left bottom; width:100%;z-index:99;}
#list{position:relative; top:-73px; height:155px;width:100%;z-index:99; border-top: 1px dotted #F0F0F0; margin-bottom:50px;}
#list ul{width:1000px; margin:0 auto;background:url(../images/list-li.png) no-repeat right top;  height: 150px;}
#list li{float:left; width:250px; height:150px; background:url(../images/list-li.png) no-repeat left top; text-align:center;}
#list li a{height:150px; text-align:center; display:block; padding:20px 0px 0px 0px; font-size:15px; color:#1F1F1F; line-height:120%;font-family: 'HelveticaLTStdCond';}
#list li a:hover{color: #4B932D;}
#list li span{height:88px;width:100%; display:block; margin:0px 0px 15px 0px;}
#list li.prodcts-list span{background:url(../images/icon-project-list.png) no-repeat center 0px;}
#list li.prodcts-list:hover span{background:url(../images/icon-project-list.png) no-repeat center bottom;}
#list li.infrastructure span{background:url(../images/icon-infrastructure.png) no-repeat center 0px;}
#list li.infrastructure:hover span{background:url(../images/icon-infrastructure.png) no-repeat center bottom;}
#list li.team span{background:url(../images/iocn-team.png) no-repeat center 0px;}
#list li.team:hover span{background:url(../images/iocn-team.png) no-repeat center bottom;}
#list li.brochure span{background:url(../images/icon-brochure.png) no-repeat center 0px;}
#list li.brochure:hover span{background:url(../images/icon-brochure.png) no-repeat center bottom;}
#main-container{width:1020px; margin:0 auto;}
#main-container h1, #main-container p{text-align:center;}
#main-container p{padding:0px 50px 20px 50px;}
#main-container h1{color:#4B922C; font-size:24px; line-height:150%; margin-bottom:15px; padding-bottom:0; text-shadow:none;}
#footer-container .footer-menu{width:100%; height:40px; border-bottom:1px solid #444;background:#4B932D;}
#footer-container .footer-menu ul{border-left:1px solid #999; width:1000px; margin:0 auto; height:40px;border-right:1px solid #999;}
#footer-container .footer-menu ul li{border-right:1px solid #999; float:left;}
#footer-container .footer-menu ul li.last{border:none;}
#footer-container .footer-menu ul li a{text-transform:uppercase; font-size:14px; color:#FFF; padding:0px 23px; line-height:40px;font-family: 'HelveticaLTStdCond';}
#footer-container .footer-menu ul li a:hover{color:#000;}
#footer-container #footer{width:100%; height:auto; border-bottom:1px solid #D0D0D0;background:#FAFFEA;}
#footer-container #footer .footer{border-left:1px solid #E6E6E6; width:1000px; margin:0 auto; height:auto;border-right:1px solid #E6E6E6;}
#footer-container #footer .footer .box1, #footer-container #footer .footer .box2{width:210px; float:left; padding:27px 28px 10px 28px;}
#footer-container #footer .footer .box1{width:140px; text-align:center;}
#footer-container #footer .footer h2{ padding:7px 0px 17px 0px; margin-bottom:14px; border-bottom:1px solid #EDEDED; font-size:16px; color:#4B932D; line-height:120%;font-family: 'HelveticaLTStdCond';}
#footer-container #footer .footer li a{font-size:12px; color:#909090; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(../images/f-arrow.png) no-repeat left 4px; line-height:18px;  display: inline-block; margin-bottom:11px; padding-left:20px;} 
#footer-container #footer .footer p{font-size:12px; color:#909090; font-family:Arial, Helvetica, sans-serif; line-height:18px;  display: inline-block; margin-bottom:11px; padding:0; padding-left:23px;} 
#footer-container #footer .footer p a{color:#909090;}
#footer-container #footer .footer p a:hover, #footer-container #footer .footer li a:hover, #footer-container .footer-menu ul li.active a{color:#000;}
#footer-container #footer .footer p.mail{background:url(../images/icon-mail.jpg) no-repeat left 4px;}
#footer-container #footer .footer p.phone{background:url(../images/icon-phone.jpg) no-repeat left 4px;}
#footer-container #footer .footer p.address{background:url(../images/icon-address.jpg) no-repeat left 4px;}
#footer-container #footer .footer .social{margin:50px 0 0 0px;  display: inline-block;}
#footer-container #footer .footer .social li{float:left; margin:0px 2px 0px 0px;}
#footer-container #footer .footer .social li a{background-image:url(../images/social.png); background-repeat:no-repeat; width:32px; height:33px; white-space:nowrap; text-indent:-9999px; overflow:hidden; padding:0; margin:0;}
#footer-container #footer .footer .social li.facebook a{ background-position:-34px top;}
#footer-container #footer .footer .social li.twitter a{ background-position:0 top;}
#footer-container #footer .footer .social li.linkedin a{ background-position:-68px top;}
#footer-container #footer .footer .social li.gplus a{ background-position:-102px top;}
#footer-container #footer .footer .social li.facebook a:hover{ background-position:-34px bottom;}
#footer-container #footer .footer .social li.twitter a:hover{ background-position:0 bottom;}
#footer-container #footer .footer .social li.linkedin a:hover{ background-position:-68px bottom;}
#footer-container #footer .footer .social li.gplus a:hover{ background-position:-102px bottom;}
.footer-copy{line-height:35px; text-align:center; border-bottom:1px solid #D0D0D0; color:#444; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.footer-copy a{color:#000;}
.footer-copy a:hover { color: #4B932D;}
#main-container.content{  padding: 20px 0px;}
.cont-lft{float:left; width:780px;}
.cont-rht{float:right; width:200px;}
#main-container.content h1{text-transform:uppercase;}
#main-container.content h1, #main-container.content p{text-align:left;padding: 0; }
#main-container .cont-lft p{padding-bottom:20px; text-align:justify;}
#main-container .cont-lft li{float:left;  margin: 0 25px 20px 0px;  text-align: center;  width: 170px;}
#main-container .cont-lft li h5{font-size:14px;color:#1A1A1A; text-transform:uppercase;}
#main-container .cont-lft li:hover h5{color:#E34002;}
#main-container .cont-lft li img{padding:4px;  background: #F7F7F7;  border: 2px solid #4B932D;  width: 155px;}
#main-container .cont-lft li img:hover{background: #4B932D;  border: 2px solid #4B932D;}
#main-container .cont-lft ul{margin:20px 0px;}
#main-container .cont-rht ul{background:#DADADA; border:1px dotted #000;border-bottom:0px dotted #000;}
#main-container .cont-rht li{border-bottom:1px dotted #000; line-height:24px; padding:15px 10px 15px 10px;}
#main-container .cont-rht li a{background:url(../images/f-arrow.png) no-repeat left 3px;  padding: 0px 0px 0px 20px;font-family: 'HelveticaLTStdCond';  color: #000; text-transform:uppercase;}
#main-container .cont-rht li a:hover, .cont-rht li.active a{ color: #ED3C09;}

#main-container .list li{background:url(../images/f-arrow.png) no-repeat 10px 5px;padding-left: 30px; padding-bottom: 10px; font-size:13px; float:none; width:auto; text-align:left;  margin: 0;font-family: 'HelveticaLTStdCond';}
#main-container .cont-lft ul.list{margin:0 0 20px 0px;}
.subbanner{width:100%; text-align:center;}

.top-menu {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 45px;
  z-index: 999;
}
.top-menu ul{width:980px; margin:0 auto;}
.top-menu ul li{ float:right;  background: rgba(0, 0, 0, 0.68);
  padding: 5px 10px;
  border-right: 1px solid #ccc;}
.top-menu a {color:#FFF;
	font-family: 'HelveticaLTStdCond';
	font-size: 13px;}
.top-menu ul li.last{border-right: 0px solid #ccc;  margin-right: 14px;}
.top-menu li:hover{background: #4B932D;  color: #fff;}