/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Ben Hallam, DBS, www.dbs-uk.co.uk                              */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}
div#container, div#container2 {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}
/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}
h1 {
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#B70050;
	font-weight:normal;
	margin-bottom:0.33em;
}
h2 {
	font-size:1em;
	font-weight:normal;
	color:#797979;
	margin-bottom:0.75em;
}
h3, h4, h5, h6 {
	font-size:1.33em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#B70050;
	font-weight:normal;
	margin-bottom:0.33em;
}
ul, ol, pre {
	color:#797979;
}
a:link, a:visited {
	color:#B70050;
	text-decoration:underline;
	font-weight:normal;
	outline:none;
}
a:hover, a:active {
	color:#FF0000;
	text-decoration:underline;
	font-weight:normal;
	outline:none;
}
p {
	line-height:1.17em;
	margin-bottom:0.67em;
}
/* background */
/*******************************************************************************/

div#background {
	background:url(/site/img/backgroundmain.jpg) top repeat-x;
}
/* site container */
/*******************************************************************************/
div#container {
	width: 902px;
	padding: 0 0 15px 0;
}
/* Header */
/*******************************************************************************/
div#header_container {
	height: 184px;
	position:relative;
}
div#logo {
	width:493px;
	position:absolute;
	left:0;
	top:35px;
}
div#contact_details {
	width:409px;
	text-align:right;
	padding-top:10px;
	position:absolute;
	right:0;
	top:88px;
}
div#contact_details p.tel {
	font-size:1.67em;
	color:#666666;
	font-weight:bold;
	margin:0;
}
div#contact_details p.fax {
	font-size:1.33em;
	color:#666666;
	font-weight:bold;
	margin:0;
}
div#contact_details p.address {
	font-size:1.17em;
	color:#666666;
	margin:0;
}
.red_header {
	color:#B70050;
}
div#strapline {
	clear:both;
	font-size:1.17em;
	color:#FFFFFF;
	background-image:url(/site/img/headerbarbg.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	padding-top:3px;
	height:21px;
}
/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, div#skiplinks a:hover, div#skiplinks a:visited, div#skiplinks p {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
/* lvha */
div#skiplinks a, div#skiplinks a:link, div#skiplinks a:visited, div#skiplinks a:hover, div#skiplinks a:active {
	color: #ccc;
}
/* body block */
/*******************************************************************************/
div#body_container {
}
div#breadcrumb {
	height:9px;
	font-size:0.83em;
	color:#9ea2a1;
	text-align:right;
	padding:10px 3px 0 0;
}
div#breadcrumb a:link, div#breadcrumb a:visited {
	color:#999999;
	text-decoration:none;
}
div#breadcrumb a:hover, div#breadcrumb a:active {
	color:#797979;
	text-decoration:underline;
}
div#content {
	width:580px;
	float:left;
	padding:0 22px 0 22px;
}
div#content p {
	color:#797979;
	text-align:justify;
}
div#sidebar {
	width:136px;
	float:left;
	padding-top:10px;
}
div#accredited {
	border:1px solid #dfe1e0;
	text-align:center;
	padding:12px;
}
.red {
	color:#B70050;
}
/* navigation */
/*******************************************************************************/

div#navigation {
	width:141px;
	float:left;
}
div#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#navigation ul li {
	margin:0 0 3px 0;
	padding:0;
}
div#navigation ul li a:link, div#navigation ul li a:visited {
	display:block;
	background:url(/site/img/navbg-off.jpg) no-repeat;
	height:25px;
	padding:8px 0 0 20px;
	font-weight:normal;
	color:#7a7a7a;
	text-decoration:none;
}
div#navigation ul li a:hover, div#navigation ul li a:active, div#navigation ul.home li#home a, div#navigation ul.curtain li#curtain a, div#navigation ul.specialist li#specialist a, div#navigation ul.transporters li#transporters a, div#navigation ul.boxes li#boxes a, div#navigation ul.dropsides li#dropsides a, div#navigation ul.horseboxes li#horseboxes a, div#navigation ul.painting li#painting a, div#navigation ul.production li#production a, div#navigation ul.contact li#contact a {
	background:url(/site/img/navbg-on.jpg) no-repeat #AC1E2E;
	color:#ffffff;
}
div#navigation ul li#commercial a, div#navigation ul li#commercial a:link, div#navigation ul li#commercial a:visited {
	background:url(/site/img/navbgdouble-off.jpg) no-repeat;
	height:43px;
}
div#navigation ul li#commercial a:hover, div#navigation ul li#commercial a:active, div#navigation ul.commercial li#commercial a {
	background:url(/site/img/navbgdouble-on.jpg) no-repeat #AC1E2E;
	color: #fff;
}
/* quicklink */
/*******************************************************************************/


div#background2 {
	background:url(/site/img/footerbackground.jpg) repeat-x;
	border-top:#B70050 solid 1px;
	border-bottom:#B70050 solid 1px;
	height:197px;
}
div#container2 {
	width: 902px;
	padding: 19px 0 0 0;
}
div.quick_link_end {
	margin-right: 0 !important;
}
div.quick_link_gap {
	margin-right:6px;
	width:93px;
	height:142px;
	background:url(/site/img/featuredbox.png);
	float:left;
	padding:8px 7px 12px;
}
h4.quickheader a {
	font-size:0.66em;
	text-decoration:none!important;
	font-weight:normal;
	color:#bd2626!important;
}
h4.quickheaderspace {
	margin-bottom: 19px;
}
p.quick_text {
	font-size:0.92em;
	color:#8a8a8a;
	margin-bottom:3px;
}
p.quick_more {
	font-size:0.92em;
	margin:0;
}
.thumbnail {
	width:100px;
	height:100px;
	padding:3px;
	border:1px solid #990000;
	float:left;
	margin:0 5px 10px 0;
}
.thumbnailright {
	width:100px;
	height:100px;
	padding:3px;
	border:1px solid #990000;
	float:left;
	margin:0 0 10px 0;
}
.gallery {
	clear:both;
}
/* footer */
/*******************************************************************************/

div#footer {
	width:902px;
	margin: 0 auto;
	background: url(/site/img/footerbgslice.jpg) repeat-x #666666;
	height:15px;
}
div#footer_container {
	color: #8b8b8b;
	font-size: 0.83em;
	width:902px;
	margin: 0 auto;
	text-align: left;
	text-decoration:none;
	padding:15px 0 0 15px;
}
div#footer_container a {
	color:#8b8b8b;
	text-decoration:underline;
}
div#footer_container p.noline a {
	color:#8b8b8b;
	text-decoration:none;
}
div#flash_container {
	float:left;
	padding-right:10px;
}
div#footer_left {
	width:650px;
	float:left;
}
div#footer_right {
	width:250px;
	float:left;
	text-align:center;
}
div#footer_dbs {
	clear:both;
}

div#footer_right img { padding:5px 0 5px 0;}
