/* HTML elements */
body, h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0; padding: 0;
}

a img {
	border: none;
}

body {
	background: #0D0D0D url(../img/body_bg.jpg) repeat-x;
	font: 62.5%/1.3 Arial, Helvetica, sans-serif;
	color: #FFF;
}

/* Custom global elements */
.hide {
	position: absolute;
	left: -9999px;
}

.strapline {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.legals, .legals a {
	color: #454545;
}

.sitemap-link {
	color: #DB6515;
}

.heading-home-welcome {
	background: url(../img/home_heading_welcome.png) no-repeat;
	height: 16px;
	width: 571px;
}
.heading-sitemap {
	background: url(../img/Sitemap.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-links {
	background: url(../img/links.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-openings {
	background: url(../img/headers/openings_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-coatings {
	background: url(../img/headers/coatings_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-contact {
	background: url(../img/headers/contact_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}

.heading-refurb {
	background: url(../img/headers/refurb_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-products {
	background: url(../img/headers/products_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-barrier {
	background: url(../img/headers/barrier_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-pipes {
	background: url(../img/headers/pipe_tittle.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-pipes {
	background: url(../img/headers/pipe_tittle.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-refurb {
	background: url(../img/headers/refurb_title.jpg) no-repeat;
	height: 20px;
	width: 571px;
}

.heading-fireproof {
	background: url(../img/fireproof_head.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-interior {
	background: url(../img/interior_head.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-paintproducts {
	background: url(../img/paintproducts.jpg) no-repeat;
	height: 20px;
	width: 571px;
}
.heading-external {
	background: url(../img/external_head.jpg) no-repeat;
	height: 20px;
	width: 571px;
}

.heading-about-welcome {
	background: url(../img/about.jpg) no-repeat;
	height: 16px;
	width: 571px;
}
.heading-order-welcome {
	background: url(../img/home_order_welcome.jpg) no-repeat;
	height: 16px;
	width: 571px;
}

.boxes-image-link {
	overflow: hidden;
	margin-bottom: 2em;
}

.boxes-image-link ul {
	list-style: none;
}

.boxes-image-link li {
	background: #D6E2E5;
	padding: 5px;
	float: left;
	margin-left: 3px;
}

.boxes-image-link li.first {
	margin-left: 0;
}

.boxes-image-link a {
	display: block;
	text-decoration: none;
	color: #454545;
	font-weight: bold;
	background: url( ../img/icon_arrow.gif) no-repeat right bottom;
	line-height:1;
}

.boxes-image-link img {
	display: block;
	margin-bottom: .5em;
}

/* Structural elements */
#page {
	width: 900px;
	position: relative;
	margin: 0 auto;
}

#masthead {
	background: url(../img/masthead_bg.png) no-repeat right top;
}

#masthead .strapline {
	position: absolute;
	top: 0;
	right: 0;
	width: 720px;
	padding: 10px 0;	
}



#masthead .email {
	display: block;
	background: url(../img/masthead_email.jpg) no-repeat;
	width: 303px;
	position: absolute;
	height: 46px;
	right: 228px;
	top: 34px;
}

#masthead .tel {
	display: block;
	background: url(../img/masthead_tel.jpg) no-repeat;
	width: 224px;
	height: 46px;
	position: absolute;
	right: 0;
	top: 34px;
}

#masthead .navbar {
	background: url(../img/navbar.png) no-repeat;
	position: absolute;
	width: 527px;
	height: 41px;
	right: 0;
	top: 82px;
}

#masthead ul {
	list-style: none;
}

#masthead .navbar li {
	float: left;
}

#masthead .navbar a {
	display: block;
	height: 41px;
}

#masthead .navbar a:hover, #masthead .navbar a.selected {
	background: url(../img/navbar_selected.png) no-repeat;
}

#masthead .nav-home a {
	width: 96px;
}

#masthead .nav-about a {
	width: 109px;
}

#masthead .nav-products a {
	width: 103px;
}

#masthead .nav-links a {
	width: 69px;
}

#masthead .nav-contact a {
	width: 140px;
}


#masthead .nav-home a:hover {
	background-position: 0;
}

#masthead .nav-about a:hover {
	background-position: -96px;
}

#masthead .nav-products a:hover {
	background-position: -205px;
}

#masthead .nav-links a:hover {
	background-position: -308px;
}

#masthead .nav-contact a:hover {
	background-position: -377px;
}

#container {
	background: #F1F1F1;
	padding: 7px;
	overflow: hidden;
	color: #454545;
}

#content {
	background: url(../img/content_bg.png) repeat-y;
	overflow: hidden;
}

#windowbox {
	margin-bottom: 5px;
}

#primary {
	float: right;
	width: 622px;
	padding: 10px 15px;
	font-size: 1.2em;
}

#primary h2, #primary p, #primary ul, #primary ol {
	margin-bottom: 1em; 
}

#primary ul, #primary ol {
	margin-left: 2em;
}

#primary .boxes-image-link ul {
	margin: 0;
}

#sidebar {
	float: left;
	width: 214px;
	padding: 5px;
}

#footer {
	position: relative;
	margin-top: 1em;
	margin-bottom: 50px;
}

#footer .sitemap-link {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
}



.pricing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC6600;
}
.productheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 18px;
	color: #B2300C;
}
.produc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #3366CC;
}