/* Reset some commoners */
html, body, div, ul, ol, dl, dd, dt li, h1, h2, h3, h4, h5, p, a, form, blockquote, img, a img, fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
}



html {
	font-size: 62.5%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #eaeaea;
}



body {
	top: 0;
	position: relative;
	width: 759px;
	float: left;
	left: 50%;
	margin-left: -395px;
	padding: 10px 15px;
	background: url(../images/bg_body.png) repeat-y;
	border-bottom: 2px #ddd solid;
}



/* -- H E A D E R ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#header {
	width: 760px;
	float: left;
	/* background: #002469; */
}
	/* Affiliate Logos ------------------------------------------------------------ */
	/* ---------------------------------------------------------------------------- */
	#header ul.logos {
		float: left;
		list-style: none;
		margin-top: 10px;
	}
		#header ul.logos li {
			float: left;
		}
	
	/* Marpol Logo ---------------------------------------------------------------- */
	/* ---------------------------------------------------------------------------- */
	#logo {
		width: 300px;
		font-size: 1em;
		float: right;
	}
		#logo h1 a {
			width: 133px;
			height: 78px;
			float: right;
			text-indent: -999999px;
			background: url(../images/logo.jpg) no-repeat;
		}
		/* Strapline */
		#header p.strapline {
			float: right;
			color: #002469;
			font-weight: bold;
			font-size: 1.4em;
			font-style: italic;
			margin: 37px 20px 0 0;
		}
		
		
		
/* -- B A N N E R   I M A G E ----------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#banner {
	width: 760px;
	height: 210px;
	float: left;
	margin-top: 10px;
}



/* -- C O N T E N T   W R A P P E R ----------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content_wrapper {
	width: 760px;
	float: left;
	margin-top: 10px;
	background: url(../images/bg_wrapper_content.png) repeat-y;
}



/* -- S I D E B A R --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#sidebar {
	width: 239px;
	float: left;
	padding-bottom: 60px;
}

	/* Pull Quote ----------------------------------------------------------------- */
	/* ---------------------------------------------------------------------------- */
	#quote {
		width: 219px;
		float: left;
		display: inline;
		color: #ddd;
		margin: 50px 0 50px 10px;
	}
		#quote p.quote {
			font-size: 1.6em;
			line-height: 1.5em;
			font-style: italic;
		}
		#quote p.source {
			font-weight: bold;
			font-size: 1.1em;
			line-height: 1.5em;
		}
		#quote p.company {
			font-weight: bold;
			font-size: 1.2em;
			line-height: 1.4em;
			font-style: italic;
		}



/* -- N A V I G A T I O N --------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#nav {
	width: 219px;
	float: left;
	padding: 10px 10px 0 10px;
	list-style: none;
	font-size: 1.2em;
}
	#nav li {
		margin-bottom: 2px;
	}
	#nav li a {
		display: block;
		height: 17px;
		color: #fff;
		font-weight: bold;
		background: #1a3a78;
		border-left: 10px #314e86 solid;
		padding: 3px 0 0 10px;
	}
	#nav_personnel {
		display: none;
	}
		/* Hover and Current Page style */
		#nav li a:hover, body.index #nav_index a, body.services #nav_services a, body.contact #nav_contact a, body.casestudies #nav_casestudies a, body.resources #nav_resources a {
			color: #a8b6d1;
			border-left: 10px #5f75a1 solid;
		}
			body.index #nav_index a, body.index #nav_index a:hover, body.services #nav_services a, body.services #nav_services a:hover, body.contact #nav_contact a, body.contact #nav_contact a:hover, body.casestudies #nav_casestudies a, body.casestudies #nav_casestudies a:hover, body.resources #nav_resources a {
				font-style: italic;
			}
			
			
			
/* -- C O N T E N T --------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#content {
	width: 491px;
	float: left;
	display: inline;
	margin-left: 10px;
	padding: 0 10px 0 10px;
	border-top: 1px #ddd solid;
}
	#content h2 {
		font-size: 1.4em;
		color: #333;
		font-style: italic;
		padding-top: 20px;
		clear: both;
	}
	#content h3 {
		color: #444;
	}
	#content p {
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 0.9em 0;
		color: #333;
	}	
		#content p strong {
			color: #444;
		}
	
	/* Homepage quicknav boxes ---------------------------------------------------- */
	/* ---------------------------------------------------------------------------- */
	#quicknav {
		width: 511px;
		float: left;
		margin: -1px 0 0 -10px;
		padding: 0 0 10px 0;
		list-style: none;
		background: #fff;
		border-bottom: 1px #ddd solid;
	}
		#quicknav li {
			width: 164px;
			height: 103px;
			float: left;
			margin: 0 9px 0 0;
			display: inline;
		}
		#quicknav li a {
			color: #fff;
			font-size: 1.1em;
			font-style: italic;
			padding: 3px 0 3px 5px;
			display: block;
		}
			#quicknav li a:hover {
				text-decoration: underline;
				background: #002469;
			}
		/* mobile patrols */
		#quicknav_patrols {
			background: url(../images/quicknav/mob_patrols.jpg) no-repeat;
		}
		/* CCTV */
		#quicknav_cctv {
			background: url(../images/quicknav/cctv.jpg) no-repeat;
		}
		/* Manned guarding */
		#quicknav_manned {
			margin: 0 !important;
			background: url(../images/quicknav/manned_guarding.jpg) no-repeat;
		}
		/* Construction Sites */
		#quicknav_construction {
			margin-top: 10px !important;
			background: url(../images/quicknav/construction.jpg) no-repeat;
		}
		/* Public sector */
		#quicknav_public {
			margin-top: 10px !important;
			background: url(../images/quicknav/public_sector.jpg) no-repeat;
		}
		/* Commercial Offices */
		#quicknav_commercial {
			margin: 10px 0 0 0 !important;
			background: url(../images/quicknav/commercial_offices.jpg) no-repeat;
		}
		
	/* Services page -------------------------------------------------------------- */
	/* ---------------------------------------------------------------------------- */
	body.services #content ul {
		list-style: none;
		margin: 1em 0 2em 0;
		font-size: 1.1em;
		line-height: 1.4em;
		color: #333;
	}
	
	/* Contact page --------------------------------------------------------------- */
	/* ---------------------------------------------------------------------------- */
	body.contact div.left {
		width: 235px;
		float: left;
		display: inline;
		margin-top: 10px;
		padding-right: 10px;
		border-right: 1px #ddd solid;
	}
	body.contact div.right {
		width: 235px;
		float: left;
		display: inline;
		margin-top: 10px;
		padding-left: 10px;
	}
	body.contact #content ul {
		list-style: none;
		margin: 0.5em 0;
		color: #333;
		font-size: 1.1em;
		line-height: 1.4em;
	}
	body.contact #content dl {
		font-size: 1.1em;
		line-height: 1.4em;
		color: #333;
	}
		body.contact #content dt {
			float: left;
			font-weight: bold;
			padding-right: 10px;
		}
	/* Map */
	#map {
		width: 491px;
		height: 300px;
		float: left;
		margin-top: 10px;
	}
	
	/* Resources ------------------------------------------------------------------ */
	/* ---------------------------------------------------------------------------- */
	body.resources p.download a {
		display: block;
		height: 16px;
		padding: 0 0 0 20px;
		color: #333;
		background: url(../images/page_white_acrobat.png) 0 50% no-repeat;
	}
	body.resources p.word {
		padding-top: 1.5em;
	}
		body.resources p.word a {
			padding: 0 0 0 14px;
			height: 16px;
			font-weight: bold;
			color: #333;
			background: url(../images/page_white_word.png) 0 50% no-repeat;
		}
		body.resources p.word a:hover {
			text-decoration: underline;
		}
	
	body.resources fieldset {
		margin: 20px 0 0 0;
		padding: 10px;
		border: 1px #bbb solid;
		float: left;
		background: #f0f0f0;
	}
		body.resources fieldset legend {
			font-size: 1.2em;
			font-weight: bold;
			color: #444;
			padding: 0 5px;
		}
	body.resources label {
		font-style: italic;
	}
	body.resources fieldset dl dt, body.resources fieldset dl dd {
		padding-bottom: 5px;
	}
	
	/* Errors on the form */
	div.error {
		padding: 10px;
		font-weight: bold;
		color: #333;
		background: #eed2d3;
		border: 1px #c56266 solid;
	}
		
		
		
/* -- F O O T E R ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
#footer {
	width: 740px;
	float: left;
	padding: 0 10px;
	color: #fff;
	background: #002469 url(../images/bg_footer.png) 0 0 no-repeat;
}
	#footer a {
		color: #fff;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer p {
		padding: 10px 0;
		margin: 0;
		font-size: 1.1em;
	}
		#footer p.sputnik {
			float: left;
		}
		#footer p.services {
			float: right;
		}

	/* Contact details ------------------------------------------------------------ */
	/* ---------------------------------------------------------------------------- */
	#footer_contact {
		position: relative;
		z-index: 99;
		width: 250px;
		font-size: 1.3em;
		line-height: 1.6em;
		margin: -60px 0 40px 0;
		clear: both;
	}
		#footer_contact dt {
			font-weight: bold;
			float: left;
			padding-right: 5px;
		}