@charset "utf-8";

/* ////////////////////////////////////////////////// BASIC ////////////////////////////////////////////////// */

body {
	background: #000000 url(http://www.datummonitoring.com/test/lloyds/bg/barriers.jpg) top center no-repeat;
}
/*changed bg image from abbotscliff-tunnel-grey.jpg on 20-01-09*/

/* ////////////////////////////////////////////////// CONTAINERS ////////////////////////////////////////////////// */

/* Pagination */
div.pagination {
	display: block;
	margin: 0px 0px 0px 0px;
	width: 880px;
}

/* Services */
div.call-to-action img.logo {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* ////////////////////////////////////////////////// GALLERY ////////////////////////////////////////////////// */
/* use values in common DRW 15/01/09
a.thumb {
	display: block;
	float: left;
	clear: none;
	width: 131px;
	height: 63px;
	border: 2px solid black;	
	margin: 0px 10px 10px 0px;
}
a.thumb:hover {
	border: 2px solid white;
}
*/
/* ////////////////////////////////////////////////// TEXT ////////////////////////////////////////////////// */ 

h1.projects {
	margin: 0px 0px 20px 0px;
}
div.left p {
	margin: 10px 0px 10px 0px;
}
h2.gallery {
	width: 280px;
	height: 20px;
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #6b6b6b;
}
div.details {
	margin: 20px 0px 10px 0px;
}
p.details {
	font-weight: bold;
	color: white;
}
p.details span.location, p.details span.client {
	font-weight: normal;
	color:#BBBBBB;		
}

/* ////////////////////////////////////////////////// LINKS ////////////////////////////////////////////////// */ 

a.feature {
	display: block;
	clear: both;
	width: 276px;
	height: 136px;
	border: 2px solid #cccccc;
}
a.feature:hover {
	border: 2px solid white;
}
a.feature img {
	display: block;
	clear: both;	
}

/* ////////////////////////////////////////////////// BUTTONS ////////////////////////////////////////////////// */ 

a.next { 
	display: block;
	float: right;
	clear: right;
	background: url(../images/buttons/next.gif) no-repeat;
	width: 65px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}
a.next:hover {
	background-position: 0px -25px;
}
a.previous { 
	display: block;
	float: left;
	clear: left;
	background: url(../images/buttons/previous.gif) no-repeat;
	width: 90px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}
a.previous:hover {
	background-position: 0px -25px;
}