/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Ben Hallam, DBS, www.dbs-uk.co.uk                              */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	background:#163746;
	font-family:Arial, Helvetica, sans-serif;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.33em;
	color:#1178a2;
	font-weight:bold;
	margin-bottom:5px;
}

h3, h4, h5, h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.17em;
	color:#1178a2;
	font-weight:bold;
	margin-bottom:5px;
}

p,
h2
{
	color:#777777;
	font-size:1em;
	font-weight:normal;
}

p
{
/*	text-align:justify;
	line-height:1.33em;*/
}

div#copy p.blogged
{
	width:100%;
	margin:0 auto;
	display:block;
	text-align:center!important;

}


h2
{
	margin-bottom:10px;
}

a:link,
a:visited
{
	color:#1178a2;
	outline:none;
}

a:hover,
a:active
{
	color:#db4352;
	outline:none;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

/* site container */
/*******************************************************************************/

div#background
{
	background:url(/site/img/bg-slice.jpg) top repeat-x;
}

div#container
{
	width: 896px;
	padding: 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}



/* header block */
/*******************************************************************************/
div#header_container
{
	height:109px;
}

div#header_left
{
	position:absolute;
}

div#logo
{
	position:relative;
	left:-13px;
}

div#header_right
{
	padding-left:168px;
}

/* navigation */
/*******************************************************************************/

div#navigation
{
	height:31px;
	padding-top:1px;
}

div#navigation ul
{
	margin:0;
	padding:0;
}

div#navigation ul li
{
	list-style:none;
		float:left;
}

div#navigation ul li a
{
	display:block;
	width:88px;
	padding-left:10px;
	font-size:1em;
	line-height:2.25em;
}

/*--------------left------------*/

div#navigation ul li.left a:link,
div#navigation ul li.left a:visited
{
	color:#FFFFFF;
	background:url(/site/img/navbg-left.jpg) no-repeat #34bed3;
	width:82px;
}

div#navigation ul li.left a:hover,
div#navigation ul li.left a:active,
div#navigation.home ul li.left a#home
{
	color:#FFFFFF;
	background:url(/site/img/navbg-left-on.jpg) no-repeat #d10720;
	width:82px;
}


/*--------------mid-------------*/
div#navigation ul li.mid a:link,
div#navigation ul li.mid a:visited
{
	color:#FFFFFF;
	background:url(/site/img/navbg-mid.jpg) no-repeat #34bed3;
	margin-left:1px;
}

/* override for submenu */
div#navigation ul li.mid ul a:link,
div#navigation ul li.mid ul a:visited
{
	color:#FFFFFF;
	background:none #34bed3;
	margin-left:1px;
	border-top:1px dotted #FFFFFF;
}

div#navigation ul li.mid ul a:hover,
div#navigation ul li.mid ul a:active
{
	color: #ffffff;
	background-color: #d10720;
}

div#navigation ul li.mid ul a
{
	display: block;
	padding: 4px 8px;
	line-height: 1.4em;
}


div#navigation ul li.mid a:hover,
div#navigation ul li.mid a:active,
div#navigation.profile ul li.mid a#profile,
div#navigation.services ul li.mid a#services,
div#navigation.testimonials ul li.mid a#testimonials,
div#navigation.news ul li.mid a#news,
div#navigation.vacancies ul li.mid a#vacancies,
div#navigation.download ul li.mid a#download,
div#navigation.contactus ul li.mid a#contactus
{
	color:#FFFFFF;
	background:url(/site/img/navbg-mid-on.jpg) no-repeat #d10720;
}

/*--------------mid2-------------*/
div#navigation ul li.mid2 a:link,
div#navigation ul li.mid2 a:visited
{
	color:#FFFFFF;
	background:url(/site/img/navbg-mid2.jpg) no-repeat #34bed3;
	margin-left:1px;
	width:106px;
}

div#navigation ul li.mid2 a:hover,
div#navigation ul li.mid2 a:active,
div#navigation.download ul li.mid2 a#download
{
	color:#FFFFFF;
	background:url(/site/img/navbg-mid2-on.jpg) no-repeat #d10720;
	width:106px;
}

/*--------------right-----------*/
div#navigation ul li.right a:link,
div#navigation ul li.right a:visited
{
	color:#FFFFFF;
	background:url(/site/img/navbg-right.jpg) top right no-repeat #34bed3;
	margin-left:1px;
	width:82px;
}

div#navigation ul li.right a:hover,
div#navigation ul li.right a:active,
div#navigation.login ul li.right a#login
{
	color:#FFFFFF;
	background:url(/site/img/navbg-right-on.jpg) top right no-repeat #d10720;
	width:82px;
}


/* Second Navigation */
/*******************************************************************************/

div#second_navigation
{
	float:left;
	width:122px;
	padding-left:2px;
}

div#second_navigation ul
{
	margin:0;
	padding:0;
}

div#second_navigation ul li
{
	list-style:none;
	padding:0;
	margin:0;
}

div#second_navigation ul li.bordertop
{
	border-top:1px dotted #a2a2a2;
}

div#second_navigation ul li.borderbottom
{
	border-top:1px dotted #a2a2a2;
	border-bottom:1px dotted #a2a2a2;
}

div#second_navigation ul li a:link,
div#second_navigation ul li a:visited
{
	display:block;
	padding:8px 0 8px 10px;
	color:#1178a2;
	text-decoration:none;
}

div#second_navigation ul li a:hover,
div#second_navigation.aboutus ul li a#aboutus,
div#second_navigation.meetheteam ul li a#meetheteam,
div#second_navigation.presentation ul li a#presentation,
div#second_navigation.quality ul li a#quality,
div#second_navigation.strategic ul li a#strategic,
div#second_navigation.events ul li a#events,
div#second_navigation.guarding ul li a#guarding,
div#second_navigation.keyholding ul li a#keyholding,
div#second_navigation.mobilepatrol ul li a#mobilepatrol,
div#second_navigation.cit ul li a#cit,
div#second_navigation.retailsecurity ul li a#retailsecurity,
div#second_navigation.supportservices ul li a#supportservices
{
	display:block;
	padding:8px 0 8px 10px;
	color:#d50620;
	text-decoration:none;
	background:#ededed;
}



/* body block */
/*******************************************************************************/
div#body_container
{
	border-top:none;
	border-left: solid 1px #a4c2c2 ;
	border-right: solid 1px #a4c2c2 ;
	border-bottom: solid 1px #a4c2c2 ;
	background-color:#FFFFFF;
	background-image:url(/site/img/pagebg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:250px;
}

div#body_container ul,
div#body_container ol
{
	color:#777777;
}

div#breadcrumb
{
	height:21px;
	background:url(/site/img/breadcrumbbg.jpg) repeat-x top;
	text-align:right;
	font-size:0.83em;
	color:#1155a4;
	padding:8px 14px 0 0;
	clear:both;
}


/* copy */
/*******************************************************************************/

div#copy
{
	padding-left:21px;
	width:682px;
	float:left;
}

div#copy_inner
{
	padding-left:30px;
	width:549px;
	float:left;
}

div#flash_container
{
	width:682px;
	height:85px;
	padding-bottom:18px;
}

div#sidebar
{
	width:157px;
	height:300px;
	float:left;
	padding:0 0 0 24px;
}

img.vacancy-button
{
	padding-left:12px;
}

div#presentation_container
{
	margin:0 auto;
	width:450px;
	border:1px solid #CCCCCC;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
}


/* footer */
/*******************************************************************************/

div#footer
{
	height:22px;
	background:url(/site/img/footer-bg.jpg);
	font-size:0.92em;
	color:#FFFFFF;
	padding-top:10px;
	text-align:center;
}

div#footer a:link,
div#footer a:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#footer a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

div#footer a:active
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#footer_container
{
	color:#777777;
	font-size: 0.92em;
	text-align:center;
	padding-top:10px;
}

div#footer_container p
{
	color:#777777;
	font-size: 0.83em;
	text-align:center;
}

div#footer_container a:link,
div#footer_container a:visited
{
	color:#FFFFFF;
	font-weight:normal;
}

div#footer_container a:hover
{
	text-decoration:underline;
	font-weight:normal;
}

div#footer_container a:active
{
	color:#FFFFFF;
	font-weight:normal;
}

/* display classes */
/*******************************************************************************/

.sidebar_padding
{
	padding-bottom:10px;
}

.header_pad
{
	padding-right:48px;
}

.team_border
{
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:10px;
	background:#FFFFFF;
}

.float_left
{
	float:left;
	padding:0 10px 0 0;
}

.detail
{
	font-weight:bold;
	color:#000000;
}

.spacer
{
	clear:both;
}

.test_name
{
	color:#1178a2;
	font-weight:bold;
	margin:0;
}

.no_margin
{
	margin:0;
}

.standout
{
	font-size:1.16em;
	color:#1178a2;
	font-style:italic;
}

.standout_more
{
	font-size:1.16em;
	color:#1178a2;
	font-style:italic;
	font-size:1.33em;
	font-weight:bold;
}

.standout_red
{
	font-size:1.16em;
	color:#CC0000;
	font-style:italic;
	font-size:1.33em;
	font-weight:bold;
}

ul.floatedlist li
{
	float:left;
}

ul.floatedlist li.marginleft
{
	margin-left:20px;
}

.support_images
{
	float:left;
	margin-right:10px;
	border:1px solid #999999;
}

div#home_image
{
	width:285px;
	float:left;
	padding:10px 10px 0 10px;
	margin-right:15px;
	text-align:center;
}

div#statement
{
	background:url(/site/img/statement-bg.jpg) no-repeat;
	width:281px;
	height:90px;
	padding:15px 8px;
}

div#statement p
{
	text-align:center;
	margin-bottom:0;
	color:#1178A2;
}
	

/* default state */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	background: url(/site/img/menu-bg-1px-inactive.jpg) repeat-x !important;
	border: 1px solid #DEDEDC !important;
	
}

/* active state */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	background: url(/site/img/menu-bg-1px-active.jpg) repeat-x !important;
	border: 1px solid #3380B6 !important;
}

/* hover state */
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover
{
	background: url(/site/img/menu-bg-1px-hover.jpg) repeat-x !important;
	border: 1px solid #D3D3D1 !important;
}

h3.ui-state-active
{
	color: #fff !important;
}