html,body {
	font: 11px/36px Georgia, Times New Roman, Times, Serif, Palatino;
	background-color: #000;
	background-image: url("../images/fire2.jpg");
	background-repeat:no-repeat;
	background-position:top;
	margin: 0px;
  	padding: 0px;
  	text-align: center;
  	color: #000;
  	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	}

	/*NOT USED 
	#outercontainer {
	border-top: 0px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 0px solid #d1d1d1;
	border-right: 0px solid #d1d1d1;
	width: 979px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;}
	*/
	
	#container {
	background-color: #fff;
	background-image: url("../images/footback.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	border-top: 0px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 0px solid #d1d1d1;
	border-right: 0px solid #d1d1d1;
	width: 979px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
	#col1 {
	width: 230px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	
	}
	
	#col2 {
	width: 500px;
	float: left;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	}
	
	#col3 {
	width: 221px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	}
	
	#rightcolumn {
	width: 191px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #ff9900;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #ff9900;
	border-right: 0px solid #ff9900;
	margin: 0px 0px 20px 30px;
	}
	
	#footblock {
	width: 979px;
	height: 100px;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	}
	
	#productleft {
	width: 160px;
	height: 220px;
	float: left;
	border: 0;
	margin: 0px 0px 10px 0px;	
	}
	
	#productcenter {
	width: 160px;
	height: 220px;
	float: left;
	border: 0;
	margin: 0px 10px 10px 10px;	
	}
	
	#productright {
	width: 160px;
	height: 220px;
	float: left;
	border: 0;
	margin: 0px 0px 10px 0px;	
	}


	#teamleft {
	width: 160px;
	height: 310px;
	float: left;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	#teamcenter {
	width: 160px;
	height: 310px;
	float: left;
	border: 0;
	margin: 0px 10px 0px 10px;	
	}
	
	#teamright {
	width: 160px;
	height: 310px;
	float: left;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	#firewoodleft {
	width: 160px;
	height: 160px;
	float: left;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	#firewoodcenter {
	width: 160px;
	height: 160px;
	float: left;
	border: 0;
	margin: 0px 10px 0px 10px;	
	}
	
	#firewoodright {
	width: 160px;
	height: 160px;
	float: left;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	#producttitle {
	width: 250px;
	float: left;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	#backtobutton {
	width: 205px;
	float: right;
	border: 0;
	margin: 0px 0px 0px 0px;	
	}
	
	
	
	#nav {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	width: 178px;
	height: auto;
	padding: 0;
	margin-left: 25px;
	position: relative;
	text-align: left;
	}
	
		.menu {  
		list-style: none;  
		position: relative; 
		width: 50px;  
		height: 259px;  
		margin: 0;  
		padding: 0px 0px 0px 0px;

		}  
		
		/* Set the properties for the list elements .ie the links. */
		.menu li{  
		display: block;  
		overflow: hidden;  
		padding: 0;  
		cursor: pointer;  
		float: left;  
		margin-right: 0px;  
		background-image:url("../images/navigation2.gif");  
		background-repeat:no-repeat;  
		}  
		
		/* make the text in the real links dissapear, and make them into blocks for images */
		.menu a{  
		display:block;  
		text-indent:-9999px;  
		outline:none;
		height: 31px;  
		}  

		/* tell the buttons what part of the image to use for the background when not used */
		#link1 {background-position: 0px 0px; width:76px;}
		#link2 {background-position: 0px -31px; width:70px;} 
		#link3 {background-position: 0px -62px; width:103px;}
		#link4 {background-position: 0px -93px; width:143px;}
		#link5 {background-position: 0px -124px; width:150px;}
		#link6 {background-position: 0px -155px; width:178px;}
		#link7 {background-position: 0px -186px; width:103px;}
		#link8 {background-position: 0px -217px; width:115px;}
				
		/* tell the buttons what part of the image to use for the background when being hovered over, or used */
		#link1.active, #link1:hover {background-position: -178px -0px;}  
		#link2.active, #link2:hover {background-position: -178px -31px;}
		#link3.active, #link3:hover {background-position: -178px -62px;}
		#link4.active, #link4:hover {background-position: -178px -93px;} 
		#link5.active, #link5:hover {background-position: -178px -124px;}
		#link6.active, #link6:hover {background-position: -178px -155px;}
		#link7.active, #link7:hover {background-position: -178px -186px;}
		#link8.active, #link8:hover {background-position: -178px -217px;} 
		
		#footernav {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	width: 815px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 25px;
	position: absolute;
	bottom: 0px;
	text-align: left;
	}
	
		.footermenu {  
		list-style: none;  
		position: relative; 
		width: 815px;  
		height: 45px;  
		margin: 0;  
		padding: 0px 0px 0px 0px;

		}  
		
		/* Set the properties for the list elements .ie the links. */
		.footermenu li{  
		display: block;  
		overflow: hidden;  
		padding: 0;  
		cursor: pointer;  
		float: left;  
		margin-right: 0px;  
		background-image:url("../images/footernavigation2.jpg");  
		background-repeat:no-repeat;  
		}  
		
		/* make the text in the real links dissapear, and make them into blocks for images */
		.footermenu a{  
		display:block;  
		text-indent:-9999px;  
		outline:none;
		height: 45px;  
		}  

		/* tell the buttons what part of the image to use for the background when not used */
		#link9 {background-position: 0px 0px; width:140px;}
		#link10 {background-position: -140px 0px; width:135px;} 
		#link11 {background-position: -275px 0px; width:85px;}
		#link12 {background-position: -360px 0px; width:165px;}
		#link13 {background-position: -525px 0px; width:200px;}
		#link14 {background-position: -725px 0px; width:90px;}
				
		/* tell the buttons what part of the image to use for the background when being hovered over, or used */
		#link9.active, #link9:hover {background-position: 0px -45px;}  
		#link10.active, #link10:hover {background-position: -140px -45px;}
		#link11.active, #link11:hover {background-position: -275px -45px;}
		#link12.active, #link12:hover {background-position: -360px -45px;} 
		#link13.active, #link13:hover {background-position: -525px -45px;}
		#link14.active, #link14:hover {background-position: -725px -45px;}
		
	
	#button {
	margin:10px 0px 0px 20px;
	display: block;
  	width: 109px;
  	height: 110px;
  	background: url("../images/ordernow.jpg") no-repeat 0 0;
  	}

	#button:hover { background-position: -109px 0px;
	}

	#button span {  display: none;
	}
	
	#backbutton {
	margin:0px 0px 0px 0px;
	display: block;
  	width: 205px;
  	height: 32px;
  	background: url("../images/back.gif") no-repeat 0 0;
  	}

	#backbutton:hover { background-position: 0px -32px;
	}

	#backbutton span {  display: none;
	}

	#top {
	padding:0px 0px 30px 0px;
	border-top: 0px solid #ff9900;
	border-bottom: 0px solid #ff9900;
	border-left: 0px solid #ff9900;
	border-right: 0px solid #ff9900;
	width: 979px;
	height: auto;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
	
	h1 {
	text-indent:-1999px;
	height:203px;
	width:979px;
	margin:0px 0px 0px 0px;
	padding:0;
	}
	
	h1#fwc {
	background: url("../images/thefirewoodcompany.jpg") no-repeat 0 0;
	cursor:pointer;
	}
	
	h2 {color: #91b131; margin:0px 0px 20px 0px; font-size: 36px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	
	h2 em {color: #5e7a07; margin:0px 0px 0px 0px; font-size: 36px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	
	hr {border: 0; width: 100%; color: #6d861f; background-color: #6d861f; height: 1px; margin: 20px 0px 20px 0px; }
	hr#news {border: 0; width: 100%; color: #6d861f; background-color: #6d861f; height: 1px; margin: 0px 0px 0px 0px; }
	
	br {line-height: 5px;}
	
	p {font-size: 18px; font-weight: normal; line-height: 22px;}
	p {padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;}
	p {color: #424242; text-align:left;}
	p em {font-size: 18px; color: #91b131; font-style: italic;}
	p a {font-weight:normal;color:#91b131;text-decoration:none ;}
	p a:hover {text-decoration:underline;}
	p.teamtext { margin: 0px 0px 20px 0px;}
	p.contacttext { margin: 0px 0px 5px 0px;}
	p.contactaddress { margin: 0px 0px 0px 0px;}
	p.contactaddress2 { margin: 0px 0px 20px 0px;}
	p.contactesa { font-size: 14px; font-weight: normal; line-height: 18px; margin: 0px 0px 0px 0px;}
	p.welcometitle {color: #91b131; margin:0px 0px 0px 0px; font-size: 24px; line-height: 28px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.newstitle {color: #91b131; margin:0px 0px 10px 0px; font-size: 24px; line-height: 28px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.newsdate {color: #969595; margin:0px 0px 5px 0px; font-size: 20px; line-height: 24px; font-weight: normal; font-style: italic; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.smalltitle {color: #91b131; margin:0px 0px 10px 0px; font-size: 18px; line-height: 22px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.smalltitle2 {color: #91b131; margin:0px 0px 0px 0px; font-size: 18px; line-height: 22px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.teamname {color: #5e7a07; margin:10px 0px 0px 10px; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.teamtext1 {color: #91b131; margin:0px 0px 0px 10px; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.teamtext2 {color: #424242; margin:0px 10px 0px 10px; font-size: 14px; line-height: 18px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.rcnewsdate { margin: 0px 10px 0px 14px; font-size: 18px; line-height: 18px; color: #5d7a07;}
	p.rcnewstext a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 15px; line-height: 30px; color: #5e7a07;}
	p.rcnewstext { margin: 5px 10px 0px 14px; font-size: 14px; line-height: 18px; color: #424242;}
	p {font-size: 18px; font-weight: normal; line-height: 22px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; color: #424242; text-align:left;}
	p.customer {font-size: 18px; color: #91b131; font-style: italic;}
	p.rollout { margin: 0px 0px 350px 0px;}
	p.logname {color: #5e7a07; margin:10px 0px 0px 10px; font-size: 22px; line-height: 24px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.logtext {color: #91b131; margin:0px 10px 0px 10px; font-size: 14px; line-height: 18px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.logtext em {font-size: 16px; line-height: 20px; color: #424242;; font-style: normal;}
	p.axename {color: #5e7a07; margin:10px 0px 0px 10px; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.axetext {color: #91b131; margin:0px 10px 0px 10px; font-size: 14px; line-height: 18px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.axeprice {margin:5px 10px 0px 10px; font-size: 16px; line-height: 20px; color: #424242;; font-style: normal;}
	p.friends {color: #5e7a07; margin:0px 0px 0px 0px; font-size: 24px; line-height: 28px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.friends a {color: #91b131; margin:0px 0px 0px 0px; font-size: 20px; line-height: 24px; font-weight: normal; font-style: italic; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	p.friendstitle {color: #969595; margin:0px 0px 10px 0px; font-size: 24px; line-height: 28px; font-weight: normal; font-style: normal; font: Georgia, Times, Times New Roman, Serif, Palatino;}
	
	img#teamhome { border: 0;}
	img#prodlink { border: 0;}
	img#rchead { border: 0; margin: 0px 0px 8px 0px;}
	img#axeimage { border: 0; margin: 0px 0px 20px 0px;}
	img#charcoal { border: 0; margin: 0px 0px 20px 0px;}
	img#hetas { border: 0; margin: 0px 0px 20px 0px;}
	img#welshminister{border: 0; float: left; margin: 0px 10px 10px 0px ;}
	img#cubic {border: 0; float: left; margin: 0px 20px 10px 0px ; height: 205px; width: 200px;}
	img#friendlink { border: 0;}
	img#f2f { border: 0;}
	
	iframe#googlemap { border: 0; margin: 10px 0px 20px 0px;}
	
	/* FORM */

#contact-area {
	width: 500px;
	margin: 25px 0px 20px 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 410px;
	font-family: Georgia, Times, Times New Roman, Serif, Palatino;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #91b131;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #5e7a07;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background-color: #91b131;
	color: #424242;
}

label {
	float: left;
	font-family: Georgia, Times, Times New Roman, Serif, Palatino;
	text-align: right;
	margin-right: 15px;
	width: 60px;
	padding-top: 5px;
	font-size: 1.4em;
	color: #424242;
}


	
/* FOOTER */
	#footer {
	background-color: #eeeeee;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	width: 741px;
	height: 28px;
	padding: 0px 25px 0px 25px;
	margin: 6px 0px 0px 0px;
	position: relative;
	font: 11px/28px helvetica;
	}
	
	#footleft {
	width: 175px;
	height:100%;
	float: left;
	}
	
	#footright {
	width: 566px;
	height:100%;
	float: right;
	 text-align:right;
	}
	
	.foot {font-size: 11px;}
	.foot a {font-weight:normal;color:#000;text-decoration:none;}
	.foot a:hover {text-decoration:underline;}
	
/* POP AD */
		
	#layerad {
	position:absolute; left: 450px; top: 40px; z-index:1; padding:0px; border: 0px solid; 
	}	
	
	/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* GOOGLE MAPS FOR FIREWOOD CO -
ABQIAAAAY7kQf7u2nk_WlTNRdor1mBRqqmfu4uzTmFOb8oqPqUsMBZXymhSZu4qXcIoIjzOH1oWNQo5mZ1S-cw  */

/* GOOGLE MAPS FOR ESA - 
ABQIAAAAY7kQf7u2nk_WlTNRdor1mBR21t-X-ITppNvvIHL36p83CTe5QxQXplgVHIEBsCJqzpEdFyIOSUko-g */