body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	width:  100%;
	overflow-x:  hidden;
	background:  #ffffff; 
	color:  #484848;
	font-size:  15px;
	line-height:  150%;
            font-family: 'Open Sans', sans-serif;  }

html  { 
	width:  100%;
	margin:  0px;  }

#wrapper {
	width: 100%;  	
	margin-left: auto; 	
	margin-right: auto;  }

/****************   top navigation ********************/

#top  {
	width:  100%;
    	background: #303030;
	height:  45px;
    	border-bottom: 5px solid #28a1c0;  }

#nav {
	width:  970px;
	margin: 0 auto; 
	position:  relative;
	z-index:  999;
	display:  table;  }

.nav-container  {
	float: left;  }

#nav ul ul {
	display: none;  }

	#nav ul li:hover > ul {
		display: block;  }

#nav ul {
	background: #303030; 
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;  }

#nav ul:after {
	content: ""; clear: both; display: block;  }

#nav ul li {
	float: left; }

#nav ul li:hover {
	background: #535353;  }

#nav ul li:hover a {
	color: #fff;  }
		
#nav ul li a {
	display: block; 
	padding: 10px 15px;
	color: #ffffff; 
	text-decoration: none;
	line-height:  25px;   }
			
#nav ul ul {
	background: #535353; 
	border-radius: 0px; 
	padding: 0;
	position: absolute; 
	top: 100%;  }

#nav ul ul li {
	float: none; 
	border-top: 1px solid #545454;
	border-bottom: 1px solid #868585; 
	position: relative;  }

#nav ul ul li a {
	padding: 10px 15px;
	color: #fff;  }	
				
#nav ul ul li a:hover { 
	background: #6a6a6a;  }
		
#nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;  	}


.social {
	float:  right;
	margin-top: 8px;  }

.social a  {
    padding-left: 5px;
    opacity: 0.5;
    filter: alpha(opacity=30);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;  }

.social a:hover {
    opacity: 0.8;
    filter: alpha(opacity=70);  }


/****   header *****/

#hdr   {

	margin:  15px auto;
	display:  table;
	width:  970px;  }

.hdr-left  {
	float:  left; 
	width: 200px; }

.hdr-center  {
	height:  65px;
	width: 364px;
	float:  left;  }

.hdr-right  {
	width:  400px;
	float:  right;  }

.call  {
	text-align:  right;
	padding-top:  0;
	font-size:  17px; 
	color: #303030; 
	margin:  5px 0 10px 0; }

.phone  {
	text-align:  right;
	color: #303030; 
	font-weight:  bold;
	font-size:  33px;  }


#banner-container  img {
	width:  100%;  }

/****   body *****/

#body-container {
   	width: 970px; 
	line-height:  150%;
	margin: 75px auto;
	display:  table;  }

.intro  {
	width:  970px; 
	display:  table;
	margin-bottom:  30px;  }

.intro-text  {
	line-height:  135%;  }

.legal  {
	padding-top:  20px;
	font-size:  13px;
	font-style:  italic; }

.alarm  {
	margin:  10px 0 0 50px;  }

/**** contact page ****/

#body-left  {
	width:  570px;
	float:  left; }

#body-right  {
 	float:  left; 
	width: 400px;  }

.body-right-content  {
	margin:  50px 0 0 20px;  }

.input {
	height:  25px;
	width:  425px;
	font-size:  15px;
	margin:  5px 0 20px 0;
	padding:  5px 0px 5px 10px;  }

textarea  {
	height:  75px;
	width:  425px;
	font-size:  15px;
	margin:  5px 0 10px 0;
	padding:  5px 0px 20px 10px;  }

.shadow { 
	border:  1px solid #aeaeae;
  	-webkit-box-shadow: 0 8px 16px -6px black;
    	-moz-box-shadow: 0 8px 16px -6px black;
         	box-shadow: 0 8px 16px -6px black;  }

/****   services *****/

#services-container {
	width: 970px; 
	padding:  35px 0  0;
	margin:  5px auto 0 auto;
	display: table; }  
	
.left-section  {
	width:  290px;
	float:  left;
	margin-right:  40px; }

.mid-section  {
	width:  290px;
	float:  left;
	margin-right:  40px; }

.right-section  {
	width:  290px;
	float:  left;  }

.service-hdr  {
	margin:  25px 0 10px 0;
	color:  #000000;  
	font-size: 22px;  }

.service-hdr-sml  {
	margin:  15px 0 10px 0;
	font-size: 20px;  }

.service-text  {
	padding:  0 10px 0 0; }


.desc-hdr  {
	margin:  10px 0 0 0;
	color:  #1982c4;  
	font-weight:  bold;  }

.desc-text  {
	padding:  0 0 10px 0; }

.alarm-hdr  {
	margin:  10px 0 10px 0;
	color:  #0060a9;  
	font-weight:  bold;  }

.alarm-text  {
	padding:  0 0 10px 0; }


.equip-hdr  {
	font-size:  18px;
	margin:  30px 0 10px 0;
	color:  #000000;  
	font-weight:  bold;  }

.equip-text  {
	line-height:  135%;
	font-size:  13px;
	padding:  0 0 10px 0; }

.alarm-hdr2  {
	margin:  10px 0 0 0;
	color:  #000000;  
	font-weight:  bold;  }


h1  { 
	letter-spacing:  1px;
	color:  #000000;
	padding-bottom:  20px;
	margin:  0;  }

h2  { 
	letter-spacing:  1px;
	color:  #000000;
	padding-bottom:  20px;
	margin:  0;  }
 
/****   bottom *****/
	
#bottom  {
	padding:   0;
	display: table;
	width:  100%; 
	height:  200px; }

.bottom-content  {	
	font-size:  14px;
	margin:  0px auto;
	color:  #ffffff;
	width:  970px;  }

.bottom-content  a:link {
	color:  #ffffff;	
	text-decoration:none;  }
				
.bottom-content  a:visited  {
	color:  #ffffff;
	text-decoration:none;  }
				   
.bottom-content  a:hover {
	color: #979797;
	text-decoration: none;  }

/****   bottom *****/
	
#footer  {
	width: 100%; 
	padding:  35px 0; 
 	background: #303030;
	line-height:  150%; }

.footer-content  {
	margin:  0 auto;
	font-size:  14px;
	color:  #a4a4a4	;
	width: 970px; 
	display:  table;  }

.footer-hdr  {
	color:  #ffffff;
	letter-spacing:  1px; 
	font-size:  17px; 
	padding-bottom:  5px; }

.footer-btm   {
	margin:  10px auto 0 auto;
	display:  table; 
	width:  100%;
	font-size:  14px;   }  

.horiz-line {
	border-bottom: 1px solid #868585;
	margin-bottom:  10px;
	width:  970px; }

.ftr-left  {
	float:  left;  }

.ftr-right  {
	float:  right;  }

.footer-content a:link {
	padding:  0 2px 0 2px;
	color:  #ffffff;	
	text-decoration:none;  }
				
.footer-content a:visited  {
	color:  #ffffff;
	text-decoration:none;  }
				   
.footer-content a:hover {
	color: #dd4631;
	text-decoration: none;  }


.hr  {
	margin:  40px 0 40px 0;
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));  }


.imgframe { 
	border:  1px solid #6c6b6b;
	background:  #303030; 
     	padding:  7px;   }


.border  { 
	border:  1px solid #797979; }

.clearfloats  {
	clear:  both;  }