body {margin: 0 auto; padding: 0; font-family:Arial, Helvetica, sans-serif;	font-size: 12px; color: #fff; background-color: #231105; text-align: center; background-image: url(../img/site/index_background.jpg); background-repeat: no-repeat; background-position: top; position:relative;}

* {padding: 0;	margin: 0;}

html {overflow: scroll;}

/* Make sure the table cells show the right font */
td {font-family:Arial, Helvetica, sans-serif;}

/* Typography */
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
h1 {font-size: 21px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
.whiteText {color:#FFFFFF;}

/* Outer Areas, Header, Footer */
#container {
	width:960px;
	margin:0 auto;
	text-align: left;
}

#contentframe {
	width: 930px;
	text-align: left;
	float: left;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#contentframe2 {
	width: 930px;
	text-align: left;
	float: left;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
* html #contentframe2 {
	width: 945px;
	text-align: left;
	float: left;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
}

#contentframeNews2 {
	width: 930px;
	text-align: left;
	float: left;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
* html #contentframeNews2 {
	width: 945px;
	text-align: left;
	float: left;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
}

#headerBar {
	float: left;
	background-color:transparent;
	width: 945px;
	height: 100px;
	padding-left: 15px;
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;
}
#mainIndex {
	float: left;
	background-color:transparent;
	width: 930px;
	height: 200px;
	padding: 15px;
	padding-top: 5px;
}

/* Backgrounds */
#c1 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}
#c2 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}
#c3 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}
#c4 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}
#c5 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}
#c6 {background-image:url(bbfv.jpg); background-position:top; background-repeat:repeat-x;}

/* 2 column layout Option a */
.a2cols #c1 {
	float: left;
	padding: 8px;
	margin: 0;
	width: 283px;
	height:183px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
a:link {color: #640100; font-weight: bold;}
a:visited {color: #640100; font-weight: bold;}
a:hover {color: #640100; font-weight: bold;}

.a2cols #c2 {
	float: left;
	padding: 8px;
	margin: 0;
	width: 283px;
	height:183px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 15px;
}
.a2cols #c3 {
	float: left;
	margin: 0;
	width: 296px;
	height:199px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 15px;
}

.a2cols #c4 {
	float: left;
	margin: 0;
	width: 615px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 0px;
}

.a2cols #c4 img{float: left;}
.a2cols #c5 img{float: left;}

.a2cols #c5 {
	float: left;
	margin: 0px;
	width: 296px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 15px;
	height: 272px;
}


/* 2 column layout Option b */
.b2cols #c1 {
	float: left;
	width: 620px;
	margin: 0;
	padding-bottom: 15px;
	
}


.b2cols #c1 img {border: 0px;}

.b2cols #c1 .navBox li{
	color: #2f1504;
	font-size: 11px;
	margin-left: 0px;
}

.b2cols #c1 li{
	color: #2f1504;
	font-size: 11px;
	margin-left: 15px;
}

* html .b2cols #c1 li{
	color: #2f1504;
	font-size: 11px;
	margin-left: 15px;
}

.b2cols #c1 ol {margin-left: 10px; margin-bottom: 10px;}

#siteMapList{color: #333333; list-style-image: url(../img/site/red_list_dot.gif); list-style-position: outside;padding: 0px;}
.indent li {margin-left: 13px;}
.indent {margin-bottom: 20px;}
.b2cols #c2 {
	float: left;
	padding: 8px;
	margin: 0;
	width: 284px;
	height:250px;
	margin-left: 15px;
}
.b2cols #c3 {
	margin-left: 14px;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 1px #969391;
	float: left;
	width: 295px;
	
	
}

* html .b2cols #c3 {margin-left: 8px; margin-right: 0px; width: 295px; margin-right: 0px; padding-right: 0px;}
* html .b2cols #c4 {margin-left: 8px; margin-right: 0px; width: 285px; margin-right: 0px; padding-right: 0px;}

.b2cols #c4 {
	float: left;
	margin: 0;
	width: 295px;
	margin-left: 14px;
	margin-top: 15px;
	border: solid 1px #969391;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.b2cols #c5 {
	float: left;
	width: 278px;
	height:250px;
	padding: 8px;
	margin: 0;
	margin-left: 15px;
}
.b2cols #c6 {display: none; visibility: hidden;}


.c2cols #c1 {
	float: left;
	width: 620px;
	margin: 0;
	padding-bottom: 15px;
}

.c2cols #c3 {
	margin-left: 14px;
	background-image: url(../img/site/background_leftbox.jpg);
	background-repeat: repeat-x;
	background-position: left;
	border: solid 1px #969391;
	float: left;
	width: 295px;
	height: 463px;
}

* html .c2cols #c3 {margin-left: 8px; margin-right: 0px; width: 285px; margin-right: 0px; padding-right: 0px;}
* html .c2cols #c4 {margin-left: 8px; margin-right: 0px; width: 285px; margin-right: 0px; padding-right: 0px;}

/* 3 column layout Option a */
.a3cols #c1,.a3cols #c4 {float: left; width: 284px; height: 250px; padding: 8px; margin: 0; margin-left: 15px;}
.a3cols #c2,.a3cols #c5 {float: left; width: 284px; height: 250px; padding: 8px; margin: 0; margin-left: 15px;}
.a3cols #c3,.a3cols #c6 {float: left; width: 284px; height: 250px; padding: 8px; margin: 0; margin-left: 15px; margin-right: 15px;}

.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}
#logo {
	position: absolute;
	width: 319px;
	height: 105px;
	left: 6px;
	top: 10px;
	z-index: 1000;
}
#nav {
	background-image: url(../img/site/background_nav.jpg); background-repeat: repeat-x; border: solid #ffffff 13px; height: 30px; background-position: top; float: left; width: 934px;}

#nav ul {margin: 0px; padding: 0px; list-style: none; margin-top: 7px; margin-left: 7px;}
#nav li {display: inline; margin-right: 66px; color: #2f1504;}

#nav a:link {color: #2f1504; text-decoration: none;}
#nav a:visited {color: #2f1504; text-decoration: none;}
#nav a:hover {color: #2f1504; text-decoration: underline;}


#c1 h1, #c2 h1, #c3 h1, #c4 h1 {
	color: #2e2e2e;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
#c5 h1 {color: #2e2e2e; font-size: 24px; margin: 0px; padding: 0px; margin-bottom: 5px;}
#mainIndex h2 {color: #ffffff; font-size: 24px; margin: 0px; padding: 0px; margin-bottom: 5px;}
#mainIndex h3 {font-weight: bold; margin: 0px; padding: 0px; font-size: 11px; color: #ffffff; margin-bottom: 7px;}
.h2noMarg h2 {margin: 0px; padding: 0px; padding-bottom: 10px;}
h2 {
	color: #2e2e2e;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
h3 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #2e2e2e;
	margin-bottom: 3px;
}
p {color: #2e2e2e; font-size: 11px; line-height: 13pt; margin-bottom: 10px;}
#c1 p {
	color: #2e2e2e;
	font-size: 11px;
	line-height: normal;
	margin-bottom: 10px;
}
.productImg {float: left; width: 116px; height: 85px; border: solid 2px #7d1d0d;}
.productFloat {
	float: left;
	width: 160px;
}
.productFloat ul {margin: 0px; padding: 0px; list-style-image: url(../img/site/red_dot.gif); list-style-position: outside; margin-left: 22px; font-size: 10px; color: #2e2e2e;}
.productFloat li {line-height: 12pt;}

.productFloat a:link {color: #640100; text-decoration: none; font-weight: bold;}
.productFloat a:visited {color: #640100; text-decoration: none; font-weight: bold;}
.productFloat a:hover {color: #640100; text-decoration: none; font-weight: bold;}
.phoneNo {
	float: left;
	width: 276px;
	text-align: right;
	font-size: 21px;
	font-weight: bold;
	color: #b40000;
	margin-top: 3px;
}

.padding8px {padding: 8px;}
#buttonBox {width: 615px; height: 54px; background-image: url(../img/site/background_button.jpg); background-repeat: repeat-x; background-position: left;}
.button {
	padding: 20px;
	padding-bottom: 10px;
	border-right: solid 1px #ffffff;
	width: 100px;
	text-align: center;
	color: #2f1504;
	height: 31px;
	padding-top: 12px;
	float: left;
}

.button a:link {font-size: 14px; font-weight: bold; color: #2f1504; text-decoration: none;}
.button a:visited {font-size: 14px; font-weight: bold; color: #2f1504; text-decoration: none;}
.button a:hover {font-size: 14px; font-weight: bold; color: #2f1504; text-decoration: none;}

.indexBox {
	float: left;
	width: 150px;
	margin-right: 15px;
}

.indexBox ul {margin: 0px; padding: 0px; list-style: none; margin-left: 0px;}
.indexBox li {font-size: 10px; color: #ffffff;}

.indexBox a:link {text-decoration: none; font-size: 10px; color: #fff;}
.indexBox a:visited {text-decoration: none; font-size: 10px; color: #fff;}
.indexBox a:hover {text-decoration: underline; font-size: 10px; color: #fff;}

#titleBox {height: 64px; width: 610px; padding-top: 45px; padding-left: 10px;}

#titleBox h1 {color: #ffffff; font-size: 40px;}

.navBox {
	width: 208px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #e0e0e0;
}
#navBoxh2 h2 {margin: 0px; padding: 0px;}
#navBoxh2 {
	padding: 5px;
	
}
.navBox ul {margin: 0px; padding: 0px; list-style: none;}
.navBox li {
	padding: 8px;
	background-image: url(../img/site/nav_list_background.jpg);
	background-repeat: repeat-x;
	width: 192px;
	color: #b40000;
	font-weight: bold;
}

.navBox a:link {color: #b40000; text-decoration: none; font-weight: bold;}
.navBox a:visited {color: #b40000; text-decoration: none; font-weight: bold;}
.navBox a:hover {color: #b40000; text-decoration: underline; font-weight: bold;}

#contentFrame3 {
	width: 310px;
	float: left;
	
}

.a2cols #c5 #newsBoxBlack {background-color: #1f0f04; width: 295px;}
#newsBoxBlack {background-color: #1f0f04; width: 295px;}
.newsBoxBlackTxt {
	float: left;
	padding: 5px;
	width: 158px;
	padding-bottom: 1px;
	padding-left: 8px;
}
#newsBoxBlack img {float: left; width: 123px;}

#newsBoxBlack h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: normal;
	margin-bottom: 3px;
}

.a2cols #c5 #newsBoxBlack h2 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#newsBoxBlack p {font-size: 10px; color: #ffffff; line-height: normal; margin-bottom: 4px;}
.a2cols #c5 #newsBoxBlack p {font-size: 10px; color: #ffffff; line-height: normal; margin-bottom: 4px; margin-top: 0px;}
#date {
	float: left;
	width: 70px;
	height: 13px;
}
#date h3 {color: #fe0707; font-size: 10px; font-style: italic;}
#readMore {
	float: left;
	width: 80px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	height: 13px;
}

#readMore a:link{color: #ffffff; text-decoration: none;}
#readMore a:visited{color: #ffffff; text-decoration: none;}
#readMore a:hover{color: #ffffff; text-decoration: underline;}

#contentframe2 #c1 h2{font-size: 14px; margin: 0px; padding: 0px; margin-bottom: 10px; font-weight: bold; line-height: 15pt;}
.otherNews {
	padding: 8px;
}



.otherNews ul {list-style-image: url(../img/site/red_dot_greybg.gif); list-style-position: outside; margin: 0px; padding: 0px; margin-left: 20px;}
.otherNews li {line-height: 10pt; color: #2e2e2e; font-size: 10px;}

.a2cols #c5 .otherNews {
	padding: 4px;
}

.a2cols #c5 .otherNews ul {list-style-image: url(../img/site/red_dot_greybg.gif); list-style-position: outside; margin: 0px; padding: 0px; margin-left: 20px;}
.a2cols #c5 .otherNews li {
	line-height: 8pt;
	color: #2e2e2e;
	font-size: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

.a2cols #c5 .otherNews a:link {text-decoration: none; color: #2e2e2e; font-size: 10px;}
.a2cols #c5 .otherNews a:visited {text-decoration: none; color: #2e2e2e; font-size: 10px;}
.a2cols #c5 .otherNews a:hover {text-decoration: underline; color: #2e2e2e; font-size: 10px;}

* html .contentframe2 {padding-right: 0px;}
.newsIndex {
	float: left;
	width: 130px;
	margin-left: 8px;
	margin-bottom: 10px;
}

* html .newsIndex {margin-bottom: 0px;}

.newsIndex a:link {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: none;}
.newsIndex a:visited {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: none;}
.newsIndex a:hover {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: underline;}

.newsFeed a:link {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: none;}
.newsFeed a:visited {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: none;}
.newsFeed a:hover {color: #b40000; font-size: 11px; font-weight: bold; text-decoration: underline;}

.newsFeed	{
	float: left;
	width: 130px;
	margin-left: 8px;
	margin-bottom: 10px;
}
	
	* html .newsFeed {margin-bottom: 0px;}
.contactTable {color: #2e2e2e; float: left;}
form {margin: 0px; padding: 0px;}
.input {width: 150px;}
.address {width: 200px; height: 60px;}
.comment {width: 200px; height: 100px;}
.sendButton {background-color: #f11817; color: #ffffff; border: 0px;}
.addressBox {
	float: left;
	width: 200px;
	margin-left: 60px;
	color: #000000;
	margin-top: 21px;
	line-height: 15pt;
}

.marginLeft15px {margin-left: 15px;}
.marginTop15px {margin-top: 15px;}
.blazePacks {
	width: 300px;
	float: left;
	height: 126px;
	background-image: url(../img/site/products/noise_reduction_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: 19px;
	margin-top: 19px;
}
.fireBlankets {
	width: 300px;
	height: 126px;
	background-image: url(../img/site/products/fire_blankets_bg.jpg);
	float: left;
	background-position: bottom;
	background-repeat: no-repeat;
}
.hotWorks {
	width: 300px;
	height: 126px;
	background-image: url(../img/site/products/hot_works_bg.jpg);
	float: left;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: 19px;
}
.bespokeSolution {
	width: 300px;
	height: 126px;
	margin-top: 19px;
	background-image: url(../img/site/products/bespoke_bg.jpg);
	float: left;
	background-position: bottom;
	background-repeat: no-repeat;
}


.productTxt {
	margin: 15px;
	width: 175px;
	font-size: 10px;
	margin-top: 5px;
}

* html .productTxt {margin-top: 0px; margin-bottom: 0px;}



.productTxt a:link {text-decoration: underline; color: #ffffff; font-weight: bold; font-size: 11px;}
.productTxt a:visited {text-decoration: underline; color: #ffffff; font-weight: bold; font-size: 11px;}
.productTxt a:hover {text-decoration: underline; color: #ffffff; font-weight: bold; font-size: 11px;}

.formBox {width: 286px; float: left;}
.formBox p {margin-top: 22px; margin-left: 15px;}
.newsBox {
	float: left;
	width: 365px;
	padding: 10px;
}

* html .newsBox {width: 365px; border: solid 1px white;}
.newsBox h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	font-size: 15pt;
	color: #333333;
	font-weight: normal;
}

.newsTitleBox {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 2px;
}
.overallNewsBox {
	padding-bottom: 10px;
	float: left;
	width: 620px;
	margin-bottom: 15px;
}

.newsImgBox {
	float: left;
	width: 210px;
	margin: 10px;
	margin-right: 10px;
}



.newsImgBox img {float: left; width: 210px; border:#999 solid 1px;	margin-top: 38px;}

.caption {
	background-color: #d89135;
	border: solid 1px #999999;
	padding: 5px;
	font-size: 11px;
	color: #ffffff;
}

.dateBoxNews {font-style: italic; color: #333333; margin-bottom: 10px; font-size: 10px;}

.linksBox {width: 600px; padding: 10px;}
.backTop {text-align: right; font-weight: normal; padding-right: 10px; font-size: 10px;}
.whyChoose {color: #000000; list-style: none; margin-left: 20px; line-height: 15pt;}
.darkColor {color: #640100; font-weight: bold;}
#copyright {text-align: right; font-size: 10px;}

#copyright a:link {text-decoration: underline; color: #ffffff;}
#copyright a:visited {text-decoration: underline; color: #ffffff;}
#copyright a:hover {text-decoration: underline; color: #ffffff;}

.productTable {
	color: #333333;
	font-size: 12px;
	border: solid 1px #cccccc;
}

.price {color: #b40000; font-size: 14px; font-weight: bold;}

.bordRightBottom {border-right: solid 1px #cccccc; border-bottom: 1px solid #cccccc;}
.bordRight {border-right: solid 1px #cccccc;}
.bordBottom {border-bottom: solid 1px #cccccc;}
.productTable td {padding: 3px; padding-top: 8px; padding-left: 8px;}
.productTableBg {background-color: #F4F4F4;}
.bold {font-weight: bold;}

.contentImg	{width: 208px;padding: 0 0 15px 15px; float: right; display:block; clear:both;}