@charset "utf-8";
/* Created by Jonathan Moore on 10/09/2008 for West Midlands Media */

a {
	text-decoration:none;
	outline:none;
}
/* Site Containers */
body {
	background-color:#00467f;
	margin:0 auto;
	padding:0;
}

#container {
	margin:10px auto;
	padding:0;
	width:871px;
	display:block;
	clear:both;
}

#container #site-top {
	background-image:url(../images/site-top.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	width:871px;
	height:10px;
	display:block;
	float:left;
}

#site-container {
	background-image:url(../images/content-bg.jpg);
	background-repeat:repeat;
	margin:0 auto;
	padding:0 0 10px 0;
	width:872px;
	display:block;
	float:left;
}

*html #site-container {
	margin-top:-9px;
}

#content_container {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:835px;
}

/* Header Styles */

#headers {
	margin:40px auto;
	padding:0;
	display:block;
	float:left;
	width:825px;
	height:412px;
}

#headers #header-left {
	background-image:url(../images/header-left.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:825px;
	height:94px;
}

#headers #header-bottom {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:835px;
	height:327px;
}

/*Navigation Styles*/

#navigation {
	margin:0 auto auto 10px;
	padding:0;
	display:block;
	float:left;
	width:194px;
}

*html #navigation {margin-left:5px;}

#navigation ul {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
}

#navigation ul li {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:194px;
	list-style-type:none;
}

#navigation #link-bottom {
	background-image:url(../images/link-bottom.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	float:left;
	display:block;
	width:194px;
	height:3px;
}

*html #navigation #link-bottom {
	margin-bottom:-5px;
	float:none;
}

#navigation ul li a {
	background-image:url(../images/link-off.jpg);
	background-repeat:no-repeat;
	background-position:0% 50%;
	margin:0;
	padding:5px 0 0 16px;
	display:block;
	float:left;
	width:178px;
	height:22px;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

*html #navigation ul li a {
	background-position:0% 20%;
	margin-top:-3px;
	padding:0 0 0 16px;
}

#navigation ul li a:hover {
	background:url(../images/link-on.jpg);
	background-position:0% 50%;
	background-repeat:no-repeat;
}

*html #navigation ul li a:hover {background-position:0% 20%;}

#navigation ul li a.current, #navigation ul li a.current:hover {
	background:url(../images/link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current, #navigation ul li a.current:hover {background-position:0% 20%;}

/*Navigation Blast Styles*/

#navigation ul li a.hover-blast:hover {
	background:url(../images/nav-blast-cleaning-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-blast:hover {background-position:0% 20%;}

#navigation ul li a.current-blast, #navigation ul li a.current-blast:hover {
	background:url(../images/nav-blast-cleaning-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current-blast, *html #navigation ul li a.current-blast:hover{background-position:0% 20%;}

/*Navigation Powder Styles*/

#navigation ul li a.hover-powder:hover {
	background:url(../images/nav-powder-coating-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-powder:hover {background-position:0% 20%;}

#navigation ul li a.current-powder, #navigation ul li a.current-powder:hover {
	background:url(../images/nav-powder-coating-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current-powder, *html #navigation ul li a.current-powder:hover{background-position:0% 20%;}

/*Navigation Wet-Paint Styles*/

#navigation ul li a.hover-paint:hover {
	background:url(../images/nav-wet-paint-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-paint:hover {background-position:0% 20%;}

#navigation ul li a.current-paint, #navigation ul li a.current-paint:hover {
	background:url(../images/nav-wet-paint-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current-powder, *html #navigation ul li a.current-powder:hover{background-position:0% 20%;}

/*Navigation Health-Safety Styles*/

#navigation ul li a.hover-health:hover {
	background:url(../images/nav-health-safety-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-health:hover {background-position:0% 20%;}

#navigation ul li a.current-health, #navigation ul li a.current-health:hover {
	background:url(../images/nav-health-safety-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current-health, *html #navigation ul li a.current-health:hover{background-position:0% 20%;}

/*Navigation Qaulity-Inspection Styles*/

#navigation ul li a.hover-quality:hover {
	background:url(../images/nav-quality-inspection-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-quality:hover {background-position:0% 20%;}

#navigation ul li a.current-quality, #navigation ul li a.current-quality:hover {
	background:url(../images/nav-quality-inspection-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.current-quality, *html #navigation ul li a.current-quality:hover{background-position:0% 20%;}

/*Navigation Projects Styles*/

#navigation ul li a.hover-projects:hover {
	background:url(../images/nav-projects-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}

*html #navigation ul li a.hover-projects:hover {background-position:0% 20%;}

#navigation ul li a.current-projects, #navigation ul li a.current-projects:hover {
	background:url(../images/nav-projects-link-on.jpg);
	background-position:0% 50%;
	background-repeat: no-repeat;
}


*html #navigation ul li a.current-projects, *html #navigation ul li a.current-projects:hover{background-position:0% 20%;}

/*Home Page Link Box Styles*/

#homepage-links {
	margin:0 0 0 10px;
	padding:0;
	display:block;
	float:left;
	width:620px;
	height:450px;
}


#homepage-links #blast-cleaning {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #blast-cleaning a.swap {
	background-image:url(../images/blast-cleaning-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #blast-cleaning a.swap:hover {background-image:url(../images/blast-cleaning-link-on.jpg); background-repeat:no-repeat;}

#homepage-links #powder-coating {
	margin:0 auto auto 17px;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #powder-coating a.swap {
	background-image:url(../images/powder-coating-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #powder-coating a.swap:hover {background-image:url(../images/powder-coating-link-on.jpg); background-repeat:no-repeat;}

#homepage-links #wet-paint {
	margin:0 auto auto 13px;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #wet-paint a.swap {
	background-image:url(../images/wet-paint-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #wet-paint a.swap:hover {background-image:url(../images/wet-paint-link-on.jpg); background-repeat:no-repeat;}


#homepage-links #health-safety {
	margin:18px auto;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #health-safety a.swap {
	background-image:url(../images/health-safety-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #health-safety a.swap:hover {background-image:url(../images/health-safety-link-on.jpg); background-repeat:no-repeat;}

#homepage-links #quality-inspection {
	margin:18px auto auto 17px;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #quality-inspection a.swap {
	background-image:url(../images/quality-inspection-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #quality-inspection a.swap:hover {background-image:url(../images/quality-inspection-link-on.jpg); background-repeat:no-repeat;}

#homepage-links #projects {
	margin:18px auto auto 17px;
	padding:0;
	display:block;
	float:left;
}

#homepage-links #projects a.swap {
	background-image:url(../images/projects-link-off.jpg); 
	background-repeat:no-repeat;
	display:block;
	width:195px;
	height:195px;
}
#homepage-links #projects a.swap:hover {background-image:url(../images/projects-link-on.jpg); background-repeat:no-repeat;}

/*Website Content Left Styles*/

#content-left {
	margin:0 auto auto 30px;
	padding:0;
	display:block;
	float:left;
	width:380px;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}
#content-left-motor {
	margin:0 auto auto 20px;
	padding:0;
	display:block;
	float:left;
	width:600px;
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}

#content-left ul {
	margin:0;
	padding:0 0 0 16px;
}

#content-left a {color:#4d4d4d;}

/*Website Content Right Styles*/
#content-right {
	background-image:url(../images/content-right.jpg);
	background-repeat:no-repeat;
	margin:0 auto auto 30px;
	padding:0;
	display:block;
	float:left;
	width:184px;
	height:413px;
	color:#191919;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content-right #text {
	margin:91px auto auto 20px;
	padding:0;
	display:block;
	float:left;
	width:151px;
	color:#191919;
}

*html #content-right #text  {
	margin-left:11px;
}

#content-right #text p {
	margin-top:0px;
	margin-bottom:0px;
}

#content-right #link {
	margin:30px auto auto 37px;
	padding:0;
	display:block;
	float:left;
	color:#191919;
}

*html #content-right #link {margin-left:18px;}

#content-right #link a {color:#191919;}

/*Show projects Page Styles*/

#projects-holder {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:600px;
}

*html #projects-holder {width:580px;}

#project {
	border:2px solid #888888;
	margin:10px 0 0 20px;
	padding:10px 0 10px 5px;
	display:block;
	float:left;
	width:595px;
	height:172px;
	color:#191919;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

*html #project {margin-left:10px;}

#project p {margin-top:0px;}

#project #top {
	background-color:#666666;
	margin:0 auto;
	padding:0;
	padding-left:10px;
	display:block;
	float:left;
	width:360px;
	height:50px;
	color:#eeeeee;
}

#project #content {
	background-color:#eeeeee;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:10px 10px 0 10px;
	display:block;
	float:left;
	width:350px;
	height:112px;
}

#project #content a {color:#191919;}

#project #image {
	margin:-50px auto;
	padding:0;
	display:block;
	float:left;
	width:220px;
	height:182px;
}

#project #bottom {
	background-image:url(../images/project-bottom.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	display:block;
	float:left;
	width:380px;
	height:29px;
}


/*Show Project Page Styles*/

#show-project {
	background-color:#eeeeee;
	margin:0 0 0 20px;
	padding:0;
	display:block;
	float:left;
	width:600px;
	color:#191919;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	text-align:justify;
}

#show-project #top {
	background-color:#666666;
	margin:0 auto;
	padding:0;
	padding-left:10px;
	display:block;
	float:left;
	width:590px;
	height:50px;
	color:#eeeeee;
}

#show-project #content {
	background-color:#eeeeee;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:10px;
	display:block;
	float:left;
	width:310px;
}

#show-project #images {
	margin:10px auto auto 10px;
	padding:0;
	display:block;
	float:left;
	width:250px;
}

#show-project #images #main {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:250px;
	height:250px;
}

#show-project #images #thumb-1 {
	margin:10px auto 10px 0;
	padding:0;
	display:block;
	float:left;
	width:75px;
	height:75px;
}

#show-project #images #thumb-2 {
	margin:10px auto 10px 12px;
	padding:0;
	display:block;
	float:left;
	width:75px;
	height:75px;
}

#show-project #images #thumb-3 {
	margin:10px auto 10px 12px;
	padding:0;
	display:block;
	float:left;
	width:75px;
	height:75px;
}

/*Project Link Styles*/

#project-links {
	margin:20px auto;
	padding:0;
	float:left;
	display:block;
	height:auto;
	width:auto;
}

#prev {
	margin-left:20px;
	display:block;
	width:60px;
	height:13px;
	float:left;
}


#next {
	margin-left:10px;
	display:block;
	width:65px;
	height:13px;
	float:left;
}

#next a, #next a:hover  {
	display:block;
	width:65px;
	height:12px;
	float:left;
	font-family:"Bell Gothic Std Black", Arial;
	font-size:13px;
	color:#000000;
}

#prev a, #prev a:hover {
	display:block;
	width:65px;
	height:12px;
	float:left;
	font-family:"Bell Gothic Std Black", Arial;
	font-size:13px;
	color:#000000;
}

#links {
	margin:auto;
	padding:0;
	display:block;
	width:auto;
	height:12px;
	float:left;
	text-align:center;
	font-family:"Bell Gothic Std Black", Arial;
	font-size:13px;
	color:#000000;
}

#links a {
	margin-left:5px;
	width:auto;
	float:left;
	font-family:"Bell Gothic Std Black", Arial;
	font-size:13px;
	color:#000000;
}

#links a.links-current {
	margin:-4px 0 0 5px !important;
	padding:3px 0 0 0 !important;
	display:block;
	float:left;
	width:17px;
	height:16px;
	font-family:"Bell Gothic Std Black", Arial;
	font-size:13px;
	background-color:#000000;
	color:#ffffff;
}


/*Website Contact Form Styles*/

#content-left #top {
	background-image:url(../images/form-top.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:380px;
	height:2px;
}

#content-left #bottom {
	background-image:url(../images/form-bottom.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:380px;
	height:2px;
}


#content-left #contact-details {
	background-color:#eeeeee;
	margin:0;
	padding:10px;
	display:block;
	clear:both;
	width:360px;
}

*html #content-left #contact-details {margin-top:-13px;}

#content-left #contact-form {
	background-color:#eeeeee;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:360px;
}

*html #content-left #contact-form {margin-top:-13px; width:310px;}


#content-left #contact-form .submit {
	margin-left:105px;
}

#content-left #contact-form #input-box {
	margin-bottom:8px;
	text-align:left;
	width:355px;
	padding:5px 0 5px 5px;
}

#content-left #contact-form #input-box label {
	display:block;
	float:left;
	width:100px;
}

#content-left #contact-form #input-box textarea {
	overflow:hidden;
	width:192px; 
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

/*Google Map Styles*/

#content-left #map {
	background-color:#eeeeee;
	background-repeat:repeat;
	margin:0px auto;
	float:left;
	padding:10px;
	width:360px;
} 

*html #content-left #map {margin-top:-13px;}

/*Footer Styles*/

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0 0 20px 0;
	display:block;
	float:left;
	width:873px;
	height:64px;
}

#footer #footer-text {
	margin:19px auto auto 47px;
	padding:0;
	display:block;
	float:left;
	width:120px;
	height:20px;
	color:#4c4c4c;
	font-family:"Trebuchet MS", Arial;
	font-weight:bold;
	font-size:12px;
}	

*html #footer #footer-text {
	margin-left:24px;
}

#footer #footer-links {
	margin:5px auto;
	padding:0;
	display:block;
	clear:both;
	width:660px;
	height:20px;
	text-align:center;
	color:#4c4c4c;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
}

*html #footer #footer-links {height:15px;}

#footer #footer-links a {
	margin:0;
	display:block;
	float:left;
	color:#4c4c4c;
}

#footer-2 {
	background-image:url(../images/footer-2.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0 0 10px 0;
	display:block;
	float:left;
	width:873px;
	height:10px;
}

#seo {
	background-color:#ffffff;
	background-repeat:no-repeat;
	margin:0 auto;
	width:871px;
	display:block;
	float:left;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
}

*html #seo {width:871px;}

#seo a {color:#4c4c4c;}

.links {
	width:845px; 
	margin-left:15px;
	text-align:left;
	padding:5px;
	font-size:12px;
}

/*West Midlands Media Link Styles*/

#wmm {
	margin:0 auto;
	padding:0 0 10px 0;
	display:block;
	clear:both;
	width:836px;
	height:15px;
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration: none;
}
#wmm a {
	color:#FFFFFF;
	text-decoration:none;
}
#wmm a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/*Site Extra Styles*/

.clear {
	 width:0px;
	 height:0px;
	 padding:0;
	 margin:0;
	 line-height:0;
	 font-size:0;
	 clear:both;
}

h2 {margin-top:0px;}
h2 a {color:#FFFFFF;}
.h2 {margin:0;}
h3 {margin-top:0px;}
h4 {margin:0px;}
h1 {
	font-family:"myriad Pro", Arial;
	font-size:39px;
	margin-top:0px;
	font-weight:normal;
}