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,h2,h3,h4 {
	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;
	}
/* Start: Enquiry Form Page Style on 090811*/
.enquiryForm .clear {
	clear:both;
	font-size:0;
	line-height:0;
	overflow:hidden;
	}
.enquiryForm {
	height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#373737;
	padding:25px 30px 0;
	margin-bottom:40px;
}
.enquiryForm h2 {
	font:bold 26px/28px Arial, Helvetica, sans-serif;
	padding:0 0 15px;
	margin:0;	
	}
.enquiryForm h4 {
	font-size:13px;
	line-height:15px;
	font-weight:bold;	
	padding:0 0 10px;
	margin:0;	
	}
.enquiryForm h5 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;	
	padding:0;
	margin:0;	
	}	
.enquiryTopBlock {
	border-bottom:1px solid #DEDEDE;
	padding-bottom:15px;
	margin-bottom:20px;	
}
.enquiryTopBlock p {
	font-size:13px;
	line-height:17px;
	color:#7B7B7B!important;
	}
.enqLeft {
	float:left;
	width:300px;
	}
.enqLeft ul {
	padding:0 0 15px;
	margin:0;
	list-style-type:none;
	font-size:11px;
	line-height:13px;
	font-weight:bold;	
	}
.enqLeft ul li {
	color:#373737!important;	
	background:url(images/enq-form-bullet.gif) no-repeat 0 3px;
	padding:0 0 10px 20px;
	}
.enqLeft img {
	margin-bottom:10px;
	}
.enqLeft h5 {
	font-size:11px;
	line-height:13px;
	text-align:center;
	padding:0 20px;
	}
/* form section css starts */
.enquiryForm .formBlock {
	float:right;
	width:395px;
	background:#F5FAFF;
	border:2px dashed #CED1D4;
	padding:20px 0 40px 15px;
	}
.enquiryForm .contact {
	margin-top:25px;
	}
.enterCode {
	float:left;
	font-size:12px;
	line-height:24px;
	padding:0 0 0 5px;	
	color:#868686;
	}	
.enquiryForm .contact label { 
	float:left;
	width:125px;
	font-size:12px;	
	}
.enquiryForm .contact input { 
	float:left; 
	width:194px; 
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #D4D0C8;
	border-right:1px solid #D4D0C8;
	background-color:#80FFFF;
	color:#000;
	padding:2px;
	margin-bottom:17px;
	font:13px/15px Arial, Helvetica, sans-serif; 
	color:#333;
}
.enquiryForm .contact input.input01 {
	width:95px;
	} 
.enquiryForm .contact textarea { 
	float:left; 
	width:194px; 
	height:52px; 
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #D4D0C8;
	border-right:1px solid #D4D0C8;
	background-color:#80FFFF;
	padding:2px;
	margin-bottom:20px;
	font:13px/15px Arial, Helvetica, sans-serif; 
	color:#333;
	}
.enquiryForm .contact input.submitBtn {
	width:103px;
	height:23px;		
	font-size:13px; 	
	color:#000;
	background:url(images/enq-btn.gif) no-repeat 0 0;
	margin:0;	
	padding:0 0 3px;  
	cursor:pointer;
	background-color:inherit;
	border:none;
	}
/* form section css ends */
/* End: Enquiry Form Page Style on 090811*/

