html{
	height: 100.1%; /* keeps scrollbar present on all pages */
	}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #131313;
	}
	
img {
	border: none;
}
	
div#container{
	position: relative;
	width: 800px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	}
	
/* --- remove access skip --- */

#access_skip{
	display: none;
	}
	
/* --- header styles --- */
	
div#header{
	position: relative;
	float: left;
	width: 800px;
	height: 143px;
	margin: 0;
	padding: 0;
	}

/* --- main nav styles --- */

div#nav ul{
	position: relative;
	float: left;
	width: 780px;
	height: 57px;
	background-color: #0f9cd8;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	}
	
div#nav ul, div#nav li{
	position: relative;
	float: left;
	display: inline;
	}
	
li#home a, li#security_personnel a, li#security_personnel a, li#security_systems a, li#security_monitoring a, li#clients a, li#recruitment a, li#contact_us a, li#keyholding a{
	display: block;
	position: relative;
	float: left;
	height: 57px;
	text-indent: -9999px;
	}
	
li#home a{
	width: 65px;
	background: url(../_images/main_nav/home.gif) top center no-repeat;
	}
	
li#home a:hover, #lnk_1 li#home a{
	background: url(../_images/main_nav/home.gif) bottom center no-repeat;
	}
	
li#security_personnel a{
	width: 99px;
	background: url(../_images/main_nav/security_personnel.gif) top center no-repeat;
	}
	
li#security_personnel a:hover, #lnk_2 li#security_personnel a{
	background: url(../_images/main_nav/security_personnel.gif) bottom center no-repeat;
	}
	
li#security_systems a{
	width: 79px;
	background: url(../_images/main_nav/security_systems.gif) top center no-repeat;
	}
	
li#security_systems a:hover, #lnk_3 li#security_systems a{
	background: url(../_images/main_nav/security_systems.gif) bottom center no-repeat;
	}
	
li#security_monitoring a{
	width: 110px;
	background: url(../_images/main_nav/security_monitoring.gif) top center no-repeat;
	}
	
li#security_monitoring a:hover, #lnk_4 li#security_monitoring a{
	background: url(../_images/main_nav/security_monitoring.gif) bottom center no-repeat;
	}

li#clients a{
	width: 76px;
	background: url(../_images/main_nav/clients.gif) top center no-repeat;
	}
	
li#clients a:hover, #lnk_5 li#clients a{
	background: url(../_images/main_nav/clients.gif) bottom center no-repeat;
	}
	
li#recruitment a{
	width: 111px;
	background: url(../_images/main_nav/recruitment.gif) top center no-repeat;
	}
	
li#recruitment a:hover, #lnk_6 li#recruitment a{
	background: url(../_images/main_nav/recruitment.gif) bottom center no-repeat;
	}
	
li#contact_us a{
	width: 107px;
	background: url(../_images/main_nav/contact_us.gif) top center no-repeat;
	}
	
li#contact_us a:hover, #lnk_7 li#contact_us a{
	background: url(../_images/main_nav/contact_us.gif) bottom center no-repeat;
	}

li#keyholding a{
	width: 107px;
	background: url(../_images/main_nav/keyholding.gif) top center no-repeat;
	}
	
li#keyholding a:hover, #lnk_8 li#keyholding a{
	background: url(../_images/main_nav/keyholding.gif) bottom center no-repeat;
	}

/* --- main body styles --- */

div#main_body{
	width: 800px;
	position: relative;
	float: left;
	/*background: url(../_images/main_bg.gif) bottom right no-repeat;*/
	background: url(../_images/footer_bg.gif) bottom right no-repeat;
	margin: 36px 0 10px 0;
	padding: 0 0 80px 0 ;
	}
	
div#main_body_2{
	width: 800px;
	position: relative;
	float: left;
	background: url(../_images/main_bg_2.gif) bottom right no-repeat;
	margin: 36px 0 10px 0;
	padding: 0 0 80px 0 ;
	}
	
div#main_body_3{
	width: 800px;
	position: relative;
	float: left;
/*	background: url(../_images/main_bg_3.gif) bottom right no-repeat;*/
	margin: 36px 0 10px 0;
	padding: 0 0 80px 0 ;
	}
	
/* --- sub navigation styles --- */
	
div#sp_sub_nav, div#ss_sub_nav{
	position: relative;
	float: left;
	width: 146px;
	margin: 0;
	padding: 0 10px;
	}
	
div#sp_sub_nav ul, div#ss_sub_nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
div#sp_sub_nav li, div#ss_sub_nav li{
	width: 138px;
	margin: 2px 0;
	padding: 0;
	background-color: #0066a5;
	text-align: center;
	}
	
div#sp_sub_nav a, div#ss_sub_nav a{
	display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding: 4px 9px 4px 4px;
	background: url(../_images/sub_nav/ste_w.gif) right repeat-y;
	}
	
#cctv a:hover,
#access_control a:hover,
#barrier_and_fencing a:hover,
#corporate a:hover,
#manufacturing a:hover,
#retail a:hover,
#training a:hover,
.ss_cctv div#container div#main_body div#ss_sub_nav #cctv a, .ss_cctv div#container div#main_body_2 div#ss_sub_nav #cctv a,
.ss_acce div#container div#main_body div#ss_sub_nav #access_control a, .ss_acce div#container div#main_body_2 div#ss_sub_nav #access_control a,
.ss_barr div#container div#main_body div#ss_sub_nav #barrier_and_fencing a, .ss_barr div#container div#main_body_2 div#ss_sub_nav #barrier_and_fencing a,
.sp_corp div#container div#main_body div#sp_sub_nav #corporate a, .sp_corp div#container div#main_body_2 div#sp_sub_nav #corporate a,
.sp_manu div#container div#main_body div#sp_sub_nav #manufacturing a, .sp_manu div#container div#main_body_2 div#sp_sub_nav #manufacturing a,
.sp_reta div#container div#main_body div#sp_sub_nav #retail a, .sp_reta div#container div#main_body_2 div#sp_sub_nav #retail a,
.sp_trai div#container div#main_body div#sp_sub_nav #training a, .sp_trai div#container div#main_body_2 div#sp_sub_nav #training a{
	background: #62ade0 url(../_images/sub_nav/ste_lb.gif) right no-repeat;
	}
	
#distribution_and_warehousing a:hover,
#maintenance_service a:hover,
#integrated_solutions a:hover,
#remote_access a:hover,
.ss_main div#container div#main_body div#ss_sub_nav #maintenance_service a, .ss_main div#container div#main_body_2 div#ss_sub_nav #maintenance_service a,
.sp_dist div#container div#main_body div#sp_sub_nav #distribution_and_warehousing a, .sp_dist div#container div#main_body_2 div#sp_sub_nav #distribution_and_warehousing a,
.ss_inte div#container div#main_body div#ss_sub_nav #integrated_solutions a, .ss_inte div#container div#main_body_2 div#ss_sub_nav #integrated_solutions a,
.ss_inte div#container div#main_body div#ss_sub_nav #remote_access a, .ss_rema div#container div#main_body_2 div#ss_sub_nav #remote_access a{
	background: #62ade0 url(../_images/sub_nav/lte_lb.gif) right no-repeat;
	}
	
/* --- main body styles--- */
	
div#text_con_pm{
	position: relative;
	float: left;
	width: 445px;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
div#text_con{
	position: relative;
	float: left;
	width: 580px;
	margin: 0;
	padding: 0 20px;
	}
	
div#text_cl{
	position: relative;
	float: left;
	width: 750px;
	margin: 0;
	padding: 0 20px;
	}
	
div#text_con_us{
	position: relative;
	float: left;
	width: 340px;
	margin: 0;
	padding: 0 20px;
	}
	
div#text_rec{
	position: relative;
	float: left;
	width: 370px;
	margin: 0;
	padding: 0 20px;
	}
	
div#text_con_pm h2, div#text_con h2, div#text_con_us h2, div#text_rec h2, div#text_cl h2{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 2em;
	text-transform: uppercase;
	color: #0f9cd8;
	margin: 0;
	padding: 2px 0 8px 0;
	}
	
div#text_con_pm p, div#text_con p, div#text_con_us p, div#text_rec p, div#text_cl p{
	margin: 15px 0;
	padding: 0;
	text-align: justify;
	}
	
div#text_con_pm a, div#text_con a, div#text_con_us a, div#text_rec a, div#text_cl a{
	text-transform: uppercase;
	font-size: 1.1em;
	color: #0066a5;
	text-decoration: none;
	font-weight: bold;
	}
	
div#text_con_pm a:hover, div#text_con a:hover, div#text_con_us a:hover, div#text_rec a:hover, div#text_cl a:hover{
	text-decoration: underline;
	}
	
/* --- newsletter box --- */
	
div#nl_box{
	position: relative; 
	float: left; 
	width: 165px; 
	padding: 0 0 140px 5px;
	}
	
div#nl_box h3{
	width: 140px;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #0e78be;
	font-weight: bolder;
	}
	
div#nl_box ul, div#nl_box li{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
div#nl_box li, div#nl_box li a{
	display: block;
	position: relative;
	float: left;
	width: 157px;
	height: 57px;
	color: #FFF;
	}
	
div#nl_box li.news_down a {
	background: url(../_images/newsletter/newsletter_issue.jpg) no-repeat;
	text-decoration: none;
	padding: 33px 0px 0px 10px;
	width: 147px;
	height: 24px;
}
	
div#nl_box li.acrobat_down a {
	background: url(../_images/newsletter/newsletter_download.jpg) no-repeat;
	text-indent: -1000em;
}

div#nl_box li.webex_down a {
	background: url(../_images/webex.png) no-repeat;
	text-indent: -1000em;
}
	
div#nl_box ul{
	list-style-type: none;
	}
	
div#nl_box img{
	border: 0 none;
	}
	
/* --- contact form box --- */

div#con_us_cont{
	position: relative;
	float: left;
	width: 240px;
	height: 340px;
	margin: 0 auto;
	padding: 0;
	background-color: #0f9cd8;
	background-image: url(../_images/con_bg.gif);
	}
	
div#con_us_cont h4{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 0 0 9px;
	}
	
div#con_us_cont fieldset{
	border: 0px;
	margin: 0;
	padding: 0;
	}
	
div#con_us_cont label{
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
div#con_us_cont div#f_btns{
	width: 210px; 
	position: relative; 
	float: right; 
	text-align: right; 
	margin: 10px 0 0 0; 
	padding: 0;
	}
	
.f_la{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	}
	
.f_ip{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
/* --- enquiry form styles --- */

div#enq_frm{
	position: relative;
	float: left;
	width: 240px;
	height: 460px;
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #0f9cd8;
	background-image: url(../_images/enq_bg.gif);
	}
	
div#enq_frm h4{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 9px 0 0 9px;
	}
	
div#enq_frm fieldset{
	border: 0px;
	margin: 0;
	padding: 0;
	}
	
div#enq_frm label, .f_la p{
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
div#enq_frm div#f_btns{
	width: 210px; 
	position: relative; 
	float: right; 
	text-align: right; 
	margin: 10px 0 0 0; 
	padding: 0;
	}
	
.f_cb{
	position: relative; 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	}
	
.f_cb label{
	display: none;
	}
	
.f_cb p{
	position: relative; 
	float: left; 
	font-size: 0.8em; 
	margin: 0; 
	padding: 0 0 0 2px;
	}
	
.f_cb input{
	position: relative; 
	float: left;
	}
	
/* --- clients page styles --- */

div#cli_cont{
	position: relative; 
	float: left; 
	width: 560px; 
	overflow: hidden;
	}
	
.cli_ent{
	position: relative; 
	float: left; 
	width: 90px; 
	height: 90px; 
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 10px 10px 0;
	text-align: center;
	}