body {
	text-align: center;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #666;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background: #fff;
	padding: 30px 20px 0;
}

.table {
	display: table;
	width: 100%;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

a img {
	border: 0;
}

img, #top-pic h1 {
	behavior: url(http://www.copperindustries.co.uk/iepngfix.htc);
}

/*####### HEADER #######*/

#header {
	position: relative;
	height: 90px;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
}

#toptext {
	position: absolute;
	left: 213px;
	top: 10px;
	font-size: 0.9em;
}

#details {
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 1.5em;
	text-align: right;
	font-weight: bold;
}

#details #second {
	color: #E4841B;
}

#details #third {
	font-size: 56%;
	position: relative;
	top: -10px;
}

#third a {
	color: #333;
	text-decoration: none;
}

/*####### NAV #######*/

#nav {
	border-top: 1px solid #333;
	font-size: 0.8em;
}

#home .home, #about .about, #quality .quality, #products .products, #tech .tech, #contact .contact {
	color: #E4841B;
}

#nav ul {
	list-style: none;
	text-transform: capitalize;
	margin: 0;
	padding: 0 0 0 10px;
}

#nav ul li {
	float: left;
	padding: 10px 0;
}

#nav ul li a {
	color: #333;
	text-decoration: none;
	margin-right: 30px;
	padding: 60px 0;
}

#nav ul li a:hover {
	text-decoration: overline;
}

#nav ul li#tech2 {
	padding: 0;
	position: relative;
	top: 2px;
	margin-left: 40px;
}

#qlinks {
	margin-left: 66px;
}

/*####### CONTENT #######*/

#content {
	display: table;
	width: 100%;
	clear: left;
}

#cleft {
	width: 730px;
	display: table-cell;
	vertical-align: top;
}

#top-pic h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 710px;
	z-index: 999;
	color: #fff;
	font-weight: normal;
	font-size: 1.6em;
	background: url(../images/top-pic-bg.png) 0 0 no-repeat;
	margin: 0;
	padding: 10px;
}

#top-pic {
	background: url(../images/about01.jpg) 0 0 no-repeat;
	height: 290px;
	position: relative;
}

#about #top-pic {
	background: url(../images/about01.jpg) 0 0 no-repeat;
}

#about #cleft .inner p {
	font-size: 0.8em;
}

.box {
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 240px;
	height: 132px;
	color: #fff;
	margin-top: 5px;
}

.box img {
	float: right;
	margin: 20px 10px 0;
}

.box h2 {
	margin: 0 15px 7px;
	padding-top: 15px;
	font-weight: normal;
	font-size: 1.2em;
}

.box p {
	margin: 0 15px 18px;
	font-size: 0.7em;
}

.box a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 240px;
	height: 132px;
}

#blue {
	background: #00B5CC;
	margin-right: 5px;
}

#blue:hover {
	background: #21BFD3;
}

#green {
	background: #8CC63F;
	margin-right: 5px;
}

#green:hover {
	background: #9BCD58;
}

#red {
	background: #D2232A;
}

#red:hover {
	background: #D83F46;
}

#orange {
	background: #E4841B;
	margin-right: 5px;
}

#orange:hover {
	background: #E79439;
}

#lgrey {
	background: #8B9B93;
	margin-right: 5px;
}

#lgrey:hover {
	background: #9AA8A1;
}

#dgrey {
	background: #58595B;
}

#dgrey:hover {
	background: #6E6E70;
}

#kite-big {
	float: left;
	margin: 30px 0 0 30px;
}

#qinner p {
	padding: 10px 20px 0 178px;
	font-size: 0.8em;
	background: #eee;
	margin: 0;
}

#qinner #qfirst {
	padding-top: 30px;
}

#qinner #qlast {
	padding-bottom: 30px;
}

#pinner p {
	padding: 10px 20px 0;
	font-size: 0.8em;
	background: #eee;
	margin: 0;
}

#pinner #pfirst {
	padding-top: 30px;
}

#pinner #plast {
	padding-bottom: 30px;
}

#prodsummary {
	display: table;
	border-collapse: separate;
	border-spacing: 25px;
	width: 100%;
}

#prodsummary .row .cell {
	width: 50%;
}

#prodsummary ul {
	font-size: 0.8em;
}

#prod-standard, #prod-stainless, #prod-copper, #prod-solar, #prod-buffer, #prod-custom {
	font-weight: bold;
}

#prod-standard {
	color: #00B5CC;
}

#prod-stainless {
	color: #8CC63F;
}

#prod-copper {
	color: #D2232A;
}

#prod-solar {
	color: #E4841B;
}

#prod-buffer {
	color: #8B9B93;
}

#prod-custom {
	color: #58595B;
}

#techspec {
	display: table;
	width: 100%;
	margin-top: 20px;
}

.name, .spec, .manual {
	vertical-align: middle;
	display: table-cell;
	height: 81px;
}

.name, .spec {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	text-align: left;
}

.manual {
	border-bottom: 1px solid #333;
}

.name {
	width: 150px;
	text-align: center;
}

.spec, .manual {
	width: 270px;
}

.spec a, .manual a {
	text-align: left;
	background: url(../images/pdf.png) 0 0 no-repeat;
	padding-left: 50px;
	margin-left: 35px;
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 40px;
}

.prodbot {
	border-bottom: none;
}

.no1 {
	background: url(../images/spec-bg1.png) 1px 1px no-repeat;
}

.no2 {
	background: url(../images/spec-bg2.png) 1px 1px no-repeat;
}

.no3 {
	background: url(../images/spec-bg3.png) 1px 1px no-repeat;
}

.no4 {
	background: url(../images/spec-bg4.png) 1px 1px no-repeat;
}

.no5 {
	background: url(../images/spec-bg5.png) 1px 1px no-repeat;
}

#cinner {
	background: #eee;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
}

#one, #two, #three, #four {
	display: table-cell;
	font-size: 0.8em;
}

#one h2, #cform h2 {
	font-weight: normal;
}

#two address {
	font-style: normal;
}

#four a {
	color: #333;
	text-decoration: none;
}

#line {
	width: 100%;
	height: 1px;
	background: #333;
}

#cform {
	background: #eee;
	overflow: auto;
}

#cform h2 {
	font-size: 1.2em;
	margin: 0 20px 0;
	padding-top: 20px;
	border-top: 1px solid #333;
}

#cform ul {
	list-style: none;
	padding: 0;
	margin-left: 20px;
}

#cform ul li {
	font-size: 0.8em;
	padding-bottom: 1em;
	float: left;  
	clear: left;  
	width: 100%;
}

fieldset {
	border: none;
	padding: 0;
	float: left;
}

fieldset label {
	float: left;
	width: 10em;
	margin-right: 1em;
	font-weight: bold;
}

fieldset input.tbox, fieldset textarea {
	width: 316px;
}

fieldset #submit {
	background: url(../images/send-bg.png) 0 0 no-repeat;
	color: #fff;
	border: 0;
	width: 60px;
	height: 24px;
	font-size: 16px;
	padding-bottom: 3px;
}

fieldset #submit:hover {
	background: url(../images/send-bg.png) 0 -24px no-repeat;
}

.error {
	border: 1px solid #600;
	background: #ffefef;
	padding: 2px 4px;
}

/*####### SIDEBAR #######*/

#cright {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px;
}

.inner, #footer {
	border-top: 1px solid #333;
	padding-top: 10px;
}

#cright ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cright ul li {
	width: 240px;
	height: 31px;
	line-height: 31px;
	margin-bottom: 2px;
	font-size: 0.9em;
}

#cright ul li a {
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	width: 240px;
	height: 31px;
	text-transform: capitalize;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#standard {
	background: url(../images/standard.png) 0 0 no-repeat;
}

#standard:hover {
	background: url(../images/standard.png) 0 -31px no-repeat;
}

#stainless {
	background: url(../images/stainless.png) 0 0 no-repeat;
}

#stainless:hover {
	background: url(../images/stainless.png) 0 -31px no-repeat;
}

#copper {
	background: url(../images/copper.png) 0 0 no-repeat;
}

#copper:hover {
	background: url(../images/copper.png) 0 -31px no-repeat;
}

#solar {
	background: url(../images/solar.png) 0 0 no-repeat;
}

#solar:hover {
	background: url(../images/solar.png) 0 -31px no-repeat;
}

#buffer {
	background: url(../images/buffer.png) 0 0 no-repeat;
}

#buffer:hover {
	background: url(../images/buffer.png) 0 -31px no-repeat;
}

#custom {
	background: url(../images/custom.png) 0 0 no-repeat;
}

#custom:hover {
	background: url(../images/custom.png) 0 -31px no-repeat;
}

#cright p {
	font-size: 0.7em;
	margin: 8px 0 0;
}

#cright p a {
	color: #333;
	text-decoration: none;
}

#cright address {
	font-style: normal;
	font-size: 0.7em;
	margin: 8px 0 0;
}

#cright img {
	margin: 10px 0 0 10px;
}

.cell p {
	font-size: 0.8em;
	padding-right: 20px;
}

/*####### FOOTER #######*/

#footer {
	clear: both;
	margin-top: 15px;
}

#footer p {
	font-size: 0.6em;
	margin: 0;
	padding-bottom: 15px;
}

#footer p a {
	color: #333;
	text-decoration: none;
}

/*####### PRODUCTS #######*/

#prodinner {
	display: table;
	width: 100%;
	font-size: 0.8em;
}

.prod-menu {
	width: 150px;
	display: table-cell;
	height: 600px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.prod-menu p {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	margin: 0 10px;
	padding: 8px 10px;
}

.prod-menu p.top {
	border-top: 1px solid #fff;
}

.prod-menu p a {
	color: #fff;
	text-decoration: none;
	padding: 2px 0;
	display: block;
	width: 110px;
}

img.fright {
	float: right;
	margin-left: 8px;
}

#intro, #why, #adv, #how, #speci, #opt, #direct, #indirect, #twincoil, #dsolar, #range, #options, #dimensions {
	display: table-cell;
}

#intro p, #why p, #adv p, #how p, #speci p, #opt p, #direct p, #indirect p, #twincoil p, #dsolar p, #range p, #options p, #dimensions p {
	padding-left: 20px;
	padding-right: 20px;
}

#prodinner ul li {
	padding-bottom: 10px;
}

.lefted {
	text-align: left;
}

#speci ul {
	width: 153px;
	float: left;
}

/*#### ecopod ####*/

.eco-range {
	width: 265px;
	text-align: center;
	float: left;
}

#range ul {
	display: table-cell;
	list-style: none;
}

#eco table {
	margin: 0 0 0 20px;
}

#eco th {
	background: #2D919F;
	color: #fff;
	border: 1px solid #fff;
	padding: 3px;
}

#eco td {
	border-bottom: 1px solid #2D919F;
	padding: 3px;
	text-align: center;
}

th.crn {
	width: 110px;
}

/*#### maxipod ####*/

#maxi-menu {
	background: #D2232A;
}

#maxi-menu #tl {
	background: url(../images/maxi-tl.png) 0 0 no-repeat;
}

#maxi-menu #tr {
	background: url(../images/maxi-tr.png) 100% 0 no-repeat;
}

#maxi-menu #b {
	padding-top: 30px;
}

#maxi #prodinner b {
	color: #D2232A;
}

#maxi table {
	margin: 0 0 0 20px;
	background: #D2232A;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #F78F1E;
	border-right: 1px solid #F78F1E;
}

#maxi table tr td, #maxi table tr th {
	border-left: 1px solid #F78F1E;
	border-top: 1px solid #F78F1E;
	padding: 5px 3px;
}

#maxi table tr th {
	background: #F78F1E;
	font-size: 1.1em;
}

#maxi table tr td.sep {
	height: 12px;
	line-height: 12px;
}

/*#### aquapod ####*/

#aqua-menu {
	background: #8CC63F;
}

#aqua-menu #tl {
	background: url(../images/aqua-tl.png) 0 0 no-repeat;
}

#aqua-menu #tr {
	background: url(../images/aqua-tr.png) 100% 0 no-repeat;
}

#aqua-menu #b {
	padding-top: 30px;
}

#aqua #prodinner b {
	color: #01684D;
}

#aqua table {
	margin: 0 0 0 20px;
	width: 560px;
	background: #01684D;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #8CC63F;
	border-right: 1px solid #8CC63F;
}

#aqua table tr td, #aqua table tr th {
	border-left: 1px solid #8CC63F;
	border-top: 1px solid #8CC63F;
	padding: 5px 3px;
}

#aqua table tr th {
	background: #8CC63F;
	font-size: 1.1em;
}

.centered {
	text-align: center;
}

/*#### solarpod ####*/

#solar-menu {
	background: #E4841B;
}

#solar-menu #tl {
	background: url(../images/solar-tl.png) 0 0 no-repeat;
}

#solar-menu #tr {
	background: url(../images/solar-tr.png) 100% 0 no-repeat;
}

#solar-menu #b {
	padding-top: 30px;
}

#solarp #prodinner b {
	color: #E4841B;
}

#solarp table {
	margin: 0 0 0 20px;
	width: 560px;
	background: #E4841B;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #FFC21B;
	border-right: 1px solid #FFC21B;
}

#solarp table tr td, #solarp table tr th {
	border-left: 1px solid #FFC21B;
	border-top: 1px solid #FFC21B;
	padding: 5px 3px;
}

#solarp table tr th {
	background: #FFC21B;
	font-size: 1.1em;
}

#solarp table tr td.sep {
	height: 12px;
	line-height: 12px;
}

/*#### ecopod ####*/

#eco-menu {
	background: #00B5CC;
}

#eco-menu #tl {
	background: url(../images/eco-tl.png) 0 0 no-repeat;
}

#eco-menu #tr {
	background: url(../images/eco-tr.png) 100% 0 no-repeat;
}

#eco-menu #b {
	padding-top: 30px;
}

#eco #prodinner b {
	color: #00798B;
}

/*#### buffer tank ####*/

#buffer-menu {
	background: #8B9B93;
}

#buffer-menu #tl {
	background: url(../images/eco-tl.png) 0 0 no-repeat;
}

#buffer-menu #tr {
	background: url(../images/eco-tr.png) 100% 0 no-repeat;
}

#buffer-menu #b {
	padding-top: 30px;
}

#bufferp #prodinner b {
	color: #555;
}

#bufferp table {
	margin: 0 20px;
	background: #000;
	color: #fff;
}

#bufferp td {
	border-bottom: 1px solid #fff;
	padding: 7px 25px;
}

/*#### custom tank ####*/

#custom-menu {
	background: #58595B;
}

#custom-menu #tl {
	background: url(../images/eco-tl.png) 0 0 no-repeat;
}

#custom-menu #tr {
	background: url(../images/eco-tr.png) 100% 0 no-repeat;
}

#custom-menu #b {
	padding-top: 30px;
}

#customp #prodinner b {
	color: #555;
}

a#maplink {
	background: url(../images/weemap.png) 0 0 no-repeat;
	padding-left: 42px;
	line-height: 40px;
	display: block;
}