@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {height: 100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	color:#000;
	line-height: 19px;
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-image:url(images/background-header.jpg);
	background-repeat:repeat-x;
}

body p{
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: justify;
}

a img {border: none;}

/*
HEADERS TO GO HERE
*/

h1 {font-size:20px; color:#F00; padding-bottom:15px;}
h2 {font-size:20px; color:#F00; padding-bottom:15px;}
h3 {font-size:20px; color:#F00; padding-bottom:15px;}

/*
DIV ID'S TO GO HERE
*/

#wrapper {
 	margin-left: auto;
 	margin-right: auto;
 	width: 980px;
	height:710px;
	background-color:#FFFFFF;
}

#wrapper2 {
 	margin-left: auto;
 	margin-right: auto;
 	width: 980px;
	background-color:#FFFFFF;
}


#header {
	width:980px;
	height:218px;
	float:left;
	background-image:url(images/background-head.jpg);
	background-repeat:no-repeat;
}

#nav {
	width:970px;
	float:left;
	height:30px;
	padding-top:149px;
	padding-left:10px;
}

#content {
	width:920px;
	float:left;
	padding: 10px 30px 10px 30px;
	background-color:#FFF;
	text-align: left;
}

#footer {
	width:100%;
	background-image:url(images/background-footer.jpg);
	background-repeat:repeat-x;
	padding-top:15px;
	height:235px;
	float:left;
	text-align:center;
}

#footer2 {
	width:100%;
	background-image:url(images/background-footer.jpg);
	background-repeat:repeat-x;
	padding-top:15px;
	height:235px;
	float:left;
	text-align:center;
}

#details {
	text-align:center;
	width:880px;
	height:140px;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

#batten {width:176px; height:140px;	float:left; margin-bottom:10px;}
#stott  {width:176px; height:140px;	float:left; margin-bottom:10px;}
#ralph  {width:176px; height:140px;	float:left; margin-bottom:10px;}
#keeble {width:176px; height:140px;	float:left; margin-bottom:10px;}
#shaw   {width:176px; height:140px;	float:left; margin-bottom:10px;}

#map {width:500px; height:750px; float:right; padding-left: 30px;}

/*
CLASSES TO GO HERE
*/

.home a{float:left; display: block; width: 122px; height: 34px; background: transparent url(images/homepage.jpg) no-repeat; text-decoration:none;}
.home a:hover {background-position: -122px 0;}
.home a span{visibility:hidden; }
.homeselected {float:left; width:122px; height:34px; background-image:url(images/homepage.jpg); background-repeat:no-repeat; background-position: -122px 0;}

.about a{float:left; display: block; width: 122px; height: 34px; background: transparent url(images/aboutus.jpg) no-repeat; text-decoration:none;}
.about a:hover {background-position: -122px 0;}
.about a span{visibility:hidden; }
.aboutselected {float:left; width:122px; height:34px; background-image:url(images/aboutus.jpg); background-repeat:no-repeat; background-position: -122px 0;}

.product a{float:left; display: block; width: 122px; height: 34px; background: transparent url(images/products.jpg) no-repeat; text-decoration:none;}
.product a:hover {background-position: -122px 0;}
.product a span{visibility:hidden; }
.productselected {float:left; width:122px; height:34px; background-image:url(images/products.jpg); background-repeat:no-repeat; background-position: -122px 0;}

.supply a{float:left; display: block; width: 122px; height: 34px; background: transparent url(images/supply.jpg) no-repeat; text-decoration:none;}
.supply a:hover {background-position: -122px 0;}
.supply a span{visibility:hidden; }
.supplyselected {float:left; width:122px; height:34px; background-image:url(images/supply.jpg); background-repeat:no-repeat; background-position: -122px 0;}

.contact a{float:left; display: block; width: 122px; height: 34px; background: transparent url(images/contactus.jpg) no-repeat; text-decoration:none;}
.contact a:hover {background-position: -122px 0;}
.contact a span{visibility:hidden; }
.contactselected {float:left; width:122px; height:34px; background-image:url(images/contactus.jpg); background-repeat:no-repeat; background-position: -122px 0;}

.enquiry {width:400px; padding: 0px 20px 0px 20px; float:right; margin-bottom:20px;}
.enq {width:400px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:3px;}
.enq2 {width:400px; height:90px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px; padding-top:5px;}

.mini {color:#FFF; font-size:11px; text-decoration:none; text-align:center;}
a.mini:hover {color:#ffc3c3;}

.image {width:350px; float:right; padding: 0px 0px 20px 20px;}
.imageleft {width:150px; float:left; padding-right:10px;}
.prod1 {width:290px; float:left; padding-right:20px;}
.prod2 {width:290px; float:left;}

.products {color:#f00; font-size:16px; font-weight:bold;}
.products-sml {color:#000; font-size:11px; line-height:13px;}

.blk17 {font-size:17px; color:#000; font-weight:bold;}
.blk17ctr {font-size:17px; color:#000; font-weight:bold; text-align:center;}
p.contentctr {text-align:center; text-decoration:none;}

a.email {color:#F00; text-decoration: none; text-align:center; font-size:13px; font-weight:normal;}
a.email:hover {color:#f00; border-bottom: 1px dotted #F00;}