@charset "utf-8";
/* ////////////////////////////////////////////////// RESET ////////////////////////////////////////////////// */
*
{
	padding: 0;
	margin: 0;
	border: none;
}

:focus
{
	outline: none;
	-moz-outline: none;
}

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

body {
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 5px solid #0066CC;
	background: #000000;
	color:#BBBBBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

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

#outer-top {
	display: block;
	clear: both;	
	text-align: center;	
}
#outer-bottom {
	display: block;
	clear: both;
	text-align: center;	
	background: #000000 transparent;
}
#container {
	display: block;
	clear: none;	
	width: 940px; /* DRW 5/12/08 880px; */
	margin: 0px auto 0px auto;		/* DRW 5/12/08  0px auto 0px auto; */
	text-align: left;		
}
#header {
	width: 940px;	/* DRW 5/12/08 880px; */
	height: 35px;	
}
#logo {
	display: block;
	float: left;
	clear: left;
	width: 340px; /* DRW 5/12/08 190px; */
	height: 95px;
	margin: 10px 0px 0px 0px;
	text-indent:-9999em;
/*   background: url("http://www.datummonitoring.com/test/images/bg/logo-large.gif") top left no-repeat; */  
	background: url("http://www.lloydacoustics.com/test/lloyds/lloydlogowebsite1.gif") top left no-repeat;	 
}
/* Footer */

#page-footer {
	display: block;
	clear: both;
	width: 940px;
	border-top: 1px solid #333333;
	margin: 00px auto 0px auto;
	text-align: left;
	font-size: 0.8em;
	color: #555555;	
}
#page-footer .copyright {
	float: left;
	clear: left;
}	
#page-footer .registered {
	float: right;
	clear: right;
}	

div.our-address {
	clear: left;
	margin: 20px 20px 0px 0px;		
}
div.contact {
	clear: none;
	margin: 20px 20px 0px 0px;		
}
div.about-this-site {
	clear: right;
	margin: 20px 0px 0px 0px;		
}

/* //////////////////////////////////////////// PREVIEW ITEM - Projects, Services, Products ////////////////////////////////// */

div.preview-item { /* class for flow preview items */
	float: left;
	display: block;
	width: 300px;
	min-height: 245px;
	_height: 245px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: left;
}
div.preview-item-inner {
	width: 280px;
	/* DRW added */
}
div.preview-item img.feature {
	border: 2px solid #cccccc;
}
div.preview-item a.thumb:hover {
	border:2px solid white;
}
div.preview-item a.thumb {
	border:2px solid #CCCCCC;
	clear:both;
	display:block;
	margin:-60 0 20px 0 -140px;
/*	width:280px;
	height: 120px;
	overflow: hidden;
*/
}
div.preview-item .preview-text {
	clear: both !important !important;
	margin-top: 10px;
}
div.preview-item img.thumb {
	display: block;
/*	width:280px; changed by DRW 15/01/09
	height: 120px;	
*/
	width:  276px; 	
	height: 136px;
    margin: 0px 0px 0px 0px;
	border: 0;
}
/* //////////////////////////////////////////// DRW ADDED CONTAINERS ////////////////////////////////// */

#newsitem>p.description {
	height: 100px;
	overflow: hidden;
	clear: right ! important;
}
.preview-text {
	max-height: 100px;
	overflow: hidden;
	clear: right ! important;
}
#content {
	display: block;
	width: 940px;
	margin: 150px 0px 10px 0px;	
}
#content .inner {
	display: block;
	min-height: 400px;
	_height: 400px;	
	padding: 20px 0px 0px 30px;
	background: transparent url(http://www.datummonitoring.com/test/images/bg/shadowcopy.png) repeat scroll 0 ;
	background-image: 
}
#content .border-top {
	display: block;
	clear: both;
	width: 940px;
	height: 10px;
	background: url(http://www.datummonitoring.com/test/images/bg/content-border-top.png) no-repeat;
}
#content .border-bttm {
	display: block;
	clear: both;
	width: 940px;
	height: 15px;
	background: url(http://www.datummonitoring.com/test/images/bg/content-border-bttm.png) no-repeat;
}
img.article {
	float: right;
	clear: right;
	border: 1px solid #cccccc;
	margin: 0 10px 10px 5px;
}
/* //////////////////////////////////////////// MAIN NAV ////////////////////////////////////////////// */

#main-nav {
	display: block;
	float: right;
	clear: right;
	width: 600px;	
	margin: 0px 0px 0px 0px;	
}
ul.main-nav {
	display: block;
	float: right;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
ul.main-nav li {
	float: left;
	display: block;
	clear: none;
	margin: 0px 0px 0px 20px;	
	padding: 0px 0px 0px 0px;
}
ul.main-nav a {
	float: left;
	display: block;
	height: 35px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	color: silver;
}
ul.main-nav a:hover, ul.main-nav a.active  {
	color: white;
	background: url(http://www.datummonitoring.com/test/lloyds/bg/arrow-blue.gif) top center no-repeat;
}

/* //////////////////////////////////////////// FOOTER ////////////////////////////////////////////// */

div.call-to-action {
	float: left;
	display: block;
	width: 280px;
}
div.our-address {
	clear: left;
	margin: 20px 20px 0px 0px;		
}
div.contact {
	clear: none;
	margin: 20px 20px 0px 0px;		
}

div.about-this-site {
	clear: right;
	margin: 20px 0px 0px 0px;		
}
div.contact p,div.about-this-site p, div.our-address p {
	margin: 0;
}
/* ////////////////////////////////////////////////// TEXT ////////////////////////////////////////////////// */

p {
	clear: both;
	margin: 8px 0px 8px 0px;
	padding: 0;
}
h1 {
	font-size:24px;
	margin: 0px 0px 10px 0px;
	padding:0;
	color: #EFEFEF;		
}
h2 {
	font-size:18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding:0;
	color: #EFEFEF;		
}
h3 {
	font-size:1em;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding:0;
	color: #EFEFEF;	
}
h4 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0;
	color: #EFEFEF;
}
p.copyright {
	margin: 10px 0px 10px 0px;
	min-height: 16px;
	_height: 16px;
}
p.registered {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 33px;	
	min-height: 16px;
	_height: 16px;	
	background: url(http: //www.datummonitoring.com/test/images/bg/registered.gif) top left no-repeat;
}
/url broken to remove logo - TMB 20/08/2009

.emph {
	color: #EFEFEF;
}
.notification {
	clear: both;
}

/* Preview Item */

div.preview-item h2.title {
	border-bottom:1px solid #6B6B6B;
	height:20px;
	margin:0 0 10px;
	padding:0 0 10px;
}

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

a {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#EFEFEF;
	text-decoration:underline;
}
v {
	color:#0066CC;
	text-decoration:none;
}
v:hover {
	color:#EFEFEF;
	text-decoration:underline;
}
a.get-adobe-flash {
	display: block;
	width: 88px;
	height: 31px;
	text-indent: -9999em;
	background: url(http://www.datummonitoring.com/test/images/flash/get-adobe-flash.gif) no-repeat;
}

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

a.online-form { 
	display: block;
	float: left;
	clear: none;
	background: url(http://www.datummonitoring.com/test/images/text/level-3/online-form.gif) no-repeat;
	width: 87px;
	height: 13px;
	line-height: 0.7em;
	margin: 0px 10px 0px 0px;
	padding: 0;
	text-indent: -9999em;
}
a.online-form:hover {
	background-position: 0px -13px;
}


/* ////////////////////////////////////////////////// FORMS ////////////////////////////////////////////////// */

legend {
	color: #1EB8EA;
	font-weight: bold;
}
fieldset {
	padding: 0;
}
fieldset fieldset {
	float: left;
	margin-right: 20px;
}
form ol {
	list-style: none;
}
form ol ol {
	float: left;
}
form li {
	margin-bottom: 12px;
	clear: both;
}
label, input.button {
	cursor: pointer;
}
label {
	width: 150px;
	float: left;
	margin-right: 10px;
	display: -moz-inline-box;
	display: inline-box;
	margin-top: 5px;
}
label.inline {
	width: auto;
	margin-right: 15px;
	margin-bottom: 15px;
}
label.inline input {
	width: auto;
}
input, textarea, select {	
	padding: 6px;
	font: 12px Verdana, sans-serif;
	border: 1px solid #2e2e2e;
	background: #242424;	
	width: 210px;
	color: #CCCCCC;
}
textarea {
	height: 80px;
}
div.buttons {
	background: #EEE;
	border-top: 1px solid #CFCFCF;
	padding: 10px;
}
input.button {
	background: #242424;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #2e2e2e;
	width: auto;
}
input.button:hover {
	background: #0066CC;	
}

/* Contact form */

#contact-form {
	clear: both;
	border-top: 1px solid #333333;
	margin: 20px 0px 0px 0px;
	padding: 30px 0px 0px 0px;	
}
fieldset.right {
	margin: 0px 0px 0px 0px;
}
fieldset.buttons {
	text-align: right;
}
#area-of-interest {	
	width: 315px;
	_width: 310px;	
}	
#message {
	width: 300px;
	_width: 295px;	
	height: 95px;
}

/* ////////////////////////////////////////////////// TEXT REPLACEMENT ////////////////////////////////////////////////// */

h3.our-address {
	background: url(http://www.datummonitoring.com/test/images/text/level-3/our-address.gif) no-repeat;
	width: 100px;
	height: 15px;
	margin: 0px 0px 10px 0px;
	text-indent: -9999em;
}
h3.contact {
	float: left;
	clear: left;
	width: 71px;
	height: 15px;
	margin: 0px 10px 10px 0px;
	background: url(http://www.datummonitoring.com/test/images/text/level-3/contact.gif) no-repeat;	
	border-right: 1px solid #555555;
	text-indent: -9999em;
}
h3.about-this-site {
	background: url(http://www.datummonitoring.com/test/images/text/level-3/about-this-site.gif) no-repeat;
	width: 163px;
	height: 15px;
	margin: 0px 0px 10px 0px;
	text-indent: -9999em;
}

/* ////////////////////////////////////////////////// MISC ////////////////////////////////////////////////// */

div.page-numbers {
	border-top: 1px solid #313131;
	clear: both;
}
div.no-flash-notification {
	text-align: center;
}
div.no-flash-notification p.notification {
	margin: 0px 0px 10px 0px;
}
.clearer {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	line-height: 1px;
}

/* Transparent PNG Fix */

img, div { behavior: url(resources/iepngfix.htc) }

/*////////////////// MM Alterations - AAAAAggggg /////////*/
ul {
margin-left: 2.5em;
 margin-top: -7px;
 padding-left: 0;


}