@charset "utf-8";
/* developed by Colin Bradshaw */

/* Default styles */
body, html {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	height:100%;
	color: #595A5C;
}
div, img {
	margin:0; padding:0; border: none
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 10px; }
p {	font-size: 12px; }
p,h1,h2,h3,h4,h5,h6 { margin: 0 0 10px 0; font-weight: bold; line-height:14px }

td { text-align: left; font-size: 12px; }
th { text-align: center; font-size: 14px; }
li { font-size: 12px; }
label {
	width: 5em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
a { text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
#footer a { color: #fff; }
#content a { color: #595A5C; }

/* Divs IDs */
#cont { min-height: 100%; position: relative; }
#bodybox {
	width: 1024px;
	margin: auto;
	margin-top: 10px;
	text-align: left;
	position: relative;
	padding-bottom:60px; /* Length of the footer. */
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Bump div #bodybox down half the height of the screen. */
	margin-top: -400px; 		/* Half the height of div #bodybox. */
	float: left;
}
#mast {
	height: 160px;
}
#menu {
	height: 40px;
	margin: 0px auto;
}
#content {
	text-align:left;
	margin:10px 95px;
	padding-bottom: 20px
}
#footer {
	text-align: center;
	position: absolute; bottom:0; width: 100%;
	height:45px;
	background: url(../img/footer_bg.png) repeat-x;
	color: #fff!important
}
#footer p { line-height: 45px; }
#footer a { color: #fff!important; text-decoration:none }

#sub {
	margin:10px auto;
	width:1024px;
}
#sub a { color: #595A5C!important;text-decoration:none }


#leftbox { width: 640px; float:left; font-weight:bold!important}
#rightbox { width:170px; float:right; }
#rightbox ul { padding:0px; margin:0 }
#rightbox li { list-style-type: none; margin-bottom:10px }

#contact input[type="text"] { width: 205px }

/* Custom Tags */
#leftbox h3 { color: #293B8F; padding-top:160px; font-weight:bold }
.homebox { width:609px; height:610px; background: url(../img/home_box.jpg) no-repeat; padding:0px 22px 20px 8px;}
.accessbox { width:609px; height:381px; background: url(../img/access_box.jpg) no-repeat; padding:20px 15px}
.alarmsbox { width:609px; height:460px; background: url(../img/alarms_box.jpg) no-repeat; padding:20px 15px}
.cctvbox { width:609px; height:572px; background: url(../img/cctv_box.jpg) no-repeat; padding:20px 15px}
.contactbox { width:609px; height:618px; background: url(../img/contact_box.jpg) no-repeat; padding:20px 15px}
.firebox { width:609px; height:457px; background: url(../img/fire_box.jpg) no-repeat; padding:20px 15px}
.safetybox { width:609px; height:457px; background: url(../img/safety_bg.jpg) no-repeat; padding:20px 15px}
.monitoredbox { width:609px; height:402px; background: url(../img/monitored_box.jpg) no-repeat; padding:20px 15px}
.skyblue { color: #1B93D1 !important; }
.darkblue { color: #293B8F !important; }
.skyblue a{ color: #1B93D1 !important }
.darkblue a{ color: #293B8F !important}
.right { text-align: right; }
.left { text-align: left; }
.red { color: #f00; }
.center { text-align: center; }
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(../border-radius.htc);
}
.opaque50 {	
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.nobg { background: none!important }
.nopad { padding:0px!important }
.nomargin { margin:0px!important }

/* Menu CSS */

.ss	{ width:626px; height:165px; position:relative; float:left; margin-top:20px; }
.ss img { display:block; position:absolute; top:0; left:0; z-index:1; }

.ss2 { float:right; width:794px; position:relative; background: url(../img/bodybg.png) repeat-x top; height:135px; }
.ss2 img { display:block; position:absolute; top:0; right:0; z-index:1; }