/* CSS Document */

/* MAIN ELEMENTS */
body { background:#fff url(../images/body_grad.png) repeat-x center top; font-family: Arial, Helvetica, sans-serif; color:#666666; margin:0; }
h1{ font-size:1.4em; line-height:0.9em; color:#000; padding:0; margin-bottom:10px; font-weight:100;}
h2{ color:#fff; font-weight:100; margin-bottom:5px;}
h3{color:#fff;}
p{ font-size:0.8em; line-height:1.6em; padding:0 10px; color:#000; margin-bottom:10px; margin-top:5px;}
li{ font-size:0.8em; font-family:Arial, Helvetica, sans-serif; color:#000; margin:9px 0 7px 0;}
h1.h1{ font-size:1.5em; font-weight:100;}
img a{ border:none;}
.clear{ clear:both;}


.hline{ position:relative; margin:5px auto; background:url(../images/hline.jpg) no-repeat; height:2px; width:1250px;}
.ourgoals{ position:relative; margin:auto; background:url(../images/ourgoals_bg.jpg) no-repeat; height:157px; width:999px; padding-top:75px; padding-left:20px;}
.ourgoals h2{ background:url(../images/ourgoals_title.jpg) no-repeat; height:18px; width:136px;}
.ourgoals h2 span{ visibility:hidden;}
.ourgoals p{ margin-top:11px; font-size:0.9em; color:#FFF;}
.bhline{ float:left; border-top:1px solid #18547e; padding: 0; margin:20px 28px;  height:1; width:661px;}
.suline{ float:left; border-right:1px solid #1a1a1a; padding: 0; margin:15px 30px ; height:90px; width:1px;}
ul.sponsors{ display:block; float:left; height:55px; position:relative; margin:auto; width:100%;	}
ul.sponsors li strong{ color:#770303;}
ul.sponsors li{ color:grey; display:inline; vertical-align:middle;}
ul.sponsors li span{ visibility:hidden;}
ul.sponsors li img{ height:35px;	}

ul.sponsors li a:link{ text-decoration:none; color:grey;}
ul.sponsors li a:hover{ color:#770303;}

#wrap{ position:relative; margin:auto; width:100%;}

#header-section{ position:relative; margin:60px 0 0 0 ; height:115px; width:100%; }
#header-section .header{ position:relative; margin:auto; padding:0; height:51px; width:1040px; }
#header-section .header a.logo{ background:url(../images/logo.jpg) no-repeat; height:77px; width:550px; float:left;  }
#header-section .header .menu{ float:right; width:450px;}
#header-section .header .menu ul{ float:right; padding:0; margin:0; list-style:none;}
#header-section .header .menu ul li{ color:#000; border-right:1px solid #bebebe; height:15px; margin-left:-4px; padding:13px 5px; display:inline-block; line-height:normal; text-transform:uppercase;}
#header-section .header .menu ul li#home{ background:url(../images/li.home.png) no-repeat 50%; }
#header-section .header .menu ul li#home span{ visibility:hidden;}
#header-section .header .menu ul li#services{ background:url(../images/li.services.png) no-repeat 50%; }
#header-section .header .menu ul li#services span{ visibility:hidden;}
#header-section .header .menu ul li#about{ background:url(../images/li.about.png) no-repeat 50%; margin-right:4px; }
#header-section .header .menu ul li#about span{ visibility:hidden;}
#header-section .header .menu ul li#contact{ background:url(../images/li.contact.png) no-repeat 50%; }
#header-section .header .menu ul li#contact span{ visibility:hidden;}
#header-section .header .menu ul li.non{ border:none}
#header-section .header .menu ul li.login a:hover{ color:#bebebe;}
#header-section .header .menu ul li a{ text-decoration:none; color:#000; height:51px; padding:13px; }
#header-section .header .menu ul li a:hover{ background:url(../images/li-gradient.png) repeat-x center;}
#header-section .header .menu ul li a.active{ background:url(../images/li-gradient.png) repeat-x center; height:51px; padding:18px;}

/*#header-section .header .telephone{ background:url(../images/telephone.png) no-repeat; height:16px; width:189px; float:right; margin:7px 0 0 0;}*/
#header-section .header .telephone{ float:right; margin:auto; width:152px;}

#slider{ position:relative; margin:auto; height:388px; width:1040px; background:url(../images/pane_bg.png) no-repeat;}
#topbanner{ width:1250px; position:relative; margin:auto; height:233px; background:url(../images/topbanner1.png) no-repeat;}
#contentarea{ position:relative; margin:20px auto; width:900px; height:auto;}
#contentarea #col{ float:left;  width:245px; height:auto; margin:0 80px 15px 0;}
#contentarea #col.non{ margin-right:0;}
#contentarea #col .area{ width:245px; height:auto; margin-bottom:10px;}
#contentarea #col .area h1{width:245px; height:17px; background:url(../images/h2_trigger_a.jpg) no-repeat right bottom; cursor:pointer;}
#contentarea #col .area h1.active{ background-position:right top;}
#contentarea #col .area h1 span.alarms {background:url(../images/alarms_header.jpg) no-repeat; height:18px; width:219px; display:block;}
#contentarea #col .area h1 span.mobile{ background:url(../images/mobilepatrols_header.jpg) no-repeat; height:18px; width:181px; display:block;}
#contentarea #col .area h1 span.net{ background:url(../images/net_header.jpg) no-repeat; height:18px; width:181px; display:block;}
#contentarea #col .area h1 span.cctv{ background:url(../images/cctv_header.jpg) no-repeat; height:18px; width:195px; display:block;}
#contentarea #col .area h1 span.door{ background:url(../images/door_header.jpg) no-repeat; height:18px; width:191px; display:block;}
#contentarea #col .area h1 span.event{ background:url(../images/event_header.jpg) no-repeat; height:18px; width:172px; display:block;}
/*#contentarea #col .area h1.static span, h1.mobile span, h1.retail span, h1.patrols span, h1.response span, h1.event span, h1.door span{ visibility:hidden}*/
#contentarea #col .area .container{ width:246px; height:auto;}
#contentarea #col .area .container img { display:block;}
#contentarea #col .area .container ul{ padding:0 0 0 15px; margin:0;}
#contentarea #col .area .container ul li{ list-style:disc; color:#850404;}
#contentarea #col .area .container ul li span{ color:black;}
#contentarea .location{ float:left; width:350px; height:auto; margin-left:120px;}
#contentarea .location .details{ float:left; margin-top:7px;}
#contentarea .location p{ font-style:italic; color:#000;}
#contentarea .location p span{ font-size:0.8em; font-weight:400; color:#999;}
#contentarea .form{ float:left; width:430px; margin:auto;}


#footer{ background:url(../images/footergradient.png) repeat-x center; height:238px; position:relative; margin:15px 0 auto; width:100%; padding-top:60px;}
#footer .footsec{ width:1024px; height:200px; position:relative; margin:auto;}
#footer .footsec .column{ float:left; margin:0; margin-right:30px; width:215px; }
#footer .footsec .columns{ float:left; margin:20px 0 0 0 ; margin-left:30px; width:215px; }
#footer .footsec .columns .texecom{ float:left; margin:0; height:66px; width:132px; background:url(../images/texecom.jpg) no-repeat;}
#footer .footsec .columns .sia2{ float:left; margin:0 4px; height:55px; width:68px; background:url(../images/sia_08.jpg) no-repeat;}
#footer .footsec .columns .sia3{ float:left; margin:0; height:59px; width:68px; background:url(../images/sia_03.jpg) no-repeat;}
#footer .footsec .columns .passionate{ float:left; margin:0; height:55px; width:180px;}
#footer .footsec .columns .passionate p{ font-style:italic; color:#bbcd24; margin-top:15px}

#footer .footsec .column h3{ border-bottom:1px solid #242424; position:relative; font-size:0.9em; padding-bottom:6px; margin-bottom:10px; text-shadow:1px 1px #000; font-weight:normal; color:#FFF; text-transform:capitalize;}
#footer .footsec .column h3:after{ border-bottom:1px solid #0d0d0d; content:""; display:block; position:relative; top:6px;}
#footer .footsec .column ul{ padding:0; list-style-type:none; margin:0 0 20px;}
#footer .footsec .column ul li{ font-size:0.7em; margin-bottom:13px; padding:0; text-shadow:1px 1px #000; color:#FFF;}
#footer .footsec .column ul li.tel{ padding-left:25px; background:url(../images/footericons_tel.jpg) no-repeat 0% 50%;}
#footer .footsec .column ul li.mail{  padding-left:25px; background:url(../images/footericons_mail.jpg) no-repeat 0% 50%;}
#footer .footsec .column ul li.fb{ padding-left:25px; background:url(../images/footericons_fb.jpg) no-repeat 0% 50%; height:14px; padding-top:1px;}
#footer .footsec .column ul li.tw{padding-left:25px; background:url(../images/footericons_tw.jpg) no-repeat 0% 50%; height:14px; padding-top:1px;}
#footer .footsec .column ul li a:link{ text-decoration:none; color:#fff; text-shadow:1px 1px #000;}
#footer .footsec .column ul li a:hover{ color:#850404; text-decoration:none;}
#footer .footsec .column ul li a:visited{ color:#fff; text-decoration:none;}
#footer .footsec .column ul li a:visited:hover{ color:#850404; text-decoration:none;}

#slider1 {
	width: 1001px; /* important to be same as image width */
	height: 285px; /* important to be same as image height */
	position:absolute; /* important */
	overflow: hidden; /* important */
	top:53px;
	margin-left:38px;
}
#slider1Content {
	width: 1001px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
	margin-bottom:0;
	padding:0;
}
.slider1Image {
	float: left;
	position: relative;
	display: none;
	top:0;
}
.slider1Image span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none; }

#dom{ background:url(../images/slider/slidertitle_dom.png) 30% 2% no-repeat; }
#comm{ background:url(../images/slider/slidertitle_comm.png) 30% 2% no-repeat; }

.clear {
	clear: both;
}
.slider1Image span strong {
	font-size: 14px;
}
.left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 270px !important;
	height: 270px;
}
ul {list-style-type: none;}
span p{ margin: 9px 0 0 0; font-size:1.2em; color:#FFF;}
img a {
	border:none;
}

#box { float:left; width:100%;}

form { margin:0; padding:0; width:100%; float:left;  }
fieldset { margin:0; padding:0; border:none; color:#000;}
legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#000; }

form div { padding:1em 0; border-top:1px solid #ccc; }
label {float:left; width:30%; line-height: 200%; padding-right:1em; text-align:right; } 
input, textarea, select { width:60%;  border:1px solid #CBCCCC; padding:3px; font-size:1em; background:#E3E6E6; color:#4c4c4c; } 
textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:1em; width:60%; border:1px solid #212024; padding:3px;}
.button input { border:#7a0202;; margin-left:34%; font-size:0.8em; text-transform:uppercase; color:#fff; background:#000;; padding: 8px 12px; cursor:pointer; width:auto;}
select.required{ width:62%;}
label.error{ color:red; display:block; width:auto; float:right;}

.hoverfocus { border:1px solid #FFCC00;}

#error, #response { float:left; width:30%; padding:3em; }

#response ul { border-top:1px solid #212024; margin-top:5px; padding-top:5px; }

#error li, #response li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }

#working { float:left; padding:3em; background:url(loading.gif) no-repeat left center;}