A:link {outline: none;
text-decoration: none; font-weight: bold; color: #143f67}
A:visited {outline: none;
color: #1f64a4; text-decoration: none; font-weight: bold}
A:active {outline: none;
text-decoration: none}
A:hover {outline: none;
text-decoration: underline; color:#143f67}


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image: url(images/bg.jpg);
 background-repeat:repeat-x;
 background-color: #d2d2d2;
} 
 
#pagewidth{ 
 width:680px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:106px; 
 width:100%;
 background-image: url(images/head.jpg)
}

#header p{
	color:#FFFFFF;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:11px;
	left:555px;
	position:absolute;
	width:125px;
	top:8px;
}

#home{
width:300px;
height:100px;
position:relative;
left:25px;
}

#home img{
border:0
}

#contactbtn{
bottom:78px;
float:right;
height:55px;
position:relative;
right:121px;
width:90px;
}

#contactbtn img{
border:0
}

#leftcol{
padding-top: 18px;
padding-bottom: 15px;
float:left;
width:170px;
position: relative
}

#alarmtop {
height:229px;
left:445px;
position:absolute;
top:99px;
width:49px;
}

#navigation{
 position:relative; 
 height:34px; 
 width:100%; 
}

#navbar {
height:60px;
position:absolute;
width:425px;
}

#nav2{
background-image: url(images/nav2.jpg);
background-repeat: no-repeat;
color:#fff;
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:13px;
height:20px;
padding-bottom:60px;
padding-left:7px;
position:relative;
}

 #nav2 a{
 line-height: 15px; 
color: #fff; 
font-size: 10px; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
text-decoration: none;
padding-left:2px;
padding-right:2px;
 }
 
 #nav2 a:hover{ 
 background:#185185
 } 
 
 
#alarm{
 position:relative; 
 height:300px; 
 background-image:url(images/alarm2.jpg);
 background-repeat: no-repeat; 
 width:100%; 
}

#topimg{
 position:relative; 
 height:300px; 
 background-image:url(images/securityhead.jpg);
 background-repeat: no-repeat; 
 width:100%; 
}
#topimgalarm{
 position:relative; 
 height:150px; 
 background-image:url(images/alarmhead.jpg);
 background-repeat: no-repeat; 
 width:100%;
 padding-bottom: 10px;
}

#topimgsecurity{
 position:relative; 
 height:150px; 
 background-image:url(images/securityhead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px;
}

#topimgabout{
 position:relative; 
 height:150px; 
 background-image:url(images/abouthead.jpg);
 background-repeat: no-repeat; 
 width:100%;
 padding-bottom: 10px;
}

#topimgav{
 position:relative; 
 height:150px; 
 background-image:url(images/avhead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px;
}

#topimgnetwork{
 position:relative; 
 height:150px; 
 background-image:url(images/networkhead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 20px; 
}

#topimgmass{
 position:relative; 
 height:150px; 
 background-image:url(images/masshead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px;
}

#topimgtest{
 position:relative; 
 height:150px; 
 background-image:url(images/testimonials.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px; 
}

#topimginspect{
 position:relative; 
 height:150px; 
 background-image:url(images/testinginspection.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px; 
}


#topimgass{
 position:relative; 
 height:150px; 
 background-image:url(images/associationshead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px;
}

#topimgcontact{
 position:relative; 
 height:150px; 
 background-image:url(images/contacthead.jpg);
 background-repeat: no-repeat; 
 width:100%;
  padding-bottom: 10px;
}

#topimgservice{
 position:relative; 
 height:150px; 
 background-image:url(images/servicehead.jpg);
 background-repeat: no-repeat; 
 width:100%;
 padding-bottom: 10px;
}

#topimgother{
 position:relative; 
 height:150px; 
 background-image:url(images/otherhead.jpg);
 background-repeat: no-repeat; 
 width:100%;
 padding-bottom: 10px;
}


#maincol{ 
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
 #maincol p{ 
line-height: 15px; 
color: #143f67; 
font-size: 12px; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
 }
 
  #maincol ul{ 
line-height: 15px; 
color: #143f67; 
font-size: 12px; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
 }
 
 #maincol h1{ 
 padding:0;
 margin:0; 
 color: #143f67; 
 font-size: 17px; 
 font-family: Helvetica, Verdana, Arial, sans-serif; 
 }
 
  #maincol h2{ 
 padding:0;
 margin:0; 
 color: #143f67; 
 font-size: 13px; 
 font-family: Helvetica, Verdana, Arial, sans-serif; 
 }
 
 #maincol img {
 border: #144065;
 border-style: solid;
 border-width: thin;
 margin-left:10px;
 }
 
 #sponsors{
 padding-top: 85px;
 position:relative; 
 height:100%; 
 width:100%; 
 }
 
 #sponsors img {
 border-style: none !important;
 padding-left:8px;
 }
 
#footer{
 height:69px; 
 background-image:url(images/footer.jpg); 
 clear:both;
 }
 
 #footer a{
 line-height: 15px; 
color: #fff; 
font-size: 12px; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
text-decoration: none;
 }
 
 #footer a:hover{ 
 background:#1b568c
 } 
 
 #footer p{
color: #fff; 
font-size: 12px; 
font-family: Helvetica, Verdana, Arial, sans-serif; 
}
 
     #tabs {
      float:left;
      width:600px;
      font-size:12px;
      line-height:normal;
      color: #fff; 
      font-family: Helvetica, Verdana, Arial, sans-serif; 
      }
    #tabs ul {
	margin:0;
	padding:0px 10px 0 10px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      text-align: center;
      width:104px;
      height:46px;
      background:url("images/navbtn.png") no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs a span {
color:#FFFFFF;
display:block;
padding:13px 8px 4px 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#cecece;
      }
    #tabs a:hover {
      background-position:0% -42px;
      background:url("images/navbtn2.png") no-repeat left top;
      background-color: transparent;
      }
    #tabs a:hover span {
      background:url("images/navbtn2.png") no-repeat left top;
      }



 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */