@charset "UTF-8";
/* CSS Document */
h1{
	font-size:28px;
	font-weight:bold;
	color:#171b33;
	margin-bottom:10px;
	margin-top:10px;
}
h3{
	font-size:18px;
	font-weight:normal;
	color:#171b33;
	margin-bottom:0px;
	margin-top:0px;
}
h4{
	color:#171b33 !important;
}
body{
	margin:0 auto;
	font-family:'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:13px;
}
#container{
	width:1080px;
	height:auto;
	margin:0 auto;
}

#topheader{
	margin-top:30px;
	width:1080px;
	padding-left:0px;
	padding-right:0px;
	height:80px;
	background:#fff;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 0px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
}
#topheader-subpage{
	margin-top:30px;
	width:1080px;
	padding-left:0px;
	padding-right:0px;
	height:80px;
	background:#fff;
    border-bottom: 0px solid #ccc;
}

#logo{
	position:relative;
	float:left;
}

#navigation{
	position:relative;
	float:right;
	font-weight:bold;
	color:#171b33;
}

.nav{
	position:relative;
	float:left;
	margin-left:30px;
}

.nav a{
	color:#000;
	text-decoration:none;
	
}

.nav a:hover{
	text-decoration:underline;
}
.featured-box a:hover{
	background:#369;
}
#featured-nav{
	width:1080px;
	height:180px;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: inset 0 11px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 11px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0 11px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
    box-shadow: inset 0 11px 7px -10px rgba(0,0,0,0.1),0px 7px 10px -5px rgba(0,0,0,0.1);
}
.featured-box:link{
cursor: pointer;
}

.featured-box:visted{
cursor: pointer;
}
.featured-box:hover {
background-color: #E9E9E9;
cursor: pointer;
}
.featured-box:active{
cursor: pointer;
}

.solutions-box:link{
cursor: pointer;
color:#000;
}

.solutions-box:visted{
cursor: pointer;
color:#000;

}
.solutions-box:hover {
background-color: #E9E9E9;
cursor: pointer;
color:#000;

}
.solutions-box:active{
cursor: pointer;
color:#000;

}

.featured-box{
	background:#f5f5f5;
	width:360px;
	height:180px;
	float:left;
	position:relative;
}

.square-img{
	width:120px;
	height:120px;
	background:#999;
	margin-left:10px;
	margin-top:20px;
	color:#fff;
	float:left;
}

.featured-title{
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	font-size:18px;
	width:200px;
	color:#333;
}

.featured-desc{
	padding-left:140px;
	color:#333;
}

#end-footer{
	display: block;
    position: relative;
    width: 100%;
    margin-top: 15px;
    background-color: #fffff;
    /*background: -webkit-gradient(linear,100% 50%,0% 50%,color-stop(0%,#f2f2f2),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -moz-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -o-linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: linear-gradient(top,#f2f2f2 0,#fff 100%);
    background: -ms-linear-gradient(top,#f2f2f2 0,#fff 100%);*/
	line-height:18px;
	height:220px;
}

.footer-title{
	    font-size: 12px;
		color:#000;
}
.footer-sub{
	    font-size: 11px;
		color:#444;
}
.footer-section{
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:230px;
}

.footer-section-partners-title{
	padding-top:20px;
	padding-left:0px;
	padding-bottom:10px;
	float:left;
	width:100%;
	font-size:16px;
}

.fin-footer{
	font-size:11px;
	padding-top:10px;
	margin-bottom:20px;
	border-top:1px #ccc solid;
}

.subpagenav-dropdown a{
	color:#000;
	text-decoration:none;
}
#subpage-header-awards{
	width:1070px;
	font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	padding-top:10px;
	padding-bottom:30px;
	height:13px;
	vertical-align:middle;
	border-bottom: 0px solid #ccc;
	color:#222;
	padding-left:0px;
}
#subpage-header{
	width:1070px;
	font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	padding-top:10px;
	height:13px;
	vertical-align:middle;
	border-bottom: 0px solid #ccc;
	color:#222;
	padding-left:0px;
}
#subpage-header-line-awards{
	border-bottom:1px #ccc solid;
    width: 830px;
    float: right;
    height: 13px;
}

#subpage-header-line{
	border-bottom:1px #ccc solid;
    width: 965px;
    float: right;
    height: 13px;
}
#subpage-header-line-cctv{
	border-bottom:1px #ccc solid;
    width: 885px;
    float: right;
    height: 13px;
}

#subpage-header-line-ss{
	border-bottom:1px #ccc solid;
    width: 895px;
    float: right;
    height: 13px;
}
#subpage-header-line-contactus{
	border-bottom:1px #ccc solid;
    width: 950px;
    float: right;
    height: 13px;
}

.subpagenav-dropdown{
	margin:8px;
	color:#999;
	margin-left:50px;
}

#subpage-header-line-services{
	border-bottom:1px #ccc solid;
    width: 980px;
    float: right;
    height: 13px;
}


#subpage-header-line-product{
	border-bottom:1px #ccc solid;
    width: 890px;
    float: right;
    height: 13px;
}
#centralised{
	text-align:center;
	
}
.cert-box{
	width:250px;
	height:auto;
	border:1px #ccc solid;
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	display:inline-block;
}
#subpage-leftcontainer{
	width:760px;
	height:auto;
	border-right:1px #ccc solid;
	position:relative;
	float:left;
	padding-top:35px;
	padding-bottom:10px;
	padding-right:30px;
	color:#555;
	line-height:18px;
}
#subpage-rightcontainer{
	width:279px;
	height:auto;
	position:relative;
	float:left;
	padding-top:50px;
	padding-bottom:10px;
}

#subpage-productcategory-box{
	width:1080px;
	height:auto;
	position:relative;
	float:left;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:10px;
}



#subpage-solutions-box{
	width:1080px;
	height:auto;
	position:relative;
	float:left;
	padding-top:30px;
	padding-bottom:10px;
}

#subpage-leftcontainer-contactus{
	width:520px;
	height:600px;
	border-right:0px #ccc solid;
	position:relative;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#555;
	line-height:18px;
}
#subpage-rightcontainer-contactus{
	width:549px;
	height:560px;
	position:relative;
	float:left;
	padding-top:50px;
	padding-bottom:10px;
}

.solutions-banner{
	width:100%;
	height:350px;
	background:#666;
	margin-bottom:20px;
}
#contactus-info-box{
	border: 1px solid #E6E6E6;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 100px;
    margin-bottom: 20px;
	margin-top:20px;
	background:#f9f9f9;
}

.email-link a{
	color:#000;
	text-decoration:none;
}
.email-link a:hover{
	color:#000;
	text-decoration:underline;
}

#form-box{
}
#form-box label{
	margin-right:20px;
}
#form-box input, textarea, select {
	width:300px;
	line-height: 20px;
	display: inline-block;
    height: 20px;
	font-size:12px;
    padding: 4px 1%;
    margin-bottom: 10px;
	vertical-align: middle;
}
#form-box input[type=submit] {
    border-radius: 5px;
    border: 0;
    width: 80px !important;
    height:28px;
    background: #f4f4f4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f4f4), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 1%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f4f4 1%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */
}

#solutions-form-box{
	width:200px;
	background:#f3f3f3;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:30px;
	border:1px solid #ccc;
	float:right;
	margin-right:30px;
}
input[type="button"], input[type="submit"] { 
    color: #000;
    width: 70px;
    height: 30px;
    background-color: #fff;
    border: 1px solid;
    border-color: #ccc;
    float:none;
    margin-right: 13px;
} 
.sub-nav{
	width:229px;
	padding-left:50px;
	font-size:14px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	
}

.sub-nav a{
	text-decoration:none;
	color:#777;
}

.sub-nav a:hover{
	text-decoration:none;
	color:#171b33;
	
}
.services-largetitle{
	font-size:28px;
	font-weight:bold;
	color:#171b33;
	margin-bottom:10px;
}
.services-subtitle{
	font-size:18px;
	color:#171b33;
	margin-bottom:3px;
}

.productcatalogue{
	width:250px;
	height:300px;
	background:#fff;
	float:left;
	position:relative;
	margin-right:0px;
	border:1px #ccc solid;
	margin-bottom:0px;
}
.product-img{
	background:#999;
	width:250px;
	height:250px;
}
.product-name{
	font-size:15px;
	margin-top:10px; 
}
.aboutus-largetitle{
	font-size:28px;
	font-weight:bold;
	color:#171b33;
	margin-bottom:10px;
}
.aboutus-subtitle{
	font-size:18px;
	color:#171b33;
	margin-bottom:3px;
}
.autoplay{
	margin-top:30px;
	margin-left:30px;
	
}
.clearALL{
	clear:both;
}

.solutions-box{
	border-top:0px #171b33 solid;
	width:240px;
	height:190px;
	position:relative;
	float:left;
	/*background:#CCC;*/
	background-image:
    linear-gradient(
      grey, #ccc
    );
	margin-right:20px;
	margin-bottom:20px;
	color:#000;
}


.card {
  height: 190px;
  width:240px;
  overflow: hidden;
  position: relative;
}

.card_content {
	opacity:0.8;
  background-image:
    linear-gradient(
      #fff, #999
    );
  padding: 10px;
  position: absolute;
  bottom: -150px;
  height:170px;
  width:220px;
  
  transition: all 0.5s ease;
}

.card_content_long {
 /* background-color: rgba(255,255,255,0.5);*/
 opacity:0.8;
  background-image:
    linear-gradient(
      #fff, #999
    );
  padding: 10px;
  position: absolute;
  bottom: -125px;
  height:170px;
  width:220px;
  
  transition: all 0.5s ease;
}

.card_content h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.card:hover .card_content {
  background-color: rgba(255,255,255,0.9);
  bottom: 0;
}

.card:hover .card_content_long {
  background-color: rgba(255,255,255,0.9);
  bottom: 0;
}

.thumb-title{
	font-size:18px;
	font-weight:bold;
}

		ul{
			padding: 0;
			list-style: none;
			background: #fff;
		}
		ul li{
			display: inline-block;
			position: relative;
			line-height: 12px;
			text-align: left;

		}
		ul li a{
			display: block;
			padding: 10px 15px;
			color: rgb(128, 128, 128);
			text-decoration: none;
		}
		ul li a:hover{
			color: #171b33;
		}
		ul li ul.dropdown{
			min-width: 240px; /* Set width of the dropdown */
			margin-top:1.5px;
			background: #f2f2f2;
			display: none;
			position: absolute;
			z-index: 999;
			left: 0;
			padding-bottom:10px;
		}
		ul li:hover ul.dropdown{
			display: block;	/* Display the dropdown */
		}
		ul li ul.dropdown li{
			display: block;
		}
		
		.footer-sub a{
			text-decoration:none;
			color:inherit;
		}
		.footer-sub a:hover{
			text-decoration:underline;
			color:inherit;
		}
		
		.footer-title a{
			text-decoration:none;
			color:inherit;
		}
		.footer-title a:hover{
			text-decoration:underline;
			color:inherit;
		}
		.fin-footer a{
			text-decoration:none;
			color:inherit;
		}
		.fin-footer a:hover{
			text-decoration:underline;
			color:inherit;
		}
		
		.active-topnav{
			box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;color: #333; border-bottom:2px #171b33 solid;
		}
		
		.subpage-banner{
			width: 780px;
    		height: 170px;
    		background: #fff; 
			margin-bottom:20px;
		}