@charset "utf-8";

body { margin: 0px; padding: 0px; font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }

td { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }

table { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; }

input { font-family: verdana, arial, san-serif; font-size: 11px; margin: 0px; padding: 0px; text-align:left;}

select { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; text-align:left; }

H1 { font-family: Verdana, arial, Helvetica, sans-serif; color: #b80007; font-size: 17px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 1px; display: inline; }

H1#grey { font-family: Verdana, arial, Helvetica, sans-serif; color: #333333; font-size: 17px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 1px; display: inline; }

H2 { font-family: verdana, arial, san-serif; color: #b80007;	font-size: 13px;	font-weight: normal;	font-style: normal; text-transform: none;	text-decoration: none;	margin: 1px;}

H2#grey { font-family: verdana, arial, san-serif; color: #333333;	font-size: 13px;	font-weight: normal;	font-style: normal; text-transform: none;	text-decoration: none;	margin: 1px;}

H3 {
	font-family: verdana, arial, san-serif;
	color: #b80007;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	margin: 1px;
	display: inline;
}

P { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 1px; padding: 0px; line-height: 16px; text-align: justify; }

LI { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 0px; padding: 5px 0px 0px 0px; line-height: 14px; }
UL { font-family: verdana, arial, san-serif; color: #000000; font-size: 11px; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; margin: 1px 1px 1px 15px; padding: 1px 1px 1px 15px; }

/* styles added by Joel Shadbolt - wotsecurity.com update June 2011  */
.spacer{
margin:20px 0px;
}
.spacerWidth{
padding-left:20px;
}

hr {
background-color:#c3c7cf;
height:2.5px;
color: #c3c7cf;
border:none;
}

.bolder{
font-weight:bolder;
font-size:17px;
color: #333333;
}
#case{
width:745px;
height:450px;
}
#case .right{
margin:auto;
float:right;
width: 460px;
height:auto;
}
#case .right td{
font-size:12px;
color: #333333;
font-weight:bolder;
margin:1px;
}
#case .right table{
margin-bottom:20px;
}
#case .right p{
padding:3px;
margin:10px 0;
}
#case .left{
margin:auto;
float:left;
width: 280px;
height:auto;
}

#partners{
height:100px;
width:600px;
}

/* recent projects menu */
#box{
width:740px;
height:100px;
}
#menu{
list-style-type: none;
padding:0;
margin:10px 0;
width:630px;
height:auto;
display:block;
}
#menu p a{
text-decoration:none;
display:block;
position:relative;
}
#menu li{
list-style-type: none;
float:left;
width:120px;
height:93px;
padding:0 3px 0 0;
background: white;
margin: 6px 0 0;
}
#menu p a span {
top:0;
left: 0px;
font:bold 12px arial;
color:#de2027;
padding:5px 2px 5px 0;
position: absolute;
display:block;
width: 118px;
height:15px;
text-align:right;
background-color:white;
filter:alpha(opacity=70);
opacity:0.7;
}
#menu .label2{
color:white;
background-color:#de2027;
}
#menu img{
border:none;
}
div.error{
margin-top:10px;
}

form label.error {
	font-weight:bold;
	display: block;
	width: auto;
	color:red;
}

/* End of code by Joel shadbolt */

.bottombar {background-image: url(images/bgBottom.gif); background-position: top center; background-repeat: no-repeat; width:1000px; height:42px; font-family: verdana,arial,san-serif; font-size: 11px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; text-align:left;}
.tableMain {background-image: url(images/bgHome.gif); background-position:top center; background-repeat: no-repeat; width:1000px;}
.boxHomeAlarms {background-image: url(images/boxHomeAlarms.jpg); background-position:top center; background-repeat: no-repeat; width:124px;height:120px;}
.boxHomeCctv {background-image: url(images/boxHomeCctv.jpg); background-position:top center; background-repeat: no-repeat; width:124px;height:120px}
.boxHomeAccess {background-image: url(images/boxHomeAccess.jpg); background-position:top center; background-repeat: no-repeat; width:124px;height:120px}
.boxHomeSafes {background-image: url(images/boxHomeSafes.jpg); background-position:top center; background-repeat: no-repeat; width:124px;height:120px}
.boxHomeIntegratedSecurity {background-image: url(images/boxHomeIntegratedSecurity.jpg); background-position:top center; background-repeat: no-repeat; width:124px;height:120px}

.boxHomeContent {margin:65px 7px 0px 7px; width:110px;}


.redTxt17px { font-family: verdana,arial,san-serif; font-size: 17px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: none; }




.whtLink12px { font-family: verdana,arial,san-serif; font-size: 12px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; }
.whtLink12px:hover { font-family: verdana,arial,san-serif; font-size: 12px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: underline; }

.redLink10px { font-family: verdana,arial,san-serif; font-size: 10px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: none; }
.redLink10px:hover { font-family: verdana,arial,san-serif; font-size: 10px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: underline; }
.redLink11px { font-family: verdana,arial,san-serif; font-size: 11px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: none; }
.redLink11px:hover { font-family: verdana,arial,san-serif; font-size: 11px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: underline; }
.redLink12px { font-family: verdana,arial,san-serif; font-size: 12px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: none; }
.redLink12px:hover { font-family: verdana,arial,san-serif; font-size: 12px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: underline; }
.redLink13px { font-family: verdana,arial,san-serif; font-size: 13px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: none; }
.redLink13px:hover { font-family: verdana,arial,san-serif; font-size: 13px; color: #b80007; font-weight: normal; font-style: normal; text-decoration: underline; }


.red { font-family: verdana,arial,san-serif; color: #cc1a20;}
.grey { color: #666666; }

.tableAccess {background-image: url(images/bgAccessControl.gif); background-position:top center; background-repeat: no-repeat; width:1000px;}
td#AccessControl {	background-attachment: scroll; 	background-image: url(images/picAccessControl.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Disability {	background-attachment: scroll; 	background-image: url(images/picDisability.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Intruder2 {	background-attachment: scroll; 	background-image: url(images/piclistening.jpg); background-repeat: no-repeat; background-position: right bottom;}
td#Safe {	background-attachment: scroll; 	background-image: url(images/picSafe.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Locking {	background-attachment: scroll; 	background-image: url(images/picLocking.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Alarm {	background-attachment: scroll; 	background-image: url(images/picAlarm.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#CCTV { background-attachment: scroll; 	background-image: url(images/picCCTV.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Video { background-attachment: scroll; 	background-image: url(images/picVideo.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#About { background-attachment: scroll; 	background-image: url(images/picAbout.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Careers { background-attachment: scroll; 	background-image: url(images/picCareers.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Case { background-attachment: scroll; 	background-image: url(images/picCase.jpg); background-repeat: no-repeat; background-position: left 10px;}
td#Integrated { background-attachment: scroll; 	background-image: url(images/picIntegrated.jpg); background-repeat: no-repeat; background-position: left 10px;}

.twolineborder { border-right-width: 2px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; padding: 5px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #EBEBEB; border-left-color: #EBEBEB; }
textarea { font-family: verdana, arial, san-serif; font-size: 11px; margin: 0px; padding: 0px; text-align:left;}
td#fname { 	font-weight: bold; color: #666666; vertical-align: top; }
div#quote { font-style: italic; padding-top: 5px; padding-bottom: 5px; width: 168px; }

div#Contact { background-attachment: scroll; background-image: url(images/bgContact.gif); background-repeat: no-repeat; background-position: left top; height: 242px; width: 177px;  }

.topmenu { font-family: verdana,arial,san-serif; font-size: 12px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; }
.topmenu:hover { font-family: verdana,arial,san-serif; font-size: 12px; color: #ffffff; font-weight: normal; font-style: normal; text-decoration: none; }
	
.sublink10px:link { font-family: verdana, arial, san-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none;}
.sublink10px:hover { font-family: verdana, arial, san-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; }
.sublink10px:visited { font-family: verdana, arial, san-serif; font-size: 10px; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none; }
	
	#menuHead {
	color: #ffffff;
	z-index: 100;
	position: relative;
	top: 0px;
	}
		
#menuHead1 {
		font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
	height: 25px;
  }

#menuHead2 {
		font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
	height: 25px;
   }

#menu2 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 113px;
	background-color: #de2027;
	}
  
       #menuHead21 {
    		position: relative;
    		z-index: 100;
    		}
  #menu21 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 100px;
	height: 23px;
	background-color: #000000;
	left:190px;
 border-left: 1px solid white;
	top:0px
	}
  #menu22 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 100px;
	height: 23px;
	background-color: #000000;
	left:190px;
 border-left: 1px solid white;
	top:23px
	}
  #menu23 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 100px;
	height: 23px;
	background-color: #000000;
	left:190px;
 border-left: 1px solid white;
	top:46px
	}
  #menu24 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 100px;
	height:23px;
	background-color: #000000;
	left:190px;
 border-left: 1px solid white;
	top:69px
	}
	#menu25 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 100px;
	height:23px;
	background-color: #000000;
	left:190px;
 border-left: 1px solid white;
	top:90px
	}

#menuHead3 {
		font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
		height: 25px;
   }
	 
#menu3 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 92px;
	background-color: #de2027;
	}
	

#menuHead4 {
		font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
		height: 25px;
   }
	 
#menu4 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 121px;
	background-color: #de2027;
	}

#menuHead5 {
		font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
		height: 25px;
   }
	 
#menu5 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 95px;
	background-color: #de2027;
	}

#menuHead6 {
  font-family: verdana,arial,san-serif;
  font-size:11px;
  position: relative;
  z-index: 100;
  font-weight: normal;
  color: #ffffff;
  height: 25px;
   }
   #menu6 {
	position: absolute;
  z-index: 100;
	visibility: hidden;
	width: 95px;
	}
	
		 	
#two-1 {
border-top: 1px solid white;
}
#two-2 {
border-top: 1px solid white;
}
#two-3 {
border-top: 1px solid white;
}
#two-4 {
border-top: 1px solid white;
}
#two-5 {
border-top: 1px solid white;
}

#two-5 {
border-top: 1px solid white;
}
#two-6 {
border-top: 1px solid white;
}
#two-7 {
border-top: 1px solid white;
}

#two-8 {
border-top: 1px solid white;
}
#two-9 {
border-top: 1px solid white;
}
#two-10 {
border-top: 1px solid white;
}

#twoone-1 {
border-top: 1px solid white;
}
#twoone-2 {
border-top: 1px solid white;
}
#twoone-3 {
border-top: 1px solid white;
}
#twoone-4 {
border-top: 1px solid white;
}
#twoone-5 {
border-top: 1px solid white;
}
#twoone-6 {
border-top: 1px solid white;
}

#twotwo-1 {
border-top: 1px solid white;
}

#twothree-1 {
border-top: 1px solid white;
}
#twothree-2 {
border-top: 1px solid white;
}
#twothree-3 {
border-top: 1px solid white;
}

#twofour-1 {
border-top: 1px solid white;
}
#twofour-2 {
border-top: 1px solid white;
}
#twofour-3 {
border-top: 1px solid white;
}

#twofive-1 {
border-top: 1px solid white;
}
#twofive-2 {
border-top: 1px solid white;
}



#five-1 {
border-top: 1px solid white;

}
#five-2 {
border-top: 1px solid white;
}
#five-3 {
border-top: 1px solid white;
}

#six-1 {
border-top: 1px solid white;

}
#six-2 {
border-top: 1px solid white;

}


div#quote {
	font-style: italic;
	width: 745px;
}
div#quote2 {
	font-style: italic;
	width: 168px;
	text-align: left;
}