html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	width: 786px; 
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 78%; 
	color:#000;
	line-height:140%;
	background: url(../../images/landingpages/shadows.jpg) top center no-repeat;
	}
	
#container{ 

	margin:0px 0px 0px 0px;
	text-align:left;

	}
	
a:link, a:active, a:visited{
	color:#000;
	text-decoration:underline;
	}

a:hover{
	color:#EC1821;
	text-decoration:underline;
	}
	
img{
	border:0px;
	}
	
	/* the header area */
	
#headerBanner {
	width:786px;
	height:74px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	text-align:right;
	background:url(../../images/landingpages/black/banner.gif) top right no-repeat #000;
	color:#fff;
	border-top:4px solid #fff;
}

#headerBanner h1{
	font-size:2em;
	font-weight:normal;
	padding:28px 8px 0px 0px;
	
}



#headerBar h2{
	width:786px;
	float:left;
	background-color:#000000;
	color:#fff;
	margin:0px;
	padding:0px;
	border-top:2px solid #fff;
	font-size:1em;
}

#headerBar h2 span{
	padding:2px 0px 3px 4px;
	font-size:.9em;
	float:left;
}

#mainLogo{
	position:absolute;
	top:10px;
}

	/* left content */
	
	
	
#mainContent{
	width:514px;
	float:left;
	padding:24px 0px 10px 0px;
}	

	#mainContent img{
	float:left;
	margin:0px 14px 14px 0px;
}	

	#mainContent h1{
	margin:0px;
	padding:0px;
	font-size:2.0em;
	font-weight:normal;
}	

	#mainContent h2 {
	margin:0px;
	padding:4px 0px 20px 0px;
	font-size:1.4em;
}	

	#mainContent h2 a{
	padding:3px 0px 4px 30px;
	background:url(../../images/landingpages/black/circleArrow.gif) top left no-repeat;
}	

	#mainContent h2 a:hover{
	background:url(../../images/landingpages/black/circleArrow.gif) 0px -74px no-repeat;
}	

	
/* RHC */


#visitDarfen{
background:url(../../images/landingpages/sideBarBlue.gif) top left no-repeat #1C3A6C;
font-size:1.1em;
color:#fff;
}

#visitDarfen a{
color:#fff;
text-decoration:none;
padding:4px 0px 6px 30px;
margin:0px 0px 0px 3px;
background:url(../../images/landingpages/circleArrowBlue.gif) top left no-repeat;
}

#fencingForSchools a{
color:#fff;
text-decoration:none;
padding:4px 0px 6px 30px;
margin:0px 0px 0px 3px;
background:url(../../images/landingpages/black/circleArrowBlack.gif) top left no-repeat;
}


#visitDarfen a:hover, #fencingForSchools a:hover{
text-decoration:underline;
}

#fencingForSchools{
background:url(../../images/landingpages/black/sideBarBlack.gif) top left no-repeat #000;
font-size:1.1em;
color:#fff;
border-top:4px solid #fff;
}

	
#subColl{
	width:255px;
	float:right;
	margin:24px 0px 0px 0px;
	padding:0px;
}	

#subColl h1{
	margin:0px;
	padding:14px 4px 14px 4px;
}	

#subColl h2{
	margin:0px;
	padding:0px;
}	

#products {
margin:20px 0px 0px 0px;
	float:left;
}

#products h3, #projects h3{
	background:url(../../images/landingpages/blueTab.gif) top right no-repeat #1C3A6C;
	margin:0px;
	padding:2px 38px 2px 6px;
	float:left;
	color:#fff;
	font-size:.9em;
}

#projects h3{
	margin:16px 0px 0px 0px;
}

#projects .productBox{
	width:245px;
	float:left;
	margin:8px 0px 0px 0px;
}

#products .productBoxLeft{
	width:255px;
	margin: 0;
	padding: 0;
	float: left;
}
#products .productBoxRight{
	width:245px;
	margin: 0;
	padding: 0;
	float: left;	
}

#projects .productBox{
	background:url(../../images/landingpages/black/grad.jpg) top left no-repeat;
	width:255px;
}


#products .productBoxPadding, #projects .productBoxPadding{
float:left;
padding:10px;

}

#products .productBoxPadding img, #projects .productBoxPadding img{
border: 1px solid #000;

	
	float:left;
	margin:0px 14px 14px 0px;
}	


#products #productBoxLeft{
	width:255px;
	float:left;
}

#products .productBox h4, #projects .productBox h4{
margin:0px;
padding:0px;
}


#products .more a, #projects .more a{
background:url(../../images/landingpages/black/more.gif) 2px 4px no-repeat;
padding:0px 0px 0px 14px;
font-weight:bolder;
}

#products .more a:hover, #projects .more a:hover{
background:url(../../images/landingpages/black/more.gif) 2px -88px no-repeat;
padding:0px 0px 0px 14px;
}

#productpair {
float: left;
background:url(../../images/landingpages/black/doubleGrad.jpg) top left no-repeat;
width: 500px;
}


#productsHeader{
	width:500px;
float:left;
border-bottom:1px solid #1C3A6C;	
}

#projectsHeader{
	width:255px;
float:left;
border-bottom:1px solid #1C3A6C;	
}



/* footer */
#footer{
	width:786px;
	float:left;
	border-top:8px solid #000;
	margin:0px;
	padding:0px 0px 30px 0px;
}	

#footer ul{
	list-style-type:none;
	margin:4px 0px 4px 0px;
	padding:0px;
}	

#footer ul li{
	display:inline;
	padding:0px 8px 0px 8px;
	margin:0px 0px 0px 0px;
	border-right:1px solid #666;
	font-size:.9em;
}	

#footer ul .front{
	padding:0px 8px 0px 0px;
}

#footer ul .end{
	border-right:none;
}			
	
#footer ul li a{
	color:#666;
}		
	
#footer p{
	color:#666;
	font-size:.9em;
}