﻿
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, table, legend, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}

img, a img, :link img, :visited img
{
	border: 0;
}

body
{
	background: #606060 url(images/bg-gradient.png) repeat-x;
}

h1
{
	padding-top: 1.5em;
	margin-bottom: .9em;
}

h3
{
	font-size: 1.3em;
	margin-bottom: .5em;
	font-family: Times New Roman, Serif;
	font-weight:300;
}

p, ul, li, td, th
{
	font-family: Verdana, Helvetica;
	font-size: 13px;
	color: #444;
	line-height: 2em;
}

td, th
{
	vertical-align: top;
}


ul
{
	margin-left: 1.75em;
	font-size: 1em;
}

ul li
{
	margin-bottom: .6em;
}

ul#solutions
{
	margin-left: 0;
}

#container
{
	width: 980px;
	margin: 0 auto;
	background: transparent url(images/bg-content.png) repeat-y;
}

#container #header, #container #menu, #container #content, #container #footer
{
	width: 956px;
	margin: 0 auto;
	background-color: #fff;
}

#container #header
{
	height: 111px;
	background: #fff url(images/header.jpg) no-repeat;
}

#container #menu
{
	height: 30px;
	border-top: solid 1px #0689e1;
	border-bottom: solid 1px #0689e1;
	background-color: #0099ff;
}
#container #menu ul
{
	list-style: none;
	margin: 0;
}

#container #menu li
{
	float: left;
	margin: 0;
}

#container #menu li img
{
	display:inline;
}
#container #menu li.sep
{
	background: transparent url(images/menu-sep.png) no-repeat;
	height: 30px;
	width: 42px;
}


#container #content
{	background: #fff url(images/bg-menu-shadow.png) repeat-x;
	padding-bottom: 20px;
}

#container #footer
{
	background-color: #f3f3f3;
	height: 42px;
	
}

#container #footer p
{
padding-top:12px;
font-size:.7em;
text-align:center;
}

ul#solutions
{
	list-style: none;
}

ul#solutions li
{
	width: 196px;
	height: 269px;
	background: #fff url(images/bg-solution.png) no-repeat;
	text-align: center;
	margin-left: 35px;
	float: left;
}

ul#solutions li h2
{
	text-align: center;
}

ul#solutions li h2 img
{
	margin-top: 13px;
	width: 163px;
	height: 209px;
}

ul#solutions li a img
{
	width: 83px;
	height: 29px;
}

.pad30
{
	padding-left: 30px;
	padding-right: 30px;
}

p
{
	margin-bottom: 1.4em;
}

.lightgray-grad
{
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #dbdbdb;
	background: #fff url(images/bg-lightgray-gradient.png) repeat-x;
	padding-bottom: 1.3em;
}

.gray-border
{
}

.blue-sidebar
{
	background: transparent url(images/blue-sidebar.png) no-repeat;
	width: 196px;
	height: 399px;
	padding: 25px;
	margin: 1em 0 0 3em;
}

.blue-sidebar ul
{
	list-style: none;
	margin-left: 5px;
}

.blue-sidebar h2, .blue-sidebar h3
{
	margin-bottom: 1em;
	color: #fff;
}

.blue-sidebar li
{
	color: #f4f4f4;
}

.blue-sidebar a
{
	color: #fff;
	border-bottom: dotted 1px #999;
	text-decoration: none;
}

.blue-sidebar a:hover
{
	border-bottom: none;
	color: #b4e0fd;
}

.blue-sidebar li span
{
	background: transparent url(images/arrow-right.png) no-repeat center center;
	width: 12px;
	height: 10px;
	display: inline-block;
	margin-left: .8em;
}

#suppliers img
{
	vertical-align: middle;
	padding: 2em;
}

.protectcrete
{
	border-collapse: collapse;
	background-color: #f8f8f8;
}
.protectcrete td, .protectcrete th
{
	padding: 6px 10px;
	border: solid 1px #ccc;
}

.protectcrete th
{
	background-color: #fff;
}

.protectcrete td, .protectcrete th, .protectcrete td ul li, .protectcrete td p
{
	font-size: 11px;
}

.protectcrete th h3
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

a
{
	color: #0162c4;
}
a:hover
{
	color: #0099ff;
}

.noborder th, .noborder td
{
	border: none;
}

#colours
{
	list-style: none;
	width: 650px;
	margin-left: 0;
}

#colours li
{
	float: left;
	width: 130px;
	text-align: center;
}

#colours li p
{
	text-align: center;
	font-size: .8em;
}

.gallery
{
	list-style: none;
	margin-left: 0;
}

.gallery li
{
	float: left;
	width: 230px;
	text-align: center;
}

.gallery li p
{
	text-align: center;
	font-size: .8em;
}



.gallery-other li
{
	height:170px;
}

.gallery-tall
{
	height:220px !important;
}

#movieArea
{
	width: 226px;
	height: 180px;
	margin-left: 40px;
}

.specTable2
{
	font-size: 11pt;
	color: #666;
}
.specTable2 td
{
	border-bottom: solid 1px #ccc;
}

.form th
{

	text-align: left;
	font-weight: normal;
	padding: 2px 5px;
	vertical-align:middle;
}

.form em
{
	color: Red;
	font-size:.7em;
	margin-left: 5px;
}

.form tbody textarea, .form input
{
	padding: 4px 4px;
}


.form tfoot input
{
	text-align:center;
}

.val
{
	font-size:.8em;
	padding-left:20px;
}

a img
{
	display:block;
	margin:0 auto;
}

a img.inline
{
	display:inline;
}
