body,
html {
	margin:0;
	padding:0;
	background:#fff;
	color:#000;		
	}

body {
	min-width:800px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	}

#content-container{
	width:800px;
	margin:0 auto;
	top:400px;
	position:relative;
	}

#content-area{
	border:1px solid #000;
	width:800px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	}
	
#wrap {
	background:#fff;
	margin:0 auto;
	width:800px;
	margin-top:388px;
	padding-top:10px;
	}

#header {
	position:absolute;
	width:800px;
	top:25px;
	background-image: url(images/banner.jpg);
	height:135px;
	border:1px solid #000;
	}

#main-content{
	background:#fff;
	float:right;
	width:490px;
	padding:10px 15px 10px 10px;
	}
		
#sidebar {
	background:#fff;
	float:left;
	width:270px;
	padding:20px 0px 0px 10px;
	text-align:center;
	}

#footer {
	margin:0 auto;	
	position: fixed;
	bottom: 0;
	text-align:center;
	border:1px solid #002f63;
	width:800px;
	height: 27px;
	background-color: #002f63;
	}
  
/* navigation menu */
#nav {
	font-size:0.85em;
	position:absolute;
	width:800px;
	height:30px;
	top: 368px;				
	background-color:#002f63;
	text-align:center;
	z-index:100;
	border:1px solid #000;
	}

/* hack to correct IE5.5 faulty box model */
* html #nav {width:800px; w\idth:800px;}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul {padding:0;margin:0;list-style-type:none;}
#nav ul ul {width:139px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {float:left;width:139px;position:relative; text-align: center;}

/* style the links for the top level */
#nav a, #nav a:visited {
	display:block;
	font-size:10px;
	color:#C0CCD8;
	width:138px;
	height:30px;
	padding-left:0px;
	line-height:29px;
	}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {width:139px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:28px;
	left: 0;
	width:119px;
	}

/* another hack for IE5.5 */
* html #nav ul ul {top:27px;t\op:28px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
	background:#002F63;
	color:#C0CCD8;
	height:auto;
	line-height:1em;
	padding:10px 0px;
	width:118px;
	border-width:0 1px 1px 1px;
	border-color:#000;
	border-style:solid;
	z-index:100;
	font-size:9px;
	font-weight:normal;
	}


#nav li.active a, #nav li li.active a{color:#78A2CF; font-weight:bold;}

#nav ul li.active ul li a{font-weight:normal;color:#C0CCD8;}

#nav ul li ul li.active a{font-weight:bold;color:#78A2CF;}


#nav li.unbold a{font-weight:normal;color:#fff;}

#nav li.home {width: 96px;}
#nav li.home a, #nav li.home a:visited{width: 96px;}
	
#nav li.product_des{width: 117px;}
#nav li.product_des a, #nav li.product_des a:visited{width: 117px;}

#nav li.product_solutions{width: 120px;;}
#nav li.product_solutions a, #nav li.product_solutions a:visited{width: 120px;}

#nav li.project_profiles{width: 120px;}
#nav li.project_profiles a, #nav li.project_profiles a:visited{width: 130px;}

#nav li.production{width: 96px;}
#nav li.production a, #nav li.production a:visited{width: 96px;}

#nav li.quality{width: 91px;}
#nav li.quality a, #nav li.quality a:visited{width: 91px;}

#nav li.contact{width: 95px;margin-right:0px;}
#nav li.contact a, #nav li.contact a:visited{width: 95px;margin-right:0px;}

#nav li.news{width: 60px;}
#nav li.news a, #nav li.news a:visited{width: 60px;}

/* yet another hack for IE5.5 */
* html #nav ul ul a, * html #nav ul ul a:visited {width:118px;w\idth:119px;}

/* style the top level hover */
#nav a:hover, #nav ul ul a:hover{color:#78A2CF; background:#002F63;}
#nav :hover > a, #nav ul ul :hover > a {color:#78A2CF; background:#002F63;}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }

#nav li a{
 color:#C0CCD8;
 font-size: 10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* flash */
#flash {
	position:absolute;
	width:800px;
	height:208px;
	padding: 0;
	top: 160px;
	border:1px solid #000;
	}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	color:#939396;
	}
p.sub_heading_underline{
	color: #002f63;
	font-size: 12pt;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom: 1px solid #939396;
	width: 92%;
	}
p.sub_heading{
	color: #002f63;
	font-size: 12pt;
	font-weight:bold;
	padding-bottom:0px;
	width: 92%;
	}
p.sub_heading_two{
	color: #002f63;
	font-size: 10pt;
	font-weight:bold;
	padding-bottom:0px;
	}

a:link { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#006699;
	}

a:visited {
	text-decoration: none;
	color:#006699;
	}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	}

a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#006699;
	}
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #002f63;
	font-size: 12pt;
	font-weight:bold;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #002f63;
	font-size: 12pt;
	font-weight:bold;
	}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #002f63;
	font-size: 12pt;
	font-weight:bold;
	}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	color:#002f63;
	font-style:italic;
	}

.bold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	color:#939396;
	font-weight:bold;
	}

.small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	margin-top: 5px;
	padding-bottom: 10px;
	color:#939396;
	text-align:center;
	}
	
.form_button{
	color:#003C74;
	border:1px solid #003C74;
	background-color:#fff;
	}

textarea{
	font-family: Arial;
	font-size: 10pt;
	}
	
.inline{
	display:inline;
	}
	
li {
	color:#939396;
	}




img.metal-image{
	margin-top:70px;
	}
img.extrusion{
	margin-top:110px;
	}
img.mould_tool{
	margin-top:280px;
	}
img.cnc_machine{
	margin-top:370px;
	}

img.signing{
	margin-top: 10px;
	}
img.copyrightQM{
	margin-top: 280px;
	}
img.patent{
	margin-top: 200px;
	}
img.tm{
	margin-top: 210px;
	}
img.R{
	margin-top: 130px;
	}
img.copyright{
	margin-top: 120px;
	}
img.qualityUKAS{
	margin-top:90px;
	}

div.copyright{
	clear: both;
	text-align:center;
	margin-bottom:30px;
	}














.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 540px;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
.narrowcolumn .postmetadata {
	text-align: center;
	}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}





#sidebar{
	width:200px;
	text-align:left;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#news{
	padding-right:20px;
	width:250px;
	}

#news p.news_heading{
	font-weight:bold;
	font-size:1.2em;
	text-decoration:underline;
	margin-top:10px;
	color:#002F63;
}

#news p.news_heading a:hover{
	color:orange;
}

#news p.newstitles{
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:0;
	}

#news span.date{
	font-style:italic;
	}

table.projects{
	color:#939396;
	}

table.projects tr.headings{
	font-weight:bold;
	}

p.bottom_margin{
	margin-bottom:50px;
	}