@charset "utf-8";

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

body {
	background: #000000 url(http://www.lloydacoustics.com/test/lloyds/bg/cages.jpg) top center no-repeat;
}

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

#content .border-top {
	display: block;
	clear: both;
	width: 940px;
	height: 10px;
	background: url(http://www.lloydacoustics.com/test/images/bg/content-border-top.png) no-repeat;
}
div #content .inner .left {
	display: block;
	float: left;
	clear: left;
	width: 500px;	/* dr4w 570px; */
	margin: 20px 30px 0px 0px;
}
div #content .inner .right {
	display: block;
	float: left;
	clear: right;
	width: 330px; /* drw 290px; */
	margin: 20px 0px 0px 0px;	
}
#content .border-bttm {
	display: block;
	clear: both;
	width: 940px;
	height: 15px;
	background: url(http://www.lloydacoustics.com/test/images/bg/content-border-bttm.png) no-repeat;
}
div.header {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 25px;
}

/* Call to action */

div.call-to-action {
	float: left;
	display: block;
	width: 280px;
}

/* Pagination */

div.pagination {
	display: block;
	clear: both;
	margin: 30px 0px 0px 0px;
}

/* Footer */

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;		
}

/* News Item */

div.news-item {
	margin: 0px 0px 30px 0px;
}
p.date {
	display: block;
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #6b6b6b;
	font-size: 10px;	
}
div.news-item p.description {
	float: left;
	clear: right;
	width: 400px; /* drw 360px */
	margin: 0px 0px 0px 0px;
}

/* Fun Stuff */

div.fun-stuff {
	display: block;
	clear: both;
}
div.fun-stuff-item {
	float: left;
	display: block;
	width: 280px;
}
div.fun-stuff div.news-item {
	margin-bottom: 15px;
}
div.partner img.logo {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* ////////////////////////////////////////////////// TEXT ////////////////////////////////////////////////// */ 

h1.latest-news {
	float: left;
	clear: left;
}
h2.news-tags {
	margin: 0px 0px 20px 0px;	
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #6b6b6b;
}
h2.fun-stuff {
	display: block;
	clear: both;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #6b6b6b;	
}
h2.title {
	padding: 0;
	height: 20px;
	clear: both;
}
/* Fun Stuff EAB */
div.fun-stuff h2.title  {
	padding: 0;
	height: 15px;
	font-size: 14px;
}
/* ////////////////////////////////////////////////// FORMS ////////////////////////////////////////////////// */ 

ul.news-tags {
	color: #f22222;
}
ul.news-tags li {
	display: block;
	float: left;
	clear: none;
	width: 130px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	background: url(http://www.datummonitoring.com/test/images/bg/right-arrow.gif) center left no-repeat;
}

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

a.online-form { 
	display: block;
	float: left;
	clear: right;
	background: url(http://www.datummonitoring.com/test/images/text/level-3/online-form.gif) no-repeat;
	width: 87px;
	height: 13px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}
a.online-form:hover {
	background-position: 0px -13px;
}
.news-item a.thumb {
	display: block;
	float: left;
	clear: both;
/*    	width: 156px;
	height: 96px;
*/
	margin: 0px 20px 0px 0px;	
	border: 2px solid #cccccc;
}
.news-item a.thumb:hover {
	border: 2px solid white;
}
.news-item a.thumb img {
    display: block; /* DRW IE display issue */
   	width: 155px;
	height: 95px;
/*	display: block;*/
}
/* ////////////////////////////////////////////////// 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;
}
a.subscribe-to-rss {
	float: right;  /*drw 8/12/08 left;*/
	display: inline; 
	width: 103px;
	height: 16px;
	margin: 8px 0px 7px 16px;
	padding-right: 50px; /* drw to move it within the frame on float right*/ 
	background: url(../images/buttons/subscribe-to-rss.gif)	no-repeat 0 0; /**/
	
	line-height: 0.8em;
	text-indent: -9999em;
}
a.subscribe-to-rss:hover {
	background-position: 0px -16px;
}