﻿html {
	width:		100%;
	text-align:		center;
	color:			#ffffff;
	background-color:	#000000;
	overflow-y:		scroll;
}

body {
	width:		100%;
	text-align:		center;
	font-size:		62.5%;
	color:			#ffffff;
	background-color:	#000000;
	font-family:		Tahoma, Arial, Serif;
}


/* DEFAULTS */
.clearFix {
	clear:		both;
}

h1 {
	display:		none;
}

h2 {
	display:		none;
}

h3 {
	color:		#3772ae;
	font-weight:	bold;
	font-size:		1.5em;
	padding:		15px 20px 10px 25px;
	font-family:	Century Gothic, Tahoma, Arial, Serif;
	background-image:	url(/content/images/bg_h3text.png);
	background-repeat:	no-repeat;
	background-position:	9px 15px;
}

h4 {
	color:		#555555;
	font-weight:	bold;
	font-size:		1.3em;
	padding:		10px 25px 10px 25px;
}

h4.approach {
	background-repeat:	no-repeat;
	background-position:	-3px 0;
	line-height:			47px;
	padding:				0 0 0 47px;
}

h4.one {
	background-image:	url(/content/images/step1.png);
}

h4.two {
	background-image:	url(/content/images/step2.png);
}

h4.three {
	background-image:	url(/content/images/step3.png);
}

h4.four {
	background-image:	url(/content/images/step4.png);
}

h4.five {
	background-image:	url(/content/images/step5.png);
}

h4.six {
	background-image:	url(/content/images/step6.png);
}

h5 {
	color:			#3772ae;
	font-weight:	bold;
	font-size:		1.2em;
	padding:		0 25px 0 25px;
	font-family:	Century Gothic, Tahoma, Arial, Serif;
}

h5.error {
	padding-top:	10px;
	color:			#c10000;
}

p {
	color:			#555555;
	font-weight:	normal;
	font-size:		1.2em;
	padding:		0 25px 10px 25px;
	line-height:	1.3em;
}

p.header {
	font-weight:	bold;
}

p.error {
	color:			#c10000;
	font-size:		0.8em;
	font-style:		normal;
	background-color:	#ffffcc;
	margin:			10px 15px 10px 25px;
	border:			1px dotted #c10000;
	padding:		5px;
}

p.timestamp {
	font-size:		0.9em;
	padding:		0 30px 0 25px;
	/* color:			#c7d9e9; */
	color:			#3772ae;
}

p.timestampdetails {
	font-size:		0.9em;
	padding:		0 30px 10px 25px;
	/* color:			#c7d9e9; */
	color:			#3772ae;
}

p.sample {
	font-size:		1.1em;
	padding:		0 30px 0 25px;
}	

p.headerthumb {
	padding:		10px 0 15px 20px;
}

p.more {
	font-size:		1.0em;
	padding:		0 20px 20px 25px;
}	

	p.more a {
		color:		#ff6c00;
	}
	
p.descriptor {
	font-size:		1.8em;
	color:			#777777;
}
	
p.enquiry {
	font-size:		1.3em;
	padding:		0 20px 40px 25px;
	font-weight:	bold;
}		

	p.enquiry a {
		color:		#ff6c00;
	}
	
p.casestudyheader {
	padding:		5px 10px 10px 20px;
}

p.servicesheader {
	padding:		5px 10px 10px 20px;
}

p.backto {
	padding:		10px 10px 10px 20px;
}

a {
	color:		#3772ae;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

strong {
	font-weight:	bold;
}

hr {
	width:		495px;
	height:		30px;
	background-image:	url(/content/images/bg_hr.png);
	background-repeat:	no-repeat;
	margin:				0;
	border:				0;
}

/* END DEFAULTS */


#container {
	width:				695px;
	margin:				0 auto;
	text-align:			left;
}

	#containerfooter {
		width:			695px;
		height:			10px;
		background-image:	url(/content/images/bg_containerfooter.png);
		background-repeat:	no-repeat;
		font-size:			1px;
		margin:				-10px 0 10px 0;
	}

	#header {
		padding:			30px 0 10px 0;
		background-image:	url(/content/images/bg_all.png);
		background-repeat:	no-repeat;
	}
	
		#logo {
			width:			265px;
			float:				left;
		}
		
		#logo p {
			padding:		20px 20px 20px 20px;
			margin:			0;
		}
		
		#headertext {
			width:			430px;
			float:				left;
			text-align:			right;
		}
		
		#headertext p.telephone {
			color:			#ffffff;
			font-weight:	bold;
			font-size:		2.0em;
			padding:		30px 25px 5px 0;
		}
		
		#headertext ul li {
			display:		inline;
			font-size:		1.2em;
			padding:		5px 25px 0 0;
			color:			#eeeeee;
		}
		
		#headertext ul li a.newbusiness {
			color:			#ff6000;
			font-weight:	bold;
		}
	
	#nav {
		width:				695px;
		margin:				5px 0 8px 0;
		background-image:	url(/content/images/bg_nav.png);
		background-repeat:	no-repeat;
	}
	
		#nav ul {
			margin:			0 0 0 10px;		
		}
	
		#nav li {
			display:		inline;
			float:			left;
			font-size:		1.1em;
			/* padding:		25px 18px 10px 18px; */
			padding:		23px 0 28px 0;
			width:			90px;
			/* border-right:	1px solid #000000; */	
			text-transform:	uppercase;
			text-align:		center;
			background-image:	url(/content/images/bg_navdef.png);
			background-repeat:	repeat-x;
			margin:			0 7px 0 0;
		}
		
		#nav li.noborder {
			border-right:	none;
		}
		
		#nav li:hover {
			background-image:	url(/content/images/bg_navover.png);
			background-repeat:	repeat-x;
		}
		
		#nav li.on {
			background-image:	url(/content/images/bg_navon.png);
			background-repeat:	repeat-x;
			font-weight:		bold;
		}
		
		#nav a {
			color:				#ffffff;
			text-decoration:	none;
		}
		
		#nav a:hover {
			color:				#ffffff;
		}
		
		#nav li.on a {
			color:	#3772ae;
		}
		
	#breadcrumb {
		width:				695px;
		margin:				5px 0 8px 0;
		background-image:	url(/content/images/bg_latestnewsticker.png);
		background-repeat:	no-repeat;
	}
	
		#breadcrumb ul {
			margin:			0 0 0 25px;
		}
	
		#breadcrumb li {
			display:		inline;
			float:			left;
			font-size:		1.0em;
			line-height:	30px;
			padding:		0 10px 0 0;
			text-shadow:	#000000 2px 2px;
		}
		
		#breadcrumb a {
			font-weight:	bold;
		}
	
	#frontbanners {
		width:				695px;
		margin-top:			10px;
		background-image:	url(/content/images/bg_frontbanners.png);
		background-repeat:	no-repeat;
		text-align:			center;
	}
	
		#frontbanners p {
			margin:		0 auto !important;
			padding:	10px !important;
		}
		
	#internalbanners {
		width:				695px;
		margin-top:			10px;
		background-image:	url(/content/images/bg_frontbanners.png);
		background-repeat:	no-repeat;
		text-align:			center;
	}
	
		#internalbanners p {
			margin:		0 auto !important;
			padding:	10px !important;
		}
		
	#frontnews {
		width:				695px;
		background-image:	url(/content/images/bg_latestnewsticker.png);
		background-repeat:	no-repeat;
		margin:				5px 0 5px 0;
	}
		#frontnews h4 {
			float:			left;
			font-size:		1.1em;
			margin:			0;
			padding:		8px 0 10px 25px;
			color:			#ffffff;
		}
	
		#frontnews p {
			padding:		8px 20px 10px 10px;
			color:			#eeeeee;
			font-size:		1.1em;
			float:			left;
		}
		
		#frontnews a {
			color:			#3772ae;
		}
		
		#frontnews p.feedicon {
			float:			right;
			font-size:		0.9em;
			padding:		9px 20px 10px 10px;
		}
		
		#frontnews img.feedicon {
			float:			right;
			margin:			-2px 0 0 10px;
		}
	
	
	
	.content {
		background-image:		url(/content/images/bg_contentall.png);
		background-repeat:		no-repeat;
		width:					695px;
		padding-bottom:			10px;
		margin-top:				5px;
	}
	
	
	#intro {
		
	}
	
		#intro p {
			color:			#ffffff;
		}
		
	#servicelogos p {
		padding:		10px 0 0 0 !important;
		margin:			0 !important;
	}
	
	#footer {
		background-image:	url(/content/images/bg_footer.png);
		background-repeat:	no-repeat;
	}
	
		#footer p {
			font-size:		0.8em;
			color:			#555555;
			padding:		20px 20px 5px 20px;
		}
		
		#footer ul {
			padding:		0 0 0 20px;
		}
		
		#footer li {
			display:		inline;
			float:			left;
			padding:		0 10px 20px 0;
		}	
		
		#footer a {
			color:			#333333;
		}	
		
		#footer a:hover {
			color:			#3772ae;
		}
	
	div.paging {
	
	}
	
		div.paging ul {
			margin:		0 0 0 20px;
		}
		
		div.paging li {
			display:	inline;
			padding:	5px;
			margin:		0 1px 0 0;
			font-size:	1.1em;
			background-color:	#eeeeee;
		}
		
		div.paging li.currentpage {
			background-color:	#3772ae;
		}
		
		div.paging li.currentpage a {
			color:			#ffffff;
		}
		
span.highlight {
	background-color:	#ffffcc;
}	


div.col1 {
	width:			495px;
	float:			left;
	background-image:	url(/content/images/bg_pagecontent.png);
	background-repeat:	no-repeat;
	margin-top:		10px;
}	

	div.col1 ul {
		padding:			0 0 0 45px;
	}

	div.col1 li {
		list-style-type:	square;
		padding:			0 20px 5px 0;
		font-size:			1.1em;
		color:				#666666;
	}

div.col2 {
	width:			200px;
	float:			left;
	margin-top:		10px;
}

	div.col2 ul.navigation {
		margin:			0 0 20px 0;
	}

	div.col2 ul.navigation li {
		padding:			0 10px 0 15px;
		font-size:			1.0em;
		margin:				0 0 1px 0;
		background-image:	url(/content/images/bg_sidebar_li.png);
		background-repeat:	no-repeat;
		line-height:		30px;
		text-transform:		uppercase;
	}
	
	div.col2 ul.navigation li:hover {
		background-image:	url(/content/images/bg_sidebar_li_over.png);
	}
	
	div.col2 ul.navigation li.on {
		background-image:	url(/content/images/bg_sidebar_li_on.png);
	}
	
	div.col2 ul.navigation li a {
		color:			#ffffff;
	}
	
	div.col2 ul.navigation li.on a {
		color:			#3772ae;
	}
	
	div.col2 h4 {
		color:		#555555;
		text-transform:	uppercase;
		padding:		10px 10px 15px 15px;
		font-size:		1.1em;
		font-weight:	normal;
	}
	
	div.col2 p {
		padding:		0 0 10px 10px;
		margin:			0;
	}
	
	div.contentfooter {
		width:		495px;
		height:		5px;
		margin:		0;
		background-image:	url(/content/images/bg_contentfooter.png);
		background-repeat:	no-repeat;
		font-size:			1px;
	}
	
	
	img.alignleft {
		float:		left;
		margin:		0 10px 10px 0;
	}
	
	img.alignright {
		float:		right;
		margin:		0 0 10px 10px;
	}
	
	div.subcol1 {
		width:			227px;
		margin:			0 0 10px 20px;
		float:			left;
		background-color:		#eeeeee;
	}
	
	div.subcol2 {
		width:			227px;
		margin:			0 0 10px 10px;
		float:			left;
		background-color:		#eeeeee;
	}
	
	div.subcols ul {
		margin:		0 !important;
		padding:	0 !important;
	}
	
	div.subcols li {
		font-size:		1.1em;
		padding:		5px 10px 5px 30px !important;
		list-style-type:	none;
		border-bottom:		1px dotted #cccccc;
		background-image:	url(/content/images/icons/accept.png);
		background-repeat:	no-repeat;
		background-position:	5px 4px;
		font-weight:			bold;
	}
	
	li.telephone {
		font-size:		2.0em !important;
		padding:		0 0 10px 0 !important;
		color:			#ff6000 !important;
		list-style-type:	none !important;
	}	
	
	li.email {
		font-size:		1.2em !important;
		padding:		0 0 5px 0 !important;
		list-style-type:	none !important;
	}
	
	li.skype {
		font-size:		1.2em !important;
		padding:		0 0 15px 0 !important;
		list-style-type:	none !important;
	}
	
	li.twitter {
		font-size:		1.2em;
		padding:		0 0 5px 0 !important;
		font-weight:	bold !important;
		list-style-type:	none !important;
	}	
	
	
	img.map {
		float:		right;
		margin:		0 -10px 5px 10px;
	}
	
table {
	border-collapse:	collapse;
	width:				465px;
	margin:				0 0 10px 20px;
}

th {
	width:		100px;
	font-size:	1.0em;
	color:		#333333;
	background-color:	#dddddd;
	border-bottom:		1px dotted #aaaaaa;
	text-align:			right;
	padding:			5px;
	font-weight:		bold;
}

td {
	font-size:	1.0em;
	color:		#333333;
	background-color:	#eeeeee;
	border-bottom:		1px dotted #aaaaaa;
	text-align:			left;
	padding:			5px;
}

label {
	float:			left;
	font-size:		1.1em;
	font-weight:	bold;
	width:			120px;
	text-align:		right;
	margin:			0 10px 10px 0;
	padding:		5px 0 0 0;
	color:			#3772ae;
}

input[type=text] {
	float:			left;
	border:			1px solid #999999;
	color:			#333333;
	padding:		5px;
	font-size:		1.1em;
	margin:			0 0 5px 0;
	width:			200px;
}	

select {
	float:			left;
	border:			1px solid #999999;
	color:			#333333;
	padding:		5px;
	font-size:		1.1em;
	margin:			0 0 5px 0;
	width:			200px;
}	

input[type=submit] {
	font-size:		1.2em;
	font-weight:	bold;
	margin:			0 0 10px 130px;
	padding:		5px;
}

textarea {
	font-family:	Tahoma, Verdana, Arial, Serif;
	float:			left;
	border:			1px solid #999999;
	color:			#333333;
	padding:		5px;
	font-size:		1.1em;
	margin:			0 0 5px 0;
	width:			300px;
	height:			200px;
}



#tweet li {
	color:		#000000;
	padding:	0 0 10px 25px;
}