@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

body{
	font-family: 'Lato', sans-serif;
	background:#e6e6e6;
	overflow-x:hidden;
}
h1{
	color:#e2534b;
	font-size:25px;
	font-weight:500;
	line-height:25px;
	margin:0;	
}
p{
	color:#777777;
	font-size:12px;	
	margin:0;
}
/*.fixedHeader{
position:fixed;
top:0;
z-index:4000;
width:100%;
}*/
.floatRight .youtubepic{
	margin-top:10px !important; 
	margin-bottom:4px;
}
.clearBoth{
	clear:both;
	}
#mainWrapper{
	padding:0;
	width:100%;
	margin-top:80px;
	}
.header{
	height:80px;
	position:fixed;
	z-index:999;
	top:0;
	width:100%;
	background:white;
	}
.innerContainer{
	width:1180px;
	margin:0 auto;
	height:100%;
	}
.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}
.logo{
	margin-top:20px;
	}
.mainNavigation{
	margin-top:35px;
	list-style-type:none;
	}
.mainNavigation	li{
	float:left;
	padding-bottom:5px;
	margin:0 15px;
	color:#0D2741;
	font-size:14px;
	cursor:pointer;
	font-weight: 300;
	}
.mainNavigation li.active{
	border-bottom:2px solid #e6e6e6;
	font-weight: 400;
	}
.services{
	padding:40px 0px;
	}
.infoText{
	margin-top:5px;
	}
.thumbnailContainer{
	margin:55px 0;
	float:left;
	}
.thumbnailContainer .activeThumb{
	background:white;
	} 
.infoThumbnail{
	height:375px;
	width:270px;
	background:#f8f8f8;
	border-radius:5px;
	box-shadow:0px 5px 1px 0px #e5e6e6;
	float:left;
	margin-left:32px;
	cursor:pointer;
}
.grayBg{
	background: #363636;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 69px;
	height: 70px;
}
.infoThumbnail:first-child{
	margin-left:0;
	}
.logoDiv{
	text-align:center;
	margin-top:30px;
	float:left;
	width:100%;
	position: relative;
	}
.logoDiv img{
	z-index: 2;
	position: relative;
}
.title{
	color:#7f8c8c;
	width:100%;
	text-align:center;
	display:inline-block;
	margin-top:4px;
	font-size:16px;
}
.shortDesc{
	padding:15px;
	text-align:center;
	line-height:18px;
	margin-top:15px;
	}
.servicesTabs{
	background:white  top center no-repeat;
	padding:50px 0;
	width:100%;
	float:left;
	z-index: 3000;
}
.titleText{
	color:white;
	font-size:26px;
	font-weight:500;
	margin-bottom:30px;
	text-align:center;
	margin-top: 32px;
	}
.whiteText{
	color:#0d2741;
	text-align:center;
	font-weight:100;
	font-size:15px;
	line-height: 24px;
	}
.dataContent{
	margin-top:20px;
	}
.detailContainerData{
	margin-left:35px;
	height:362px;
	display:table;
	color:white;
	font-size:18px;
	font-weight:normal;
	}
.detailContainerData ul{
	padding:0;
	display:table-cell;
	vertical-align:middle;
	}
ul.arrowUL li{
	list-style-type:none;
	padding-left:20px;
	background:url('../images/arrow.png') no-repeat 0px 5px;
	margin-top:15px
	}
.chooseUs{
	padding:50px 0px;
	background: #e6e6e6;
	min-height:670px;
	}
.chooseUs .shortDesc{
	text-align: left;
	padding:0;
	margin-bottom: 30px;
	font-size:14px;
	font-weight:100;
}
.chooseUs .section1{
	width:20%;
	}
.chooseUs .section2{
	width:50%;
	}
.chooseUs .section3{
	width:25%;
	padding-left:3%;
	}
.innerTitle{
	color:#9aa4a4;
	}
.chooseUs .arrowUL{
	margin:35px 0;
	padding:0;
	}
.chooseUs .arrowUL li{
	color:#777777;
	font-size:14px;
	line-height:16px;
	margin-top:15px;
	}
.centerText{
	font-size:14px;
	line-height:20px;
	}
.redText{
	color:#e1524b;
	text-decoration:underline
	}
.smallThumb{
	margin-top:35px;
	}
.smallThumbPic{
	width:100px;
	text-align:center;
	float:left;
	margin-left:10%;
	}
.smallThumbPic:first-child{
	margin-left:0;
	}
.smallThumbPic div{
	color:#e1524b;
	text-align:center;
	margin-top:10px
	}
.feeds .feedsBg{
	background:url('../images/feeds.png') no-repeat;
	height:144px;
	margin-top:30px;
	width:100%;
	}
.feedData{
	color:#777;
	line-height:22px;
	width:90%;
	padding:10px;
	font-size:14px;
	}
.feederName{
	color:#777;
	margin-left:16%;
	margin-top:-15px;
	}
.getInTouch{
	background:#0a74bb top center no-repeat;
	padding:50px 0;
	width:100%;
	float:left;
	}
.getinTouchSection{
	width:60%;
	}
.inquiry{
	width:40%;
	}
.titleMain{
	text-align:left;
	font-size:20px;
	}
.logoBottom{float: left;margin-right: 30px;width: 91px}
iframe{
	margin-top:35px;
	}
.officeDetails{
	margin-top:30px;
	}
.halfone{
	width:40%;
	}
.dataInline{
	color:#e9edf2;
	margin-bottom:10px;
	}
.smallDetail{
	font-size:12px;
	}
.dataInline a{
	color:white;
	text-decoration:none;
	}
.formelements{
	margin-top:35px;
	}
.formelements input[type='text'],textarea{
	width:100%;
	padding:10px;
	width:450px;
	background:#e5e6e6;
	border:none;
	border:1px solid #d9dada;
	border-radius:5px;
	resize:none;
	margin-bottom:20px;
	}
textarea{
	height:200px
	}
input[type='button']{
	border-radius:5px;
	background:#e2534b;
	border:none;
	color:white;
	padding:15px 70px;
	}
.errorMessage{
color:#e2534b;
font-size:16px;
margin-bottom:10px;
display:none;
}
.successMessage{
color:white;
font-size:16px;
margin-bottom:10px;
display:none;
}
.footer{
	background:#0b4e83;
	height:50px;
	color:white;
	font-size:14px;
	}
.reserved{
	margin-top:20px;
	}
.floatRight img{
	margin-top:15px;
	margin-left:20px;
	}
.grid3sys {
	width:100%;
	margin-top:100px;
}
.grid1,.grid2,.grid3{
	width: 33.3%;
	float: left;
}
.grid1 .rightContent{
	width: 100%;
	height:auto;
	float: right;
	text-align: right;
	color: #0D2741;
	margin-bottom:30px;
	
}
.inquiy .whiteText,.getinTouchSection .whiteText{color:white;}
.leftContent{margin-bottom: 30px; color: #0D2741;text-align: left;float: left;}
.buildingAutomation .leftContent{min-height:302px;}
.leftContent .imageCont img{float: left;}
.leftContent .titleTop{float: left;margin-left:10px;}
.imageCont img{float: right;}
.titleTop{margin-top:30px;float: right;margin-right:10px;font-size:20px}
.grid2{text-align: center;}
.detailedtab{margin-top:15px;width: 340px;float: right;font-size: 14px;line-height: 22px;font-weight:100;}
.leftContent .detailedtab{float: left;font-size: 14px;line-height: 22px}
.ststems{background: #218ED7;}
.ststems .grid3{width: 50%;margin:0 auto;}
.chooseUs .grid3{width: 50%;margin:0 auto;}
.mainTabTop{margin-top:30px;}
.mainTabTop .leftContent .titleTop{color:#e2534b;}
.mainTabTop .leftContent .detailedtab{color:#777777 !important;width: 90%}
.homeTheatre,.buildingAutomation,.securitySystems{display: none;}
.buildingAutomation{background: white;padding-top:0;padding-bottom: 0}
.centerImage{width: 100%;text-align: center;margin-top:20px;}
.securitySystems{background: white;padding-top:0;}
.blackColor{color:#0D2741;}

.securitySystems .leftContent .titleTop,.securitySystems .rightContent .titleTop{color:#0D2741;}
.securitySystems .leftContent .detailedtab,.securitySystems .rightContent .detailedtab{color:#0D2741 !important;width: 90%}

.homeTheatre{background:white;padding-top: 0}

.activeThumb .blueTitle{color:#0a74bb;}
.activeThumb .greenTitle{color:#7EC922;}
.activeThumb .yellowTitle{color:#E6B41B;}
.activeThumb .pinkTitle{color:#E27258;}

.bannerDiv{height:100px;width: 100%;position: absolute;background: #0a74bb;z-index: 2000;}
.buildingAutomation .bannerDiv{background: #7EC922;}
.securitySystems .bannerDiv{background: #E6B41B;}
.homeTheatre .bannerDiv{background: #E27258}
.homeAutomation .servicesTabs{padding-top:120px;}
.homeTheatre .innerContainer,.securitySystems .innerContainer,.buildingAutomation .innerContainer{
	margin-top:120px;
}
.goToTop{position: fixed;bottom: 20px;right: 20px;z-index: 4000;display: none;cursor: pointer;}
.gateAutomation span{
	width:250px;
	margin-top:18px;
	}