/* CSS Document */
body { margin:0px; padding:0px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#wrap { padding:0px; margin:0px; width:770px; margin:auto;}

#header { width:770px; height:149px; }
#header img { float:left; }
#header h1 span { width:280px; height:149px; display:none; }
#header h1 { margin:0px; padding:0px; float:right; width:280px; height:149px; background-image:url(/images/logo.jpg); }

#topnavwrap { clear:both; height:45px;  background-image:url(/images/nav/background.jpg);  }
#topnav { clear:both; margin:0px; padding:0px; height:25px; }
#topnav ul img { padding:0px; margin:0px; border:none;}
#topnav ul { padding:0px; margin:0px; list-style:none;  }
#topnav li {  display:inline; padding:0px; margin:0px;}
#topsubnav { padding:0px; margin:0px; margin-top:3px; margin-left:157px; font-size:11px; }
#topsubnav a { color:#0f72b6; text-decoration:none; font-weight:bold;}
#topsubnav ul { padding:0px; margin:0px; list-style:none;  }
#topsubnav li {  display:inline; padding:0px; margin:0px; padding-right:20px;}


#content-wrap { padding:0px; margin:0px; width:770px; background-image:url(/images/top-left-2.gif); background-position:top left; background-repeat:repeat-y;}

#content { padding:0px; margin:0px; background:url(/images/bottom-right/rotate.php) no-repeat bottom right;  line-height:16px; }

#content .left-col { width:140px;  float:left; }
#content .left-col h4 { padding:0px; margin-bottom:5px; margin-left:5px; font-size:10px; padding-top:5px; color:#333333;}
#content .left-col .images { margin-top:20px;}
#content .left-col .images img { margin:10px; border:1px solid #0054a5; }
#content .left-col .sidenav {  width:120px; margin-left:10px; margin-top:10px; }
#content .left-col .sidenav ul { margin:0px; padding:0px; padding-left:10px; color:#0054a5;}
#content .left-col .sidenav li{ padding-bottom:3px; list-style-type:none; list-style-image:url(../images/list_point.gif);}
#content .left-col .sidenav li a { padding-bottom:3px; list-style-type:none; list-style-image:url(../images/list_point.gif); color:#0054a5; text-decoration:none;}

#content .left-col .images2 { margin-top:20px;}
#content .left-col .images2 img {  margin-top:20px; border:1px solid #0054a5; }

#sub-nav  { list-style-image:none;  }

#content .centre-col { width:410px; float:left; }
#content .centre-col a { color:#0054a5; text-decoration:none; }

#content h2 span { width:306px; height:52px; display:none; }
#content h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/welcome.gif); }
#product-range h2 span { width:306px; height:52px; display:none; }
#product-range h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/product_range.gif); background-repeat:no-repeat; background-position:center left; }
#production-line h2 span { width:306px; height:52px; display:none; }
#production-line h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/production_line.gif); background-repeat:no-repeat; background-position:center left; }
#overview h2 span { width:306px; height:52px; display:none; }
#overview h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/overview.gif); }
#market h2 span { width:306px; height:52px; display:none; }
#market h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/market_sectors.gif); }
#history h2 span { width:306px; height:52px; display:none; }
#history h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/history.gif); }
#case-studies h2 span { width:306px; height:52px; display:none; }
#case-studies h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/case_studies.gif); }
#companies h2 span { width:306px; height:52px; display:none; }
#companies h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/companies.gif); }
#partnering h2 span { width:306px; height:52px; display:none; }
#partnering h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/partnering.gif); }
#titlenews h2 span { width:306px; height:52px; display:none; }
#titlenews h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/latest_news.gif); }
#titlenews1 h2 span { width:306px; height:52px; display:none; }
#titlenews1 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/news_archive.gif); }
#systems h2 span { width:306px; height:52px; display:none; }
#systems h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/systems.gif); }
#components h2 span { width:306px; height:52px; display:none; }
#components h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/components.gif); }
#architecture h2 span { width:306px; height:52px; display:none; }
#architecture h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/architecture.gif); }
#technical h2 span { width:306px; height:52px; display:none; }
#technical h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/technical.gif); }
#manufacturing h2 span { width:306px; height:52px; display:none; }
#manufacturing h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/manufacturing.gif); }
#gallery h2 span { width:306px; height:52px; display:none; }
#gallery h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/project_gallery_1.gif); }

#gallery-1 h2 span { width:306px; height:52px; display:none; }
#gallery-1 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/retail_leisure.gif); }

#gallery-2 h2 span { width:306px; height:52px; display:none; }
#gallery-2 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/education.gif); }

#gallery-3 h2 span { width:306px; height:52px; display:none; }
#gallery-3 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/healthcare.gif); }

#gallery-4 h2 span { width:306px; height:52px; display:none; }
#gallery-4 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/hotels.gif); }

#gallery-5 h2 span { width:306px; height:52px; display:none; }
#gallery-5 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/private_housing.gif); }

#gallery-6 h2 span { width:306px; height:52px; display:none; }
#gallery-6 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/social_housing.gif); }

#gallery-7 h2 span { width:306px; height:52px; display:none; }
#gallery-7 h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/sports_leisure.gif); }

#recruitment h2 span { width:306px; height:52px; display:none; }
#recruitment h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/recruitment_contact.gif); }
#vacancies h2 span { width:306px; height:52px; display:none; }
#vacancies h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/vacancies.gif); }
#contact-details h2 span { width:306px; height:52px; display:none; }
#contact-details h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/details_locations.gif); }
#form h2 span { width:306px; height:52px; display:none; }
#form h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/enquiry.gif); }
#privacy h2 span { width:306px; height:52px; display:none; }
#privacy h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/privacy.gif); }
#disclaimer h2 span { width:306px; height:52px; display:none; }
#disclaimer h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/disclaimer.gif); }
#sitemap h2 span { width:306px; height:52px; display:none; }
#sitemap h2 { margin:0px; padding:0px; margin-left:5px; width:306px; height:52px; background-image:url(/images/titles/sitemap.gif); }

#content .form .inputstd {  border:1px solid #006cb3; padding:3px;  font-size:12px; font-family: Verdana, sans-serif; width:400px;}
#content .form .inputstd_active {  border:1px solid #006cb3; padding:3px; font-size:12px; font-family: Verdana, sans-serif; width:400px; }
#content .form .areastd {  border:1px solid #006cb3; padding:3px;  font-size:12px; font-family: Verdana, sans-serif; width:400px; height:50px;}
#content .form .areastd_active {  border:1px solid #006cb3; padding:3px; font-size:12px; font-family: Verdana, sans-serif; width:400px; height:50px; }
#content .form .title p { padding:0px; margin:0px; background-color:#eaeaea; width:150px; margin-right:5px; padding-left:5px; padding-top:3px; height:20px; }
#content .form .list { width:150px;}
#tr1 { margin-top:10px;}

#content h3 { margin-left:5px; color:#0054a5 }

#content p { margin-left:10px; }
#content ul { color:#0054a5;}
#content li{ list-style-type:none; list-style-image:url(../images/list_point_2.gif);}

#content .half-width { width:610px; float:left; }
#content .half-width a { color:#0054a5; text-decoration:none; }
#content .half-width table { clear:both; margin-top:10px; margin-bottom:50px;}
#content .half-width table img { margin-top:5px; margin-left:10px;}
#content .half-width table p { margin:0px; margin-left:10px; padding:0px;}
#content .half-width .bordered { border-bottom:1px #cccccc solid; margin-right:5px; }
#content .half-width hr { margin-top:30px; margin-bottom:30px; float:left; width:430px; border-bottom:0px; border-left:0px; border-right:0px; border-top:#CCCCCC 1px solid; }

h6 { margin:0px; padding:0px; font-size:14px; color:#0054a5; padding-left:10px; }

#content .right-col { width:180px; float:right; padding-top:25px; }


#news { padding:0px; margin:0px; background-image:url(/images/background.jpg); background-repeat:no-repeat; background-position:bottom right;  line-height:16px; }
#news1 { padding:0px; margin:0px; background-image:url(/images/background1.jpg); background-repeat:no-repeat; background-position:bottom right;  line-height:16px; }
#news h3 { margin-left:5px; color:#0054a5 }

#news p { margin-left:20px; }
#news ul { color:#0054a5;}
#news li{ list-style-type:none; list-style-image:url(../images/list_point.gif);}
#news .centre-news { width:350px; float:left; }
#news .centre-news hr { margin-top:0px; margin-bottom:9px; float:left; width:320px; margin-left:10px; border-top:0px; border-left:0px; border-right:0px; border-bottom:#CCCCCC 1px solid; }
#news .centre-news a { color:#0054a5; text-decoration:none; }


#news .left-col { width:140px;  float:left; }
#news .left-col h4 { padding:0px; margin-bottom:5px; margin-left:5px; font-size:10px; padding-top:5px; color:#333333;}
#news .left-col .images { margin-top:20px;}
#news .left-col .images img { margin:10px; border:1px solid #0054a5; }
#news .left-col .sidenav {  width:150px; margin-left:10px; margin-top:10px; }
#news .left-col .sidenav ul { margin:0px; padding:0px; padding-left:10px; color:#0054a5;}
#news .left-col .sidenav li{ padding-bottom:3px; list-style-type:none; list-style-image:url(../images/list_point.gif);}
#news .left-col .sidenav li a { padding-bottom:3px; list-style-type:none; list-style-image:url(../images/list_point.gif); color:#0054a5; text-decoration:none;}

#news .right-news { width:260px; float:right; height:504px; font-size:10px; line-height:14px; }
#news .right-news p { padding:0px; margin:0px; margin-right:10px;  margin-left:10px; margin-top:5px; margin-bottom:5px;}

#background { clear:both; height:30px;}

#footer { background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-color:#0054a5; background-position:top centre; height:77px;}
#footer-content { padding-left:10px; padding-top:7px; }
#footer-content p { margin:0px; padding:0px; padding-top:5px; color:#0054a5; font-size:10px; }
#footer-content p a { margin:0px; padding:0px; padding-top:5px; color:#0054a5; font-size:10px; text-decoration:none; }
#footer-content h5 { padding:0px; margin:0px; padding-top:17px; color:#FFFFFF; font-size:10px; font-weight:normal; }
#footer-content h5 a { color:#FFFFFF; font-size:10px; font-weight:normal; text-decoration:none; }

.capabilities { padding:10px; padding-left:15px; padding-right:14px;}