html, body, form, fieldset, img {
margin:0; padding:0;
}
body {
	background: #a5a5a5;
	color: #555;
	font-family:Arial,Verdana,sans-serif;
	line-height: 1.5;
	font-size:0.8em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
p, pre, blockquote, ul, ol, h1, h2, h3 {
	margin: 1em 0;
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #4F4F4F;
	height: 1px;
}

/* headings */
h1, h2, h3, h4 {
	line-height: normal;
	color: #666666;
	margin: 0 0 5px;
	padding: 0;
}
h1 {
	font-size: 175%;
	padding:16px 0 8px 0;
	color:#000;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 105%;
}

/* links */
a, a:visited {
	color: #00f;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

a img {
	border: none;
}

/* lists */
ul {
	list-style: none;
}
ul li {
	padding-left: 30px;
}

ul.bullets {
	list-style:square !important;
	margin: 1em 1em 1em 2em;
}
ul.bullets li {
	padding-left: 16px;
	margin-left: 16px;
}
ol li {
	margin-left: 35px;
}

/* tables */
th {
	font-weight: bold;
	text-align: left;
	font-size: 100%;
}

/* forms */

form {margin:0 40px 16px 8px; border:1px solid #ccc; background-color:#eee; padding:8px 8px;}
input, textarea, select {font-size: 12px; color:#000; display:block;}
fieldset {border:0; padding:0; margin:0;}
legend {display:none;}
label {cursor: pointer;}

/* misc */
.wrap {
	clear: both;
	width: 100%;
}
.main {
	background: url(../images/bg-main-body.gif) repeat-y center top;
	margin: 0 auto;
	width: 980px;
}
.inner {
	margin: 0 10px;
	padding: 0 20px;
}


/* -------------------------------------------------------------------------------- */
/* header */
#header {
	background: url(../images/bg-main-top.gif) no-repeat center top;
	line-height: normal;
	margin-top: 20px;
	padding-top: 10px;
	position: relative;
	z-index: 999;
}

#header .inner {
	background:#FDE64B;
	height: 116px;
	padding: 0;
	position: relative;
}

#header a.logo {
	margin: 0;
	padding: 0;
	background: url(../images/logo6.jpg) no-repeat center;
	display: block;
	height: 110px;
	width: 960px;
}


/* -------------------------------------------------------------------------------- */
/* navbar */

#navBar {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 9999;
}
#navBar .main {
	position: relative;
}
#navBar .inner {
	background: #222;
	padding: 0;
}
#navBar a, #nwth-subnav a {
	line-height: normal;
	outline: none;
}
#navBarMenu {
	margin: 0;
	padding: 0;
}
#navBarMenu ul {
	margin: 0;
	padding: 0;
	background: #222;
	background-image:url(/images/bg-shine.gif);
	background-repeat:repeat-x;
	float: left;
	width:100%;
}
#navBarMenu li {
	float: left;
	padding: 0;
	margin: 0;
}

#navBarMenu a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 90%;
	color: #ccc;
	padding: 7px 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#navBarMenu a:hover,
#navBarMenu a:active,
#navBarMenu a:focus,
#navBarMenu li.active a,
#navBarMenu li.active a:hover,
#navBarMenu li.active a:active,
#navBarMenu li.active a:focus {
	color: #fff;
}

body#home #navBarMenu li.home a, 
body#toolhire #navBarMenu li.toolhire a,
body#steel #navBarMenu li.steel a,
body#salvage #navBarMenu li.salvage a,
body#polytunnels #navBarMenu li.polytunnels a,
body#gallery #navBarMenu li.gallery a,
body#about #navBarMenu li.about a, 
body#contact #navBarMenu li.contact a
{
	background:#FDE64B;
	color: #000;
	background-image:url(/images/bg-shine-selected.gif);
	background-repeat:repeat;
}

/* -------------------------------------------------------------------------------- */
/* mast */
#mast {
	padding: 0;
	margin: 0;
	z-index: 10;
}
#mast .inner {
	padding: 0;
}
#mast #visual {
	background:#FDE64B;
	height:6px;
}

/* -------------------------------------------------------------------------------- */
/* mainBody */
#mainBody {
	clear: both;
	padding: 0;
}
#mainBody .main .inner {
	background: url(../images/bg-left-column.gif) repeat-y left top #fff;
	padding: 0;
}
#mainContent{
	float: right;
	width: 720px;
	min-height:500px;
}
#nwth-current-content {
	margin: 0 0 15px;
	padding: 0 15px;
}

table.sizes {width:auto; border:1px solid #aaa; padding:0; margin:0; -moz-box-shadow: 2px 2px 6px #888; -webkit-box-shadow: 2px 2px 6px #888; box-shadow: 2px 2px 6px #888;}
table.sizes th {padding:4px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee}
table.sizes td {font-size:90%; border-right:1px solid #ccc; padding:4px; vertical-align:top}
table.sizes tfoot td{padding:4px; border-top:1px solid #ccc; background-color:#f1f1f1}

.thumbnailsRow {width:100%; margin:0; padding:0; text-align:center;}
.thumbnailsRow img {margin:0 8px 0 0; display:inline; border:1px solid #ccc;}
.thumbnailsRow a {border:1px solid #ccc; padding:4px; margin-right:2px; display:inline-block;}
.thumbnailsRow a:hover {border:1px solid #F89A20;}
.thumbnailsRow a img {margin:0; padding:0; border:0; display:inline;}

#thumbnailsCol {float:left; width:170px; margin-right:12px; text-align:center;}
#thumbnailsCol img {padding:4px;}


div.galleryIcon {
clear:both;
background: url(../images/bg-icon-gallery.png) no-repeat 0px 12px;
background-color:#fff;
padding-left:52px;
height:80px;
vertical-align:middle;
}

div.galleryIconL{
float:left;
background-position: 180px 12px;
padding-left:232px;
}

div.galleryIcon h2 {
margin-left:8px;
border-bottom:2px solid #FDE64B;
width:340px;
}

div.galleryIcon p {
padding-left:8px;
}


p.contact {
	background: url(../images/bg-contact.gif) no-repeat left top #fff;
	padding-left: 28px;
	margin-left:16px;
	height:16px;
}

body#salvage p.contact {
	margin-left:186px;
}

/* -------------------------------------------------------------------------------- */
/* sideBars */
.tocLeft, .tocRight {
	float: left;
	width: 240px;
	padding: 0;
	margin-top:32px;
	vertical-align:top;
}
.tocRight {
	float: right;
}
div.tocLeft h3 {
	background:#a5a5a5;
	border-right: 5px solid #666;
	color: #fff;
	font-size: 100%;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #333;
	margin: 0 0 10px;
	padding: 7px 0 7px 15px;
}

div.tocLeft h4 {
	background:#dedede;
	border-right: 5px solid #999;
	color: #555;
	font-size: 100%;
	letter-spacing: 0px;
	margin: 4px 0 0 0;
	padding: 8px 4px 4px 15px;
}
div.tocLeft h4 strong {
	color:#333;
	text-shadow: 2px 2px 2px #999;
}
.tocLeft ul, .tocRight ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.tocLeft li {
	background: url(../images/bg-divider.gif) repeat-x left bottom;
	display: block;
	line-height: normal;
	margin: 0 4px 0 0;
	padding: 0;
}

.main.a .tocLeft li a.a, .main.b .tocLeft li a.b,
.main.c .tocLeft li a.c, .main.d .tocLeft li a.d,
.main.e .tocLeft li a.e, .main.f .tocLeft li a.f,
.main.g .tocLeft li a.g, .main.h .tocLeft li a.h,
.main.i .tocLeft li a.i, .main.j .tocLeft li a.j,
.main.k .tocLeft li a.k, .main.l .tocLeft li a.l,
.main.m .tocLeft li a.m, .main.n .tocLeft li a.n,
.main.o .tocLeft li a.o, .main.p .tocLeft li a.p
{
background: url(../images/bg-bullet-selected-2.gif) no-repeat 6px 4px;
background-color:#fff;
color: #F89A20;
}

.tocLeft li a {
	background: url(../images/bg-bullet.gif) no-repeat 16px 12px;
	color: #555;
	display: block;
	margin: 0;
	outline: none;
	padding: 8px 0 8px 30px;
	text-decoration: none;
	width:auto;
}
.tocLeft li a:visited {
	color: #555;
}

.tocLeft li a:hover, .tocRight li a:hover, 
.tocLeft li a:active, .tocRight li a:active, 
.tocLeft li a:focus, .tocRight li a:focus {
	background: url(../images/bg-bullet-hover.gif) no-repeat 16px 12px;
	color: #F89A20;
	text-decoration: none;
}


/* -------------------------------------------------------------------------------- */
/* footer */
#footer {
	background: url(../images/bg-main-bottom.gif) no-repeat center bottom;
	clear: both;
	margin: 0 0 20px;
	padding-bottom: 10px;
	font-size: 95%;
}
#footer .main {
	color: #aaa;
}
#footer .inner {
	background: #222222;
	border-top: 1px solid #333333;
	background-image:url(../images/bg-footer.gif);
	background-repeat:repeat-x;
}

#footer .footerlogo
{
	padding: 10px;
	background: url(../images/bg-footer-logo-2.gif) no-repeat right top;
}
#footer a {
	color: #555555;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #F89A20;
}
#footer small {
	font-size: 100%;
}
#footer ul {
	float: right;
	margin: 0;
	padding: 0;
}
#footer li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#footer li a {
	color: #555555;
	display: inline;
	padding: 0 10px;
}
#footer li a:hover,
#footer li a:focus,
#footer li a:active {
	color: #F89A20;
}

/* -------------------------------------------------------------------------------- */
/* browser specific */

/* clearFix */
* html .clearFix {
	height: 1%; /* IE5-6 */
}

.clearFix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearFix {
	display: block; /* O */
}

.clearFix:after {
	clear: both;
	content: "."; /* FF, O, etc. */
	display: block;
	height: 0;
	visibility: hidden;
}