@charset "utf-8";
html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color: #EFEFEF;

}


div#header{
	height:110px;
	margin:0px;
	background: #EEE;
	color: #79B30B;
	padding: 0px;
	margin-bottom: 0px;
	background-image: url(../images/banneruk.jpg);
	background-repeat: no-repeat;
	border-top: 1px solid #000000;
	width: 950px;
}

#topheadertext{
	margin:0px 0px 0px 0px;
	text-align: left;
	background-repeat: no-repeat;
	float: left;
	width:950px;
	padding: 0px 0px 0px 0px;
	color: #3E3E38;
	font-size: 12px;
	height: 105px;
}

div#headermenu{
	height:220px;
	margin:0px 0px 12px 0px;
	background-color:#D5D5B3;
	text-align: center;
	border-bottom: 1px solid #969696;
	padding: 0px;
}

#topnav{
	width:158px;
	height:40px;
	float:left;
	padding-top: 0px;
	margin: 0px;

}

#homerollover{
	display:block;
	background-image:url(../images/buttons/tophome.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;

}


#homerollover:hover{
	background-image:url(../images/buttons/tophomehover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#homerollover span{
  display: none;
}


#pss20rollover{
	display:block;
	background-image:url(../images/buttons/topPSS.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;

}

#navheadtext{
	height:20px;
	width:185px;
	font-weight: bold;
	padding-top: 10px;
	margin: 0;
	font-size: 13px;
}


#pss20rollover:hover{
	background-image:url(../images/buttons/topPSShover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#pss20rollover span{
  display: none;
}


#facealrollover{
	display:block;
	background-image:url(../images/buttons/topFaceal.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;
}


#facealrollover:hover{
	background-image:url(../images/buttons/topFacealHover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#facealrollover span{
  display: none;
}


#facealcolourrollover{
	display:block;
	background-image:url(../images/buttons/topFacealColour.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;
}


#facealcolourrollover:hover{
	background-image:url(../images/buttons/topFacealColourHover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#facealcolourrollover span{
  display: none;
}


#graffitirollover{
	display:block;
	background-image:url(../images/buttons/topgraffiti.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;
}


#graffitirollover:hover{
	background-image:url(../images/buttons/topgraffitiHover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#graffitirollover span{
  display: none;
}


#contactrollover{
	display:block;
	background-image:url(../images/buttons/topcontact.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:40px;
	width:158px;
	padding: 0px;
}


#contactrollover:hover{
	background-image:url(../images/buttons/topcontactHover.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 0px;
}

#contactrollover span{
  display: none;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 12px Verdana;
	width: 180px; /* Main Menu Item widths */
	border-bottom: 1px solid #ccc;
}

.sidebarmenu h1{
	color:#FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #2C3A14;
	padding: 5px;
	margin: 0px;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #6E9635;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color: #D5D5B3; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
	color: #6E9635;
}

.sidebarmenu ul li a:hover{
	background-color: #6E9635;
	color: #FFFFFF;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}


.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */







div#headermenu h3{
	font:Helvetica, Arial, sans-serif,;
	color:#333333;
	font-size: 12px;
	padding:10px 0px 0px 5px;
	margin:0;
}

div#headermenu a{
	color:#6E9635;
	text-decoration:none;
	
}
div#headermenu a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

div#headermenu a:hover{
	text-decoration: underline;
}

#mainwrapper{
	background-image: url(../images/newbar.gif);
	background-repeat: repeat-x;
	background-color: #EFEFEF;
	margin:0px;
	padding:0px;
}

#wrapper{
width:auto;
height:auto;
background-image: url(../images/backbar.gif);
background-repeat: repeat-y;
}

div#container{
	text-align:left;
	margin:0px;
	padding:0px;
}

div#topper{
	height:30px;
	width:auto;
	background-color: #33332D;
	background-image: url(../images/topbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


div#footer{
	color: #FFFFFF;
	background-color: #212D19;
}

div#footer2{
	color: #999999;
	background-color: #EFEFEF;
}

div#footer p{
margin:0;padding:5px 10px;
}

div#footer2 p{
	color:#666666;
	font-size:10px;
margin:0;padding:5px 10px;
}

div#footer2 a{
	font-size:10px;
	color:#000000;
}

div#footer2 a:visited{
	color:#000000;
}

div#footer2 a:hover{
	color:#8C0000;
}
div#container{
	width:950px;
	margin:0 auto;
	background-color: #FFFFFF;
	padding: 0px;
	border-right: 1px solid #B6CB9A;
	border-top: 1px solid #000000;
	border-left: 1px solid #B6CB9A;
}
div#content{
	float:right;
	width:710px;
	background-color: #FFFFFF;
	padding-left: 0px;
	min-height: 800px;
	height: auto;
	margin: 0px 0px 0px 15px;
}

#contentheader{
	height:20px;
	width:665px;
	margin-left: 10px;
	margin-top: 25px;
	padding: 15px 0px 15px 18px;
	background-image: url(/images/contentheader.gif);
	background-repeat: no-repeat;
}


#smoothcontainer{
	height:25px;
	width:auto;
}

#contentheader2{
	width:640px;
	padding: 0px 0px 0px 0px;

}

#maincontent{
	height:auto;
	width:600px;
	padding: 0px 0px 0px 0px;

}

#maincontent UL {
	color : #0066CC;
	list-style-image: url(/images/bullet.gif);
	line-height: 1.5;
}

#maincontent li {
	padding-bottom:15px;
}

#imageholder{
	margin-bottom: 15px;
	text-align: center;
	margin-top: 15px;
	font-size: 12px;
}


#map {
	margin:0;
	padding:0;
	width:300px;
	height:309px;
	background:url(/images/map.gif) no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}

#map li {
	margin:0;
	padding:0;
	list-style:none;
}

#map li a {
	position:absolute;
	display:block;
	/*
	   Specifying a background image
	   (a 1px by 1px transparent gif)
	   fixes a bug in older versions of
	   IE that causeses the block to not
	   render at its full dimensions.
	*/
	background:url(/images/blank.gif);
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:500px;
	top:500px;
	padding:5px;
	border:1px solid #000;
	background:#fff;
	text-decoration:none;
	color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#map a.dog {
	top:500px;
	left:500px;
	width:115px;
	height:95px;
}
#map a.cat {
	top:500px;
	left:500px;
	width:70px;
	height:120px;
}



#imageholder2{
	margin-bottom: 10px;
	text-align: center;
	margin-top: 15px;
	font-size: 12px;
	height: 250px;
}

#contactimageholder{
	text-align: center;
	width: 210px;
	float: right;
}

#vidholder{
	margin-bottom: 15px;
	text-align: center;
	margin-top: 15px;
	width: 183px;
	padding: 0;
	height: 150px;
}


#sidemenu{
	float:left;
	width:180px;
	height:auto;

}


#sidecontent1{
	margin-bottom: 15px;
	margin-top: 15px;
	float: left;
	color: #E4F0D2;
	width: 185px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

#sidecontent1 a{
	color:#FFFF00;
	text-decoration:none;
}

#sidecontent1 a:visited{
	color:#FFFF00;
	text-decoration:none;
}


#sidecontent1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#sidecontent1 p{
	padding-left:0px;
}

#sidecontent1 h2{
	color:#FFFFAE;
	font-size: 14px;
	margin-top: 0px;
}

#sidecontent1 h3{
	color:#FFFFFF;
	font-size: 14px;
}


#logoholder{
	width:185px;
	margin:0px 0px 0px 0px;
	text-align: center;
	height: 163px;
	margin-top: 15px;
	background-color: #999999;
}

#headerlogo{
	margin:0px 0px 0px 60px;
	text-align: center;
	height: 70px;
	float: left;
	width:140px;
	padding: 0px 0px 0px 0px;
}




#headertext{
	margin:0px 0px 10px 0px;
	text-align: left;
	height: 30px;
	float: left;
	width:950px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	background-color: #6E9635;
	background-image: url(../images/bar.gif);
}

#headertext h1{
	padding:0px;
	margin:0px;

}

#headertext h1 a{
	font:Helvetica, Arial, sans-serif,;
	size:25px;
	color:#FFFFFF;
	font-size: 20px;

}

#headertext h1 a:visited{
	color:#FFFFFF;
}

#headertext h2 {
	font-size:12px;
}

#header2menu{
	float:left;
	height:119px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 950px;

}

#header2menu h1{
	display: block;
	font-size: 15px;
	padding: 10px 0 0px 0px;
	color: #FFFFCE;
	margin: 0px 0px 0px 0px;
	width:185px;
	text-align: center;
	height: 30px;
}

#headercontact{
	margin:0px 0px 0px 0px;
	text-align: right;
	float: left;
	font: 12px arial,sans-serif;
	font-weight: bold;
	height: 90px;
	width: 300px;
}

#headerparagraph2{
	margin:0px 0px 0px 0px;
	text-align: right;
	float: right;
	font: 11px arial,sans-serif;
	font-weight: bold;
	height: 110px;
	width: 300px;
}

#headerphone{
	margin:49px 0px 0px 0px;
	text-align: left;
	float: left;
	font: 11px arial,sans-serif;
	font-weight: bold;
	height: 40px;
	width: 608px;
	padding: 0px 0px 0px 0px;
}

#headerphone h2{
	color:#FFFF99;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	font-size: 20px;
	text-align: right;
}

#headerphone p{
	text-transform: lowercase;
	padding: 0px 20px 0px 0px;
	color: #FF8040;
}



#headerparagraph{
	margin:0px 5px 0px 0px;
	text-align: right;
	float: right;
	font: 11px arial,sans-serif;
	font-weight: bold;
	height: 100px;
	width: 300px;
}

#headerparagraph h2{
	color:#82AE3E;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	font-size: 16px;
}

#headerparagraph p{
	text-transform: lowercase;
	padding: 0px 20px 0px 0px;
	color: #FF8040;
}

* html #scrollertext{
	margin:0px 0px 10px 80px;
	text-align: left;
	height: 30px;
	float: left;
	width:500px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #E14B0B;
	font-weight:bold;
}

#scrollertext{
	margin:0px 0px 10px 150px;
	text-align: left;
	height: 30px;
	float: left;
	width:700px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #E14B0B;
	font-weight:bold;
}

#scrollertext a{
	color:#000000;
}

#scrollertext a:visited{
	color:#000000;
}

#technical{
	Height:40px;
	margin-left: 100px;
	margin-bottom: 15px;
	text-align: center;

}

.safety{
	float:left;
	width:70px;
	height:40px;
	margin-right: 25px;
}

.techleaflet{
	float:left;
	width:70px;
	height:40px;
	margin-right: 25px;
}

.brochure{
	float:left;
	width:70px;
	height:40px;
}


#contentheader h1{
	margin:0;
	color: #FFD309;
	font-size: 16px;
}

*html #innercontent{
	margin-left:20px;
	width:490px;
}

#innercontent{
	height:100%;
	width:478px;
	font-size: 13px;
	float:left;
	margin-left:20px;
}


#innercontent a{
	color:#FF0000;
	padding:0;
	text-decoration:none;
	font-weight: bold;
}

#innercontent a:visited{
	color:#FF0000;
	font-weight: bold;
}

#innercontent a:hover{
	color:#0000FF;
	text-decoration:none;
	font-weight: bold;
}



#innercontent p{
	width:100%;
	color: #000000;
	margin:0;
	line-height:147%;
	text-align: justify;
	font-size:17px;
	font-family: "Times New Roman",Times,serif;
}

#innercontent h1{
	margin:0;
	padding:10px;
	font-size: 34px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#innercontent h2{
	margin:0;
	color: #0000FF;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	margin-left: 0px;
}

#innercontent h4{
	color:#666666;

}

#rightcontent{
	height:100%;
	width:215px;
	font-size: 12px;
	float: right;
	background-color: #6E9635;
	border-top: 1px solid #969696;
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#rightcontent a{
	color:#FFFF00;
	padding:0;
	text-decoration: none;
}

#rightcontent a:visited{
	color:#FFFF00;
	text-decoration: none;
}

#rightcontent a:hover{
	color:#FFCC33;
	text-decoration:underline;
}



#rightcontent p{
	color: #FFFFFF;
	line-height:1.4;
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;
}

#rightcontent h2{
	margin:0;
	color: #FFFFB3;
	padding-top: 5px;
	font-size: 15px;
	padding-left: 15px;
}

#rightcontent h4{
	font-size:12px;
	color:#ffffff;
	text-align:justify;
	line-height:1.5;
}

div#lowercontent{
	float:right;
	width:940px;
	background-color: #ffffff;
	padding-left:10px;
	padding-top:10px;
	
}

div#bottomlinks{
	float:none;
	width:930px;
	background-color: #E8F4D9;
	margin-left: 10px;
	border-top: solid #cecece 1px;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
	margin-top: 15px;
}

div#bottomlinks{
	padding:0;
	margin:0;
}

div#bottomlinks h4{
	padding:5px;
	margin:10px 0px 0px 0px;
}


div#bottomlinks a{
	color:#FF6633;
	text-decoration:none;
	padding:0;
	font-size: 100%;
}


div#bottomlinks a:visited{
	color:#FF6633;
	text-decoration:none;
}

div#bottomlinks a:hover{
	color:#6E9635;
	text-decoration:underline;
}


.linkscontainer{
	width:900px;
	padding-bottom: 20px;
	color: #3C3C00;
}

.linkscontainer p{
	padding:0px;
	margin:0px;
}

.no-underline{
	text-decoration:none;
}


div#navcontainer{
	width:200px;
	background-color: #A33207;
	float:left;
	min-height: 800px;
	padding-left: 15px;
	border-top: 1px solid #969696;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
}


div#navigation{
	float:left;
	margin: 0px 0px 20px 0px;
	text-align: left;
	width: 185px;
	background-repeat: no-repeat;
	height: 119px;
	padding: 0px 0px 0px 42px;
}

div#navigation a{
padding:0px;
margin:0px;
}

div#navigation h3{
	font-size:14px;
}


#menutitle{
	height:25px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
}

#menu{
	padding:0;
	margin:0;
	height: inherit;
	padding-left: 60px;
}

#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	height: 119px;
}

.first{
	background-image: url(../images/concrete-box.gif);
}



.second{
	background-image: url(../images/brick-box.gif);
}



.third{
	background-image: url(../images/stone-box.gif);
}



.fourth{
	background-image: url(../images/graffiti-box.gif);
	padding-bottom:20px;
	
}



#vertmenu h1 {
	display: block;
	font-size: 14px;
	padding: 8px 0 0px 0px;
	color: #FFFFCE;
	margin: 0px 0px 0px 0px;
	width:185px;
	text-align: center;
	height: 25px;
}

#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
	display: inline;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 1.4;
	font-weight: bold;
	margin-left: 15px;
}

#vertmenu ul li a:visited {
	color:#FFFFFF;

}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
	color: #FDDBCC;
	background-repeat: no-repeat;
	background-position: 120px 0px;
	font-weight: bold;
	text-decoration: none;
}



.hiddenPic {display:none;}


div#footer{
	clear:both;
	width:100%;
}

div#footer2{
	clear:both;
	width:100%;
	margin-top: 10px;
}

img{
border:0;
}