/* Start of CMSMS style sheet 'nav' */
/*

	NAVIGATION

*/

ul#nav {
	height: 200px;
	background: url(_img/nav/nav.gif) no-repeat;
	margin: 74px 0 10px 0;
	padding: 0;
	list-style: none;
}
ul#nav li {
	margin: 0 0 1px 0;
	padding: 0;
}
ul#nav li a {
	display: block;
	width: 165px;
	height: 24px;
	font-size: 0;
	text-indent: -9999px;
}

ul#nav li#nav-li-1 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px 0; }
ul#nav li#nav-li-2 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -25px; }
ul#nav li#nav-li-3 a:hover, ul#nav li#nav-li-3.hover a { background: url(_img/nav/nav.gif) no-repeat -200px -50px; }
ul#nav li#nav-li-4 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -75px; }
ul#nav li#nav-li-5 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -100px; }
ul#nav li#nav-li-6 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -125px; }
ul#nav li#nav-li-7 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -150px; }
ul#nav li#nav-li-8 a:hover { background: url(_img/nav/nav.gif) no-repeat -200px -175px; }

#home ul#nav li#nav-li-1 a { background: url(_img/nav/nav.gif) no-repeat -400px 0; }
#about-us ul#nav li#nav-li-2 a { background: url(_img/nav/nav.gif) no-repeat -400px -25px; }
#products ul#nav li#nav-li-3 a { background: url(_img/nav/nav.gif) no-repeat -400px -50px; }
#services ul#nav li#nav-li-4 a { background: url(_img/nav/nav.gif) no-repeat -400px -75px; }
#metal-roof-coating ul#nav li#nav-li-5 a { background: url(_img/nav/nav.gif) no-repeat -400px -100px; }
#electrical-systems ul#nav li#nav-li-6 a { background: url(_img/nav/nav.gif) no-repeat -400px -125px; }
#plant-estimator ul#nav li#nav-li-7 a { background: url(_img/nav/nav.gif) no-repeat -400px -150px; }
#contact-us ul#nav li#nav-li-8 a { background: url(_img/nav/nav.gif) no-repeat -400px -175px; }

ul#subnav {
	list-style: none;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	height: 30px;
	background: #B4AC83 url(_img/nav/subnav.gif) no-repeat;
	margin: 0;
	padding: 0;
}
ul#subnav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}
ul#subnav li a {
	height: 30px;
	font-size: 0;
	text-indent: -9999px;
	display: block;
}

ul#subnav li#subnav-li-1 a { width: 171px; }
ul#subnav li#subnav-li-2 a { width: 180px; }
ul#subnav li#subnav-li-3 a { width: 163px; }
ul#subnav li#subnav-li-4 a { width: 119px; }
ul#subnav li#subnav-li-5 a { width: 164px; }
ul#subnav li#subnav-li-5 { margin-right: 0; }

ul#subnav li#subnav-li-1 a:hover { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat 0 -50px; }
ul#subnav li#subnav-li-2 a:hover { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -173px -50px; }
ul#subnav li#subnav-li-3 a:hover { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -355px -50px; }
ul#subnav li#subnav-li-4 a:hover { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -520px -50px; }
ul#subnav li#subnav-li-5 a:hover { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -641px -50px; }

#products #concrete-mixing ul#subnav li#subnav-li-1 a { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat 0 -100px; }
#products #tile-manufacturing ul#subnav li#subnav-li-2 a { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -173px -100px; }
#products #racking-curing ul#subnav li#subnav-li-3 a { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -355px -100px; }
#products #packaging ul#subnav li#subnav-li-4 a { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -520px -100px; }
#products #surface-finishing ul#subnav li#subnav-li-5 a { background: #B4AC83 url(_img/nav/subnav.gif) no-repeat -641px -100px; }


/* End of 'nav' */

/* Start of CMSMS style sheet 'master' */
/*

	RE-DEFINE HTML STYLES

*/
body {
	background: #ffffff;
	color: #4C4C4C;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 15px 0;
}
h1 {
	font-size: 10px;
	color: #CAC2B8;
	margin-left: 10px;
}
h2 {
	height: 120px;
	width: 805px;
	font-size: 0;
	text-indent: -9999px;
}
h3 {
	margin: 3px 0 17px 0;
	height: 20px;
	width: 400px;
	font-size: 0;
	text-indent: -9999px;
}
h4 {
	margin: 20px 0 15px 0;
	color: #000;
	font-size: 14px;
}
h5 {
	margin: 13px 0;
	color: #4C4C4C;	
	font-size: 12px;
}
h4#plant-estimator {
	margin: 3px 0 17px 0;
	background: url(_img/headings/h4-plant-estimator.gif) no-repeat;
	height: 20px;
	width: 200px;
	font-size: 0;
	text-indent: -9999px;
}
p {
	margin: 13px 0;
}
ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0 0 10px 10px;
	padding: 0;
}
li {
	padding: 0;
	margin-bottom: 2px;
	margin-left: 17px;
}
ol {
	list-style-position: outside;
	margin: 0 0 10px 8px;
	padding: 0;
}
ol li {
	padding: 0;
	margin-bottom: 2px;
	margin-left: 17px;
}
hr { /* For Internet Explorer */
	height: 1px;
	color: #CCC;
	border: none;
}
html>body hr { /* For Opera and Gecko-based browsers */
	height: 1px;
	background-color: #CCC;
	border: 0px solid #CCC;
}
a:link, a:visited, a:active {
	color: #4C4C4C;
	font-weight: normal;
	text-decoration: underline
}
a:hover {
	color: #777;
	font-weight: normal;
	text-decoration: none
}

dl dt {
	float: left;
	width: 75px;
}

p.border {
border: 1px solid #000;
}

/*

	LAYOUT

*/
#outer-wrapper {
	width: 100%;
	background: url(_img/bg-header.gif) repeat-x;
}
#wrapper {
	width: 970px;
	margin: 0 auto;
	position: relative;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
#header {
	height: 80px;
	background: #FBFAF7;
}
#header a#logo {
	display: block;
	background: #ffffff url(_img/logo.gif) no-repeat;
	position: absolute;
	width: 310px;
	height: 75px;
	border-top: 5px solid #009865;
	top: 0;
	right: 0;
	font-size: 0;
	text-indent: -9999px;
}
#header a#logo:hover {
	background: #ffffff url(_img/logo.gif) no-repeat 0 -100px;
}

#outer-structure {
	background: #ffffff url(_img/col-repeat.gif) repeat-y 165px 0;
	position: relative;
}
#left-col {
	width: 165px;
	float: left;
	min-height: 564px;
	background: url(_img/left-col.gif) no-repeat;
	z-index: 1;
}
* html #left-col {
	height: 564px;
}

#right-col p {
margin: 0;
}

#right-col p img {
border: 6px solid #E0DDC8;
margin: 0 auto 15px auto;
}

#home #right-col p {
margin: 13px 0;
}

#outer-structure .vcard {
	font-size: 11px;
	bottom: 25px;
	left: 17px;
	line-height: 15px;
	z-index: 2;
	position: absolute;
}
#outer-structure .vcard p {
	margin: 0;
}
#outer-structure .vcard strong {
	color: #009865;
}
#outer-structure .vcard dl {
	margin: 8px 0;
}
#outer-structure .vcard dl dt {
	float: left;
	width: 15px;
}

#col {
	width: 805px;
	float: left;
}

#content-holder {
	width: 455px;
	float: left;
	padding: 20px 20px;
}
#right-col {
	width: 270px;
	float: left;
	padding: 20px 20px 20px 20px;
}
#right-col h4{
	margin: 0 0 10px 0;
}
#lower-wrapper {
	width: 100%;
	background: url(_img/bg.gif);
}
#footer {
	width: 970px;
	margin: 0 auto;
	height: 35px;
	position: relative;
	background: #B4AC83;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
#footer ul {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #C8C2A2;
	width: 310px;
	height: 35px;
	margin: 0;
	padding: 0;
}
#footer li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
}
#footer li a {
	display: block;
	height: 35px;
	font-size: 0;
	text-indent: -9999px;
}
#footer li#email-us a {
	width: 147px;
	border-right: 2px solid #ffffff;
	background: url(_img/email-us.gif) no-repeat;
}
#footer li#email-us a:hover {
	background: url(_img/email-us.gif) no-repeat 0 -50px;
}
#footer li#request-a-quote a {
	width: 161px;
	background: url(_img/email-us.gif) no-repeat -149px 0;
}
#footer li#request-a-quote a:hover {
	background: url(_img/email-us.gif) no-repeat -149px -50px;
}
#footer li#request-more-information a {
	width: 161px;
	background: url(_img/email-us2.gif) no-repeat -149px 0;
}
#footer li#request-more-information a:hover {
	background: url(_img/email-us2.gif) no-repeat -149px -50px;
}

/*================= =Image with caption ============== start ======== */
.image_with_caption {
margin:0 0 10px 0;
padding :6px 6px 0 6px;
background-color: #E0DDC8;
width: 255px;
}
.image_with_caption dt{
float:none;
}
.image_with_caption dd{
padding: 3px 10px;font-size:10px;
}
/*================= =Image with caption ============== end ========= */
/* End of 'master' */

/* Start of CMSMS style sheet 'headings' */
/*

	HEADERS 

*/
h2 {
	background: #009865 url(_img/headers/home.jpg) no-repeat;
}
html#electrical-systems h2 {
	background: #009865 url(_img/headers/electrical-systems.jpg) no-repeat;
}
html#metal-roof-coating h2 {
	background: #009865 url(_img/headers/metal-roof-coating.jpg) no-repeat;
}
html body#racking-curing h2 {
	background: #009865 url(_img/headers/racking-curing.jpg) no-repeat;
}
html body#packaging h2 {
	background: #009865 url(_img/headers/packaging.jpg) no-repeat;
}
html body#concrete-mixing h2 {
	background: #009865 url(_img/headers/concrete-mixing.jpg) no-repeat;
}
html body#surface-finishing h2 {
	background: #009865 url(_img/headers/surface-finishing.jpg) no-repeat;
}
html body#tile-manufacturing h2 {
	background: #009865 url(_img/headers/tile-manufacturing.jpg) no-repeat;
}
html#about-us h2 {
	background: #009865 url(_img/headers/about-us.jpg) no-repeat;
}
html#services h2 {
	background: #009865 url(_img/headers/services.jpg) no-repeat;
}
html#plant-estimator h2 {
	background: #009865 url(_img/headers/plant-estimator.jpg) no-repeat;
}
html#contact-us h2 {
	background: #009865 url(_img/headers/contact-us.jpg) no-repeat;
}


/*

	HEADING 

*/

html#home h3 {
	background: url(_img/headings/h3-home.gif) no-repeat;
}
html#about-us h3 {
	background: url(_img/headings/h3-about.gif) no-repeat;
}
html#products h3 {
	background: url(_img/headings/h3-products.gif) no-repeat;
}
html body#concrete-mixing h3 {
	background: url(_img/headings/h3-concrete-mixing.gif) no-repeat;
}
html body#tile-manufacturing h3 {
	background: url(_img/headings/h3-tile-manufacturing.gif) no-repeat;
}
html body#racking-curing h3 {
	background: url(_img/headings/h3-racking-curing.gif) no-repeat;
}
html body#packaging h3 {
	background: url(_img/headings/h3-packaging.gif) no-repeat;
}
html body#surface-finishing h3 {
	background: url(_img/headings/h3-surface-finishing.gif) no-repeat;
}
html#services h3 {
	background: url(_img/headings/h3-services.gif) no-repeat;
}
html#metal-roof-coating h3 {
	background: url(_img/headings/h3-metal-roof-coating.gif) no-repeat;
}
html#electrical-systems h3 {
	background: url(_img/headings/h3-electrical-systems.gif) no-repeat;
}

html#plant-estimator h3 {
	background: url(_img/headings/h3-plant-estimator.gif) no-repeat;
}
html#plant-estimator h3#result {
	background: url(_img/headings/h3-plant-estimator-results.gif) no-repeat;
}
html#plant-estimator h3#success {
	background: url(_img/headings/h3-plant-estimator-success.gif) no-repeat;
}
html#plant-estimator h3#what-next {
	background: url(_img/headings/h3-plant-estimator-next.gif) no-repeat;
margin-top: 25px;
}
html#plant-estimator h3#currencies {
	background: url(_img/headings/h3-plant-estimator-currency.gif) no-repeat;
margin-top: 25px;
}
html#plant-estimator h3#formal {
	background: url(_img/headings/h3-formal-request.gif) no-repeat;
width: 250px;
}

html#contact-us h3 {
	background: url(_img/headings/h3-contact-us.gif) no-repeat;
}
html#request-more-information h3 {
	background: url(_img/headings/h3-request-more-information.gif) no-repeat;
}
html#terms-and-conditions h3 {
	background: url(_img/headings/h3-terms-and-conditions.gif) no-repeat;
}
html#search-results h3 {
	background: url(_img/headings/h3-search-results.gif) no-repeat;
}

/* End of 'headings' */

/* Start of CMSMS style sheet 'forms' */
/* 

	FORMS
	 
*/
fieldset {
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
}
fieldset p {
	padding: 0;
	margin: 0 0 10px 0;	
}
label {
	width: 255px;
}
.fieldset {
	background: #231F20;
	border: 1px solid #666;
	color: #eee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	width: 255px;
}

#search-form {
	margin: 0;
	padding: 0;
}
#search-form fieldset {
	margin: 0;
	padding: 0;
}
#search-form fieldset legend {
	display: none;
}
#search-form fieldset label {
	background: url(_img/forms/search-label.gif) no-repeat;
	font-size: 0;
	text-indent: -9999px;
	width: 70px;
	height: 16px;
	display: block;
	margin: 0 0 0 10px;
	padding: 0;
}
input#search-input {
	margin: 0 0 0 10px;
	padding: 0;
	background: #E9E8D9;
	border: 1px solid #B4AC83;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 116px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
}
#search-form fieldset button {
	width: 18px;
	height: 18px;
	font-size: 0;
	text-indent: -9999px;
	background: url(_img/forms/search-button.gif) no-repeat;
	border: none;
	margin-left: 7px;
	vertical-align: middle;
	cursor: pointer;
}
#search-form fieldset button:hover, #search-form fieldset button.hover {
	background: url(_img/forms/search-button.gif) no-repeat 0 -20px;
}

form#estimator legend {
	display: none;
}
form#estimator label{
	margin-top: 15px;
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
        width: auto;
        color: #000;
}
form#estimator select {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	background: #E9E8D9;
	border: 1px solid #B4AC83;
	color: #000;
}
form#estimator input {
	background: #E9E8D9;
	border: 1px solid #B4AC83;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
	margin-bottom: 10px;
}
form#estimator fieldset button {
	margin: 15px 0 10px 0;
	width: 200px;
	height: 36px;
	font-size: 0;
	text-indent: -9999px;
	background: url(_img/forms/plant-button.gif) no-repeat;
	border: none;
	cursor: pointer;
        display: block;
}
form#estimator fieldset button:hover, form#estimator fieldset button.hover {
	background: url(_img/forms/plant-button.gif) no-repeat 0 -50px;
}

/*==================== =Contact Form ============== start ======= */
form#contact-form input {
	margin: 0;
	padding: 0;
	background: #E9E8D9;
	border: 1px solid #B4AC83;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
}
/*=========== =Errors ========= S ==*/
div.error {
        background-color: #fbfaf7;
        padding: 8px 16px 16px 16px;
        border: 1px solid red;
        margin-bottom: 19px;
}
div.error ol {
        list-style-image: none;
        margin: 0 0 0 10px;
}
form#contact-form input.error {
	margin: 0;
	padding: 0;
	background: #E9E8D9;
	border: 1px solid red;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
}
/*=========== =Errors ========= E ==*/
form#contact-form textarea {
        margin: 0;
	background: #E9E8D9;
	border: 1px solid #B4AC83;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 255px;
	line-height: 14px;
	vertical-align: middle;
}
form#contact-form label,  form#contact-form dt{
        width: 255px;
        margin-top: 9px;
        text-indent: -9999px;
	height: 24px;
	display: block;
	padding: 0;
}

/* ========= =Labels ====== S ==*/
form#contact-form label.subject {
       background: transparent url(_img/forms/cf_01_subject.gif) no-repeat top left;
}
form#contact-form label.name{
       background: transparent url(_img/forms/cf_02_name.gif) no-repeat top left;
}
form#contact-form label.company_name{
       background: transparent url(_img/forms/cf_03_company_name.gif) no-repeat top left;
}
form#contact-form label.address{
       background: transparent url(_img/forms/cf_04_address.gif) no-repeat top left;
}
form#contact-form label.postcode{
       background: transparent url(_img/forms/cf_05_postcode.gif) no-repeat top left;
}
form#contact-form label.state{
       background: transparent url(_img/forms/cf_06_state.gif) no-repeat top left;
}
form#contact-form label.country{
       background: transparent url(_img/forms/cf_07_country.gif) no-repeat top left;
}
form#contact-form label.email{
       background: transparent url(_img/forms/cf_08_email.gif) no-repeat top left;
}
form#contact-form label.phone{
       background: transparent url(_img/forms/cf_09_phone.gif) no-repeat top left;
}
form#contact-form label.comments{
       background: transparent url(_img/forms/cf_10_comments.gif) no-repeat top left;
}
/* ========= =Labels ====== E ==*/

form#contact-form p {
       margin-bottom: 10px;
}
form#contact-form fieldset button {
	margin: 15px 0;
	width: 200px;
	height: 36px;
	background: url(_img/forms/submit-button.gif) no-repeat;
	border: none;
	cursor: pointer;
	text-align: left;
	display: block;
	font-size: 0;
	text-indent: -9999px;
}
form#contact-form fieldset button:hover, form#contact-form fieldset button.hover {
	background: url(_img/forms/submit-button.gif) no-repeat 0 -50px;
}

/*==================== =Contact Form ============== end ======== */
/* End of 'forms' */

/* Start of CMSMS style sheet 'common' */
/*

	COMMON
	
*/
* {
	padding: 0;
	margin: 0;	
}
body {
	line-height: 1.5em;
}
object, img {
	display: block	
}
a img {
	border: none;
}
.hide {
	display: none;
}
.float-left {
	float: left;	
}
.float-right {
	float: right;
}
.clear {
	clear: both;
	height: 1px;
    overflow: hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* End of 'common' */

/* Start of CMSMS style sheet 'show and tell' */
/* 

	SHOW AND TELL LINK
	 
*/
#show {
	width: 940px;
	margin: 0 auto;
	font-size: 10px;
	color: #939BA1;
}
#show a:link, #show a:visited, #show a:active {
	color: #939BA1;
	font-weight: normal;
}
#show a:hover {
	color: #555;
	font-weight: normal;
}
#show p {
	padding-bottom: 30px;
	text-align: right;
	margin-top: 5px;
}

#legal-link {
	float: left;
}
#show #legal-link a {
	color: #939BA1;
}

#show a.st {
	text-decoration: none;
}

/* End of 'show and tell' */

