@charset "utf-8";
/* DUAL Metallising v2.0 2009 */

body { margin:0; background:url(img/bg-metallic.jpg) top left repeat-x #c8c8c8; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
h1, h2 { font-size:16px; color:#cc0000; margin:0; padding:0 0 0 10px; background:url("img/arrow.jpg") 0px 50% no-repeat; }

h1#contact { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/contact.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
h1#spray-plastic { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/spray-plastic.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
h1#prototype { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/prototype-promotional.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
h1#vacuum { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/vacuum-metalising.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
h1#reflectors { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/reflectors.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
h1#plastic { width:920px; height:44px; padding:150px 0 0 10px; background:url("img/banners/plastic-injection.jpg") top left no-repeat; border-bottom:1px solid #fff; font-size:28px; color:#fff; letter-spacing:5px; }
/* USING THIS FAILS W3C a:focus, a:active { outline: 0; -moz-outline: none; } 

/* FRAME */
#container { width:930px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000; }
#header { width:930px; height:75px; background:url("img/bg-head.jpg") top left repeat-x; }
#header img.logo { float:left; border:0 none; margin:0 0 0 20px; }
#header img.details { float:right; margin:0 20px 0 0; }
/* FOOTER */
#footer { width:930px; clear:both; padding:15px 0; color:#fff; background:url("img/bg-footer.jpg") top left repeat-x #1a1a1a; text-align:center; font-size:9px; }
#footer ul { list-style:none; margin:0px; }
#footer li { display:inline; }
#footer a:link { color:#fff; text-decoration:none; }
#footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }
/* END FOOTER */
/* END FRAME */

/* NAVIGATION */
#nav { width:100%; height:26px; clear:both; background:url("img/bg-nav.jpg") top left repeat-x; color:#fff; }
#nav ul { margin:0; padding:0; }
#nav li { float:left; list-style:none; margin:0 0 0 45px; }
#nav ul li a { width:78px; }
#nav li a { width:78px; height:26px; color:#fff; display:block; text-decoration:none; font-weight:bold; }
#nav li a.home { width:78px !important; background:url(img/nav/home.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.profile { width:78px !important; background:url(img/nav/profile.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.services { width:78px !important; background:url(img/nav/services.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.testimonials { width:78px !important; background:url(img/nav/testimonials.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.quality { width:78px !important; background:url(img/nav/quality.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.gallery { width:78px !important; background:url(img/nav/gallery.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
#nav li a.contact { width:78px !important; background:url(img/nav/contact.jpg) top left no-repeat; display:block; text-indent:-999999px; color:#fff; }
	/*DROP LIST*/
	#nav li ul { position: absolute; float:none; clear:both; background-color: #000000; width: auto; left: -999em; text-align:center; }
	#nav li ul li ul { width:78px!important; }
	#nav li ul li,#nav li ul li ul li { margin:0;  background-color: #000; clear:both; width:100%; display:block; }
	#nav li ul li a { font-size:10px; display:block; margin:0; color:#fff!important; border-bottom:1px dotted #fff; width:100%!important; background-color:#cc0000; padding:5px; }
	#nav li ul li a:hover { font-size:10px; display:block; margin:0px; color:#000!important; border-bottom:1px solid #000; width:100%!important; background-color: #fff; padding:5px; }
	#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
	#nav li:hover, #menu li.hover { position: static; } 
	/*END DROP LIST*/
/* END NAVIGATION */

/* BRANDING */
#branding { width:930px; height:194px; clear:both; border-bottom:1px solid #fff; background:#fff; color:#fff; }
#branding img { float:left; margin:0 1px 0 0; }
#branding a img { border:0; }
#branding img.last { margin:0; }
/* END BRANDING */

/* CONTENT */
#content { width:930px; clear:both; padding:20px 0; background:url("img/bg-content.jpg") top left repeat-x #fff; overflow:hidden; }
#intro { width:445px; float:left; padding:0 30px; line-height:18px; }
#intro a { color:#000; text-decoration:none; }
#intro a:visited { color:#000; text-decoration:none; }
#intro a:hover { color:#cc0000; text-decoration:none; }
#intro span { font-weight:bold; }
#intro p.break { width:100%; float:left; clear:both; border-bottom:1px dashed #cc0000; background:#edeef2; padding:10px; }
#intro p.break a { float:right; }
#sidebar { width:160px; float:left; }
#sidebar p { margin:0; font-size:14px; color:#333; font-weight:bold; padding: 0.5em; border-left: 5px #333 solid; margin-bottom:1px; background:#edeef2; }
#sidebar ul { list-style:none; margin: 0 auto; padding: 0; }
#sidebar ul li { margin:0; }
#sidebar ul li { display: block; text-decoration: none; outline:none; font-size:12px; font-style:normal; color:#cc0000; padding: 0.5em; border-left: 5px #333 solid; margin-bottom:1px; background:#edeef2; }
#sidebar ul li ul li a { background: #fff; color:#000; padding-left:5px; }
#sidebar ul li ul li a:hover { background:#e4e4e4; padding-left:5px; color:#000; }
#form { width:225px; float:left; padding:10px 0 0 20px; background:url(img/bg-enq.jpg) top left repeat-x #202020; margin:0 10px; }
#form p { font-size:16px; color:#fff; font-weight:bold; margin:0; padding:0 0 0 10px; background:url("img/arrow-red.jpg") 0px 50% no-repeat; border-bottom:1px dotted #fff; }
/*FORMSTYLE*/
fieldset { margin:10px 0; padding:10px; border:none;  }
legend { font-weight:bold; }
label { display:block; color:#fff; }
input { width:180px; border:1px solid #999; padding:3px; }
select { width:180px; border:1px solid #999; padding:3px;  }
textarea { width:180px; border:1px solid #999; padding:3px; }
input.button { width:71px; height:18px; margin:0; padding:0; background:transparent url("img/bg-submit.jpg") top left no-repeat; border:none; color:#333; cursor:pointer; font-size:10px; font-weight:bold; }
/* END CONTENT */

/*PAGE*/
#primary { width:604px; float:left; padding:0 30px; line-height:18px; }
#primary ul { padding:0 0 0 10px; margin:15px 0; }
#primary ul li { margin:0 0 5px 0; padding:0 0 0 5px; }
#primary span { font-weight:bold; color:#CC0000; }
#primary a { color:#000; text-decoration:none; }
#primary a:visited { color:#000; text-decoration:none; }
#primary a:hover { color:#cc0000; text-decoration:none; }
#secondary { width:225px; float:left; padding:10px 10px 0 30px; border-left:1px dotted #333; }
#secondary img { float:left; margin:0 0 10px 0; }
#gallery { width:710px; float:left; padding:0 30px; }
#gallery p.magnify { padding:3px 0 3px 20px; float:right; margin:0; background:url("img/magnifier.jpg") 0px 0px no-repeat; }
#focus { width:100%; clear:both; border-top:1px solid #FF0000; padding:10px 0 0 0; }
#focus img { float:left; margin:0 4px 6px 0; }
#tie { width:224px; float:left; }
#detail { width:263px; float:left; }
#map { width:340px; height:300px; float:left; }
/*END PAGE*/

/*GENERAL CLASSES*/
.clear { clear:both; }
.bold { font-weight:bold; }
.red { color:#CC0000; }
li a.external { background:url("img/ext.gif") top right no-repeat; padding:0 10px 0 0; }
/*END GENERAL CLASSES*/