@charset "UTF-8";
/* CSS Document */

/*Home Page*/

#TopHeaderGrey{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x;
height:490px; width:100%; text-align:center;}

#MiddleHeader{background-image:url(images/bottom-shadow-border.jpg); background-position:top; background-repeat:repeat-x;
height:565px; width:100%; text-align:center;}

#MainContainerHome{text-align: left; margin: 0 auto; width:975px; padding-top:25px; padding-bottom:30px; height:425px; position:relative}

#MiddleContainerHome{text-align: left; margin: 0 auto; width:975px; padding-top:12px; padding-bottom:63px;}

#BottomContainerHome{text-align: left; margin: 0 auto; width:975px;padding-bottom:63px; height:400px; font-family:"Times New Roman", Times, serif; color:#333; font-weight:bolder;}

#BottomContainerHome p{font-weight:lighter;}


table.redHeaders{height:27px; padding-top:15px;}



#RedheaderContainder{height:42px; width:972px; padding-bottom:0px;}


.RedCornLeft{width:25px; height:42;float:left; margin-right:0; }

.RedCornRight{width:43px; height:42; float:left; text-align:left;}

.RedCornRightLast{width:25px; height:42; float:left; text-align:left;}

.RedMid{width:262px; background-image:url(images/redMid.png); background-repeat:repeat-x repeat-y; background-position:top; height:42; padding-top:22px;  float:left;color:white; font-size:17px; text-align:center; font-family:Arial, Helvetica, sans-serif; letter-spacing:.06em; text-shadow: 1px 1px 0px #333; vertical-align:middle;
}

.RedMid p{color:white; font-size:17px; text-align:center; font-family:Arial, Helvetica, sans-serif; letter-spacing:.06em; text-shadow: 1px 1px 0px #333;}




#BlurbContainer{height:175px; width:972px; color:#333; clear:both; padding-top:0px; position:relative; background-image:url(images/blurbBG.png);
background-position:top; background-repeat:no-repeat;}

.BlurbEdgeMid{width:190px;}

.BlurbEdgeMid p{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; letter-spacing: .04em;}

.readmore a {font-family:Arial, Helvetica, sans-serif; color:#B70001; font-size:12px; letter-spacing: .04em; text-decoration:underline; font-weight:bold}
.readmore a:hover {font-family:Arial, Helvetica, sans-serif; color:#B70001; font-size:12px; letter-spacing: .04em; text-decoration:none;font-weight:bold}


/*Security & Fire*/

#ContentSF{ background-color:#FFF; width:975px; margin: 0 auto; position:relative;background-image:url(images/as-top.jpg); background-repeat:repeat-x; background-position:top; height:503px;}

/*Security & Fire Middle Content*/

#Main-SF{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y;
 width:100%; text-align:center; height:700px;}

#SF-Midline{ background-image:url(images/security-fire-mid-line.png);  background-position:top; background-repeat:repeat-x;
 width:100%;  height:39px;}
 
 #SF-MFG-100{ width:100%; background-color:#FFF; }
 
 #SF-MFG-930{width:930px; margin:0 auto;}
 
  


.SF-Security{height:240px; width:256px; clear: both; float:left; background-image:url(images/as-left-border.jpg); background-repeat:repeat-y; position:relative; padding-top:150px; padding-left:
             40px; padding-right:10px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;letter-spacing: .04em;}




.SF-Divider1{height:390px; width:28px; background-image:url(images/vertical.jpg); float:left; background-repeat:no-repeat; background-position:center;}
.SF-Divider2{height:390px; width:29px; background-image:url(images/vertical.jpg); float:left; background-repeat:no-repeat; background-position:center}

.SF-Fire{height:240px; width:276px; float:left; position:relative; padding-top:150px; padding-right:10px; padding-left:20px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;letter-spacing: .04em;}

.SF-Sec-fire{height:240px; width:266px; float:right; position:relative; background-image:url(images/as-right-border.jpg); background-repeat:repeat-y; background-position:right;
             padding-top:150px; padding-right:20px; padding-left:20px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;letter-spacing: .04em;}
  
.SF-Banner-txt{height:40px; width:300px; background-image:url(images/header-repeat.jpg); background-repeat:repeat-x; background-position:top; float:left; text-align:left;
  background-color:#FFF;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; padding-top:8px; letter-spacing:.02em;
  text-shadow:1px 1px 0px #333;}
  
  
  .SF-MFG{ height:106px;  padding-left:15px; padding-right:30px; float:left;}
  
  
  /* Installation, Maintainence*/
  
  .Installation{height:170px; width:372px; clear: both; float:left; background-image:url(images/as-left-border.jpg); background-repeat:repeat-y; position:relative; padding-top:220px; padding-left:
             40px; padding-right:10px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;letter-spacing: .04em; background-color:#FFF;}




.IM-Divider{height:390px; width:131px; background-image:url(images/vertical.jpg); float:left; background-repeat:no-repeat; background-position:center; background-color:#FFF;}


.Maintain{height:170px; width:382px; float:right; position:relative; background-image:url(images/as-right-border.jpg); background-repeat:repeat-y; background-position:right;
             padding-top:220px; padding-right:20px; padding-left:20px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px;letter-spacing: .04em; background-color:#FFF;}


  /*contact us*/
  
  #Contact-TopHeaderGrey{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y; 
height:865px; width:100%; text-align:center;}
  
  .CbannerLeft{height:48px; width:19px; background-image: url(images/ACbannerLeft.png); background-repeat:no-repeat; background-color:#EFEFEF; background-position:top; float:left; clear:both;}
  
.CBannerMid{height:40px; width:490px; background-image:url(images/header-repeat.jpg); background-repeat:repeat-x; background-position:top; float:left; text-align:left;
  background-color:#FFF;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; padding-top:8px; letter-spacing:.02em;
  text-shadow:1px 1px 0px #000; font-style:italic;}
  
.CBannerRight{background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:466px;height: 48px;
  background-color:#FFF; position:relative; }
  
  input {
        border: none;
        background-color: transparent;
		background-image:url(images/input-box.jpg);
		width:275px;
		height:26px;
		background-repeat:no-repeat;
        }

textarea{border: none;
        background-color: transparent;
		background-image:url(images/text-area-new.png);
		background-repeat:no-repeat;
		width:407px;
		height:87px;}




button{border:0; background-color:transparent}



#aff-container{ text-align: center; margin: 0 auto; width:975px; padding-top:55px; position:relative;}

#aff-container p {color:#6B1010; font-family:Arial, Helvetica, sans-serif; letter-spacing:.02em; font-sixe:24px; font-style:italic;}

#aff-container ul{list-style-type:none; display:inline; text-align:left;}

#aff-container li{list-style-type:none; display:inline; padding-right:100px; padding-left:0px; padding-top:20px;}


#contact-left{ position:relative;background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:29px; background-color:#FFF; height: 490px; float:left;}

#the-form{width:481px; height:490px; background-image:url(images/form-bg.jpg); background-repeat:repeat-x repeat-y;float:left; text-align:left;
  position:relative}
  
  #thanks{width:481px; height:490px; float:left; text-align:left; background:#FFF;font-family:Arial, Helvetica, sans-serif; }
 
 .enter-info{ height:26px; width:275px; padding-right:37px; padding-bottom:24px; padding-top:37px; float:right;}
 
  
 
 .form-fields{float: left; height:20px; width:125px; padding-bottom:24px; padding-top:43px; padding-left:37px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100;  letter-spacing:.02em;}
 
 .form-fields-clr{ clear:both; float: left; height:20px; width:125px; padding-bottom:24px; padding-top:43px; padding-left:37px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100;  letter-spacing:.02em;}

.comments{ clear:both; height:20px; padding-bottom:24px; padding-top:23px; width:225px;  padding-left:37px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100;  letter-spacing:.02em;}


.enter-comments{clear:both; height:87px; width: 407px; padding-left:37px; padding-right:37px;}

.send-it{clear:both; float:right; padding-right:30px; padding-top:15px;}

 

#locations{ position:relative; float:right; height:490px; width:385px; background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; 
   background-color:#FFF; padding-left:80px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;  letter-spacing:.02em;}
   
    #locations ul{list-style-type:none;text-align:left; padding-left:0px; padding-bottom:15px;}
  
   #locations li{ font-weight:lighter; font-size:14px; text-align:left; padding-left:0px; padding-bottom:2px;}
   
   #locations a{color:#0F115E; text-decoration:underline; font-weight:100; font-size:12px;}
   
   #locations a:hover{text-decoration:none;}
   
   
    #contact-info{position:relative; float:left; background-image:url(images/contact-outline.png); background-repeat:no-repeat; width:318px; height:108px; padding-top:25px; padding-bottom:13px; padding-left:20px;}
   #contact-icon img{padding-right:16px; clear:both; float:left; padding-bottom:6px;}
   
   
  
  
  #the-info{padding-bottom:6px;float:left; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:lighter;  letter-spacing:.02em; height:30px; vertical-align:middle}
    #the-info a{color:#0F115E; text-decoration:underline; font-weight:100;font-style:italic; font-size:13px;}
   
  #the-info a:hover{text-decoration:none;}
  
  
  #break{ background-image:url(images/bottom-shadow-border.jpg); background-position:top; background-repeat:repeat-x; height:350px; width:100%; clear:both;}




/*Access Control*/

#ContentAC{ background-color:#FFF; width:975px; margin: 0 auto; position:relative;background-image:url(images/as-top.jpg); background-repeat:repeat-x; background-position:top; height:575px;}

/*Access Control, Sec-Cam grey 100*/
#Main{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y;
 width:100%; text-align:center; height:800px;}

 /*Access Control, Sec-Cam, sec-fire holds navigation*/
 #TopContainerAC{text-align: left; margin: 0 auto; width:975px; padding-top:25px;  position:relative;;
 background-image:url(images/keypad-background.png); background-position:right top; background-repeat:no-repeat;}
 
  
 
 
.ACMidLeft{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 73px; float:left; }
.ACMidRight{background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:15px;height: 73px; }
.ACFLTLFT{float:left; background-color:#FFF; width:938px; padding-top:40px; height:33px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif;
   letter-spacing:.02em; font-size:15px; padding-left:3px; font-weight:bold;}
  
.ACbannerLeft{height:48px; width:19px; background-image: url(images/ACbannerLeft.png); background-repeat:no-repeat; background-color:#EFEFEF; background-position:top; float:left; clear:both;}
  
.AcBannerMid{height:40px; width:450px; background-image:url(images/header-repeat.jpg); background-repeat:repeat-x; background-position:top; float:left; text-align:left;
  background-color:#FFF;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; padding-top:8px; letter-spacing:.02em;
  text-shadow:1px 1px 0px #000; font-style:italic;}
  
.AcBannerRight{background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:506px;height: 48px;
  background-color:#FFF; }
  
  
.ACTextLeft{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 411px; 
              float:left; background-color:#FFF }
			  
.AcTextMid{height:393px; width:440px; float:left; text-align:left;background-color:#FFF;  color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:100;     	padding-top:18px; padding-left:5px; letter-spacing:.02em;}


.AcTextMid p{font-family: Arial, Helvetica, sans-serif; font-size:18px; font-style:italic; color:#333; font-weight:bold;}

.AcTextMid li{padding-bottom:10px;}

  
.AcTextRight{ position:relative; background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:325px; text-align:left; height: 246px;
  background-color:#FFF; padding-right:30px; padding-left:156px; padding-top:165px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;}
 
.MFG-BG-LFT{background-image:url(images/mfgbgleft.jpg); background-repeat:no-repeat; width:19px; height:136px; clear:both; float:left;}
 
.MFG-BG{background-image:url(images/mfg-bg.jpg); background-repeat:repeat-x; height:106px; padding-top:30px; padding-left:10px; padding-right:10px; float:left;}
 
.MFG-Border-Right{ float:right; height: 136px; width:20;
  background-color:#FFF; }
  
 
/*Security Cameras*/

#Main-sec-cam{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y;
 width:100%; text-align:center; height:700px;}

TRY { background-color:#066;float:LEFT; height: 136px; width:19px;
 clear:both; }

#ContentSC{ background-color:#FFF; width:975px; margin: 0 auto; position:relative;background-image:url(images/as-top.jpg); background-repeat:repeat-x; background-position:top; height:480px;}
 
.SC-TextLeft{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 321px; 
              float:left; background-color:#FFF }
			  
.SC-TextMid{height:303px; width:440px; float:left; text-align:left;background-color:#FFF;  color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:100;padding-top:18px; padding-left:5px; letter-spacing:.02em;}
  
.SC-TextRight{ position:relative; background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:245px; text-align:left; height: 81px;background-color:#FFF; padding-right:20px; padding-left:246px; padding-top:240px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;}
			
/*Global*/

.ACTop-left{ height:23px; float:left; background-color:#FFF;}
.ACTop-right{ height:23px; float:right;}
.AC-Top-Border{ background-image:url(images/as-top.jpg); background-repeat:repeat-x; float:left;}

.Bottom-Left{height:23px; width:31px; background-image: url(images/Corner-as-left-bot.jpg); background-repeat:no-repeat; background-position: left top; clear:both; float:left;} 
.Bottom-Right{height:23px; width:27px; background-image:url(images/Corner-as-right-bottom.jpg); background-repeat:no-repeat; background-position: right top;  float:right;}  
.Bottom-Middle{height:23px; width:917px; background-image:url(images/as-bottom.jpg);background-repeat:repeat-x;  float:left;}  


.tagline{text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:15px; letter-spacing:.1em; padding-bottom:5px;}

#topText{text-align:left; float:right; font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; font-size:15px; 
font-weight:bolder;letter-spacing:.1em; padding-bottom:15px; position:relative; width:770px; }

#topText h1{font-family:"Arial Black", Gadget, sans-serif; color:#851414; font-size:20px;  font-style:italic; display:inline;padding-left:170px;}



body ,div{margin:0 0 0 0;}


#FooterContainer{background-image:url(images/footerBg.png); background-position:top; background-repeat:repeat-x; width:100%; height:350px; padding-top:30px;}

#FooterContainer2{text-align: left; margin: 0 auto; width:975px; height:300px;}

/*monitoring*/


#Mon-TopHeaderGrey{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y; 
height:820px; width:100%; text-align:center;}

#MainContainerMonitor{text-align: left; margin: 0 auto; width:975px; position:relative}






.MonTextRight{ position:relative; background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:400px; 
text-align:left; height: 66px; background-color:#FFF; padding-right:30px; padding-left:81px; padding-top:235px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;}
 
.MonTextLeft{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 301px; 
              float:left; background-color:#FFF }
			  
.MonTextMid{height:283px; width:440px; float:left; text-align:left;background-color:#FFF;  color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:100; padding-top:18px; padding-left:5px; letter-spacing:.02em;}


.MonTextMid p{font-family: Arial, Helvetica, sans-serif; font-size:18px; font-style:italic; color:#333; font-weight:bold;}

.MonTextMid li{padding-bottom:10px;}
          
/*mfg*/  

#MFGGrey{ background-image:url(images/headerGrey.png); background-position:top; background-repeat:repeat-x repeat-y; 
height:1200px; width:100%; text-align:center;}


 .MfgRight1{  background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:344px; 
             height: 111px; background-color:#FFF;  }
 
.MfgLeft1{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 111px; 
              float:left; background-color:#FFF }
		  
 .MfgRight{  background-image:url(images/as-right-border.jpg); background-position:top right; background-repeat:repeat-y; float:right; width:24px; 
             height: 605px; background-color:#FFF;  }
 
.MfgLeft{background-image:url(images/as-left-border.jpg); background-position:top left; background-repeat:repeat-y; clear:both; width:19px; height: 605px; 
              float:left; background-color:#FFF }
			  
.MfgMid{height:605px; width:488px; padding-left:12px; float:left; text-align:left;background-color:#FFF;}



.MfgEnlarge{height:605px; width:432px; float:left; background-color:#FFF; }

.mfg-intro{height:100px; padding-top:11px; width:600px;padding-left:12px; float:left; color:#333; font-family:Arial, Helvetica, sans-serif; 
            letter-spacing:.02em;font-size:13px; font-weight:100; background-color:#FFF;}

.pic-prod{width:500px; clear:both; float:left;}

.pic1{width:225; height:172px; float:left; padding-top:15px;}

.pic1 img{display:block;  padding-top:8px;}

.prod1{width:205;height:137px;float:left; color:#771212; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; 
        padding-top:35px; padding-left:20px;letter-spacing:.02em;}
		
		.prod1 img{display:block; padding-top:20px;}

.pic2{width:225; height:196px;float:left; clear:both;}
.prod2{width:225;height:196pxfloat:left; color:#771212; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; letter-spacing:.02em;}


/*Navigation*/

table.nav {height:94px;}
#navLeft{ background-image:url(images/navleft.png); background-position:top right; background-repeat:no-repeat;}
#navRight{ background-image:url(images/navRight.png); background-position:top left; background-repeat:no-repeat;}

#navMid{background-image:url(images/navbg.png); background-position:top; background-repeat:repeat-x; }

#top-menu{padding-left:178px; padding-top:23px;}




		#footer-menu li { padding-right: 2px; float:left; width:auto;}
			#footer-menu a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100; color: #000083; text-decoration: none; text-shadow: 1px 1px 0px #ccc; padding: 0 25px 25px; letter-spacing:.01em;}
			#footer-menu a:hover { color: #B70001;}
			
		#footer-menu li ul li a{font-size:16px;}
			
			
			#footer-menu{padding:0 0 0 0;}




#top-menu li { padding-right: 2px; float:left; width:auto; background-color:transparent;}
	#top-menu a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100; color: #000083; text-decoration: none; text-shadow: 1px 1px 0px #ccc; padding: 0 10px 25px; letter-spacing:.01em; background-color:transparent;}
	#top-menu a:hover { color: #B70001;}
	#top-menu li ul li {background-color:transparent;}
	#top-menu li ul{background-color:transparent;}
	
	#top-menu li ul li a{font-size:16px;}
	
	
		
/*Product Page Navigation*/

table.nav2 {height:63px;}
#navLeft{ background-image:url(images/navleft.png); background-position:top right; background-repeat:no-repeat;}
#navRight{ background-image:url(images/navRight.png); background-position:top left; background-repeat:no-repeat;}

#navMid{background-image:url(images/navbg.png); background-position:top; background-repeat:repeat-x; }

#top-menu2{padding-left:138px; padding-top:9px;}


#top-menu2 li { padding-right: 2px; float:left; width:auto; display:inline;}
	#top-menu2 a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100; color: #000083; text-decoration: none; text-shadow: 1px 1px 0px #ccc; padding: 0 10px 25px; letter-spacing:.01em;}
	#top-menu2 a:hover { color: #B70001;}
	
	
	#sub-menu {padding-left:210px; padding-top:7px; height:25px; }
	#sub-menu li { padding-right: 6px; float:left; width:auto; display:inline;}
	#sub-menu a{font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:100; color: #5f5f5f; text-decoration: none; padding: 0 10px 25px; letter-spacing:.01em;}
	
	
	
	
	
			
			
