@charset "UTF-8";
/* CSS Document */
:link,:visited{text-decoration:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;border:none}a img,:link img,:visited img{border:none}address{font-style:normal}


/* layout */
body {
	margin:0;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#4D4D4D;
}
#container {
	width:1000px;
	margin:0 auto;
	}

#header-left {
	float:left;
	padding:65px 0px 15px 0px;
}

#header-right {
	float:right;
	padding-bottom:15px;
	}
.clear {
	clear:both;
	}
	
br.clear{
	display:block;
	height:1px;
	margin-top:-1px;
	clear:both;
}
/*clear for header */
.height10 {
	height:10px;
}	
.header {
	position:relative;
}
/* text formatting */	

h1 {
	color:#6B2E6E;
	font-size:1.5em;
	margin-bottom:0.5em;
	font-weight:normal;
	font-family:'GreyscaleBasicRegular', Arial, Helvetica, sans-serif;
}
.ils .header h1{
	font-size:1.3em;
}
#header-left h2 {
	font-family:'GreyscaleBasicBold', Arial, Helvetica, sans-serif;
}
.header h1 {
	color:#fff;
	position:absolute;
	bottom:0;
}
h2 {
	color:#6B2E6E;
	font-size:1.4em;
	font-weight:normal;
}
		
h3 {
	color:#00B0D8;
	font-size:1em;
	}

h3.contacth3{
	margin-bottom:0px;
}

p, h2, h3, ul {
	margin-bottom:1em;
	
	}

p, li {
	line-height:1.6em;
}
	
a, purple {
	color:#6B2E6E;
	}
	
a:hover {
	text-decoration:underline;
}
ul.nobullets li{
	list-style:none;
	margin:0;
	margin-bottom:1em;
}

ul li {
	list-style:outside;
	margin-left:15px;
}

/* highlights */

.tint10percent {
	background-color:#F0EBF1;
	}
.tint20percent {
	background-color:#D2C0D3;
	}
.tint100percent {
	background-color:#6B2E6E;
	color:#fff;
	}
.lorry {
	background-image:url(../img/purple-lorry.jpg);
	}
.moving-lorry {
	background-image:url(../img/moving-lorry.jpg);
	}
.motorbike {
	background-image:url(../img/motorbike.jpg);
	}
.people {
	background-image:url(../img/people.jpg);
	}
.motorbike-closeup {
	background-image:url(../img/motorbike-closeup.jpg);
	}
.aeroplane {
	background-image:url(../img/aeroplane.jpg);
	}

	

/* divider */

.divider-top {
	border-top:5px solid;
	color:#E6E6E6;
	margin-bottom:10px;
	width:980px;
	}
	
.divider-bottom {
	border-top:5px solid;
	margin-bottom:10px;
	color:#E6E6E6;
	width:980px;
	}



/* navigation */

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin:0;
}

#navcontainer li { margin: 0px; padding:0px; }

#navcontainer li a {
	display: block;
	padding: 3px 0px 3px 3px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #660066;
	height:auto;
	width:100%;
}

#navcontainer a:link {
	color: #660066;
}

#navcontainer a:hover {
	color: #FFFFFF;
	background-color: #660066;
}

#navcontainer a:visited {
}

#navcontainer a:active {
}


#navcontainer li.current {
	background-color: #660066;
}

#navcontainer ul li li a:hover {
	background-color: #996699;
}

#navcontainer ul li li li a:hover {
	background-color: #CC99CC;
	color: #ffffff
}

#navcontainer li ul {
	margin-left: 10px;
}

/*gallery */
.content.three.column.gallery{
	width:320px;
}

.gallery {
	padding:0!important;
}
.gallery-canvas {
	width:320px;
	height:320px;
	overflow:hidden;
	margin-bottom:10px;
	background-position:center;
	background-color:#F0EBF1;
}

.gallery-spinner {
	left:190px;
	top:138px;
	position:relative;
}
.gallery-thumb {
	margin-right:10px;
	float:left;
	margin-bottom:10px;
}
.gallery-thumbs {
	margin-top:10px;
	margin-bottom:10px;
}
.gallery-thumbs {
	width:330px;
}
.hidden {
	margin:0 0 0 -5000px;
	padding:0;
	position:absolute;
}
.gallery-spinner, .swapimage-spinner {
	position:relative;
	left:257px;
	top:162px;
}

/*case studies */
.indexcontainer {
	margin-top:10px;
	margin-left: -10px;
	width: 740px;
}

.box {
	float:left;
	margin:0 20px 40px 0;
	width: 360px;
	display:inline;
	padding:0px;

}
.right {
	float:right;
}
.boximage{
	float:left;
	height:100px;
	width:100px;
}
.boxtext{
	float:left;
	height:80px;
	padding:10px;
	width:240px;
	text-align:center;
}



.boxtext p {
	margin-top: 10px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #6B2E6E;
	line-height: 1.3em;
}

.boxtext a {
	font-size:1.4em;
	font-family:'GreyscaleBasicRegular', Arial, Helvetica, sans-serif;
}

#boxtext a:link {
	color: #6B2E6E;
}
#boxtext a:hover {
	text-decoration: underline;
}
#boxtext a:visited {
	color: #6B2E6E;
}
#boxtext a:active {
}
.lightBlue{color:#00B0D8;
}
.purple{color:purple;
}

*html #container{
	width:1020px;
}

#footer img{
	float:right;
}

#footer img#BIFAwinner{
	float:left;
}

div.content.tint10percent.contact{
	width:200px;
	padding-right:0px;
}

/*To make sure the text is small enough to stop email addresses wrapping to the next line (providing default font sizes are being used)*/
div.content.tint10percent.contact a{
	font-size:0.9em;
}

.content p.pdf{
	margin:0px;
}

li a.topLevel{
	font-weight:bold;
}