@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% "Franklin Gothic", Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0;
  background-color: #012849;
  color: #666666;
  FONT-FAMILY: "Franklin Gothic", Arial, Helvetica, sans-serif;
  min-width: 960px;
  text-align: center;
}


a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
a:hover {text-decoration: underline; color: #ccffff; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 960px; padding: 0; border: 0; position: relative; text-align: left;}
.divClear {clear: both;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 960px; height: 156px; margin: 30px 0 0 0; padding: 0; background-color: #FFFFFF;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; width: 288px; height: 58px; margin: 30px 0 0 24px;}
.headerStrapline {float: right; display: inline; width: 436px; height: 52px; margin: 36px 24px 0 0;}

/*-- MAIN NAV BAR --*/
.navbar {float: left; display: inline; width: 912px; margin: 31px 0 0 24px; height: 36px; background: url(images/navbar_bg.gif) top left no-repeat;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 11px 0 0 30px; padding: 0; height: 15px; width: 882px;}
	.navbar li {float: left; display: inline; list-style: none; margin: 0;}
	.navbar li a {float: left; display: inline; height: 15px; outline: none;}
	.navbar li span {display: none;}	
	

#navHome a {width: 43px; height: 15px; background: url(images/nav_home.gif) 0 0; margin: 0 35px 0 0;}
#navHome a:hover {width: 43px; height: 15px; background: url(images/nav_home.gif) 0 30px; margin: 0 35px 0 0;}
#navHomeOn a {width: 43px; height: 15px; background: url(images/nav_home.gif) 0 15px; margin: 0 35px 0 0;}

#navEquipment a {width: 87px; height: 15px; background: url(images/nav_equipment.gif) 0 0; margin: 0 35px 0 0;}
#navEquipment a:hover {width: 87px; height: 15px; background: url(images/nav_equipment.gif) 0 30px; margin: 0 35px 0 0;}
#navEquipmentOn a {width: 87px; height: 15px; background: url(images/nav_equipment.gif) 0 15px; margin: 0 35px 0 0;}

#navServices a {width: 73px; height: 15px; background: url(images/nav_services.gif) 0 0; margin: 0 35px 0 0;}
#navServices a:hover {width: 73px; height: 15px; background: url(images/nav_services.gif) 0 30px; margin: 0 35px 0 0;}
#navServicesOn a {width: 73px; height: 15px; background: url(images/nav_services.gif) 0 15px; margin: 0 35px 0 0;}

#navApplications a {width: 108px; height: 15px; background: url(images/nav_applications.gif); margin: 0 35px 0 0;}
#navApplications a:hover {width: 108px; height: 15px; background: url(images/nav_applications.gif) 0 30px; margin: 0 35px 0 0;}
#navApplicationsOn a {width: 108px; height: 15px; background: url(images/nav_applications.gif) 0 15px; margin: 0 35px 0 0;}

#navCaseStudies a {width: 106px; height: 15px; background: url(images/nav_case_studies.gif); margin: 0 35px 0 0;}
#navCaseStudies a:hover {width: 106px; height: 15px; background: url(images/nav_case_studies.gif) 0 30px; margin: 0 35px 0 0;}
#navCaseStudiesOn a {width: 106px; height: 15px; background: url(images/nav_case_studies.gif) 0 15px; margin: 0 35px 0 0;}

#navAboutUs a {width: 76px; height: 15px; background: url(images/nav_about_us.gif); margin: 0 35px 0 0;}
#navAboutUs a:hover {width: 76px; height: 15px; background: url(images/nav_about_us.gif) 0 30px; margin: 0 35px 0 0;}
#navAboutUsOn a {width: 76px; height: 15px; background: url(images/nav_about_us.gif) 0 15px; margin: 0 35px 0 0;}

#navNews a {width: 43px; height: 15px; background: url(images/nav_news.gif); margin: 0 35px 0 0;}
#navNews a:hover {width: 43px; height: 15px; background: url(images/nav_news.gif) 0 30px; margin: 0 35px 0 0;}
#navNewsOn a {width: 43px; height: 15px; background: url(images/nav_news.gif) 0 15px; margin: 0 35px 0 0;}

#navContact a {width: 68px; height: 15px; background: url(images/nav_contact.gif); margin: 0 0 0 0;}
#navContact a:hover {width: 68px; height: 15px; background: url(images/nav_contact.gif) 0 30px; margin: 0 0 0 0;}
#navContactOn a {width: 68px; height: 15px; background: url(images/nav_contact.gif) 0 15px; margin: 0 0 0 0;}

/*-- MAIN CONTENT AREA --*/
.contentArea {float: left; display: inline; width: 960px; background-color: #FFFFFF; padding: 0 0 20px 0;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 900px; margin: 10px 0 0 30px; padding: 10px 0 30px 0;}
	.footer p {font-size: 12px; color: #99ccff; line-height: 1.2em; margin: 0;}
	.footer a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

.footerLeft {float: left; display: inline;}
.footerRight {float: right; display: inline;}

/*-- HOME INTRO --*/
.homeIntro {float: left; display: inline; width: 910px; height: 198px; margin: 20px 0 20px 24px; background: url(images/home_intro_bg.jpg) top right no-repeat #FFFFFF; border: 1px solid #dbdbdb;}
	.homeIntro h1 {text-indent: -9999px; font-size: 12px; background: url(images/home_intro_strapline.gif) top left no-repeat; width: 373px; height: 28px; margin: 20px 0 0 20px;}
	.homeIntro p {font-size: 14px; line-height: 1.5em; color: #454545; margin: 0.4em 0 0.4em 20px; width: 560px;}

/*-- HOME BOXES --*/
.homeBox {width: 288px; background-color: #004b85; height: 300px;}
	.homeBox h2 {text-indent: -9999px; font-size: 12px; width: 288px; height: 150px; margin: 0 0 10px 0;}
	.homeBox p {font-size: 12px; color: #FFFFFF; line-height: 1.5em; width: 248px; margin: 0 0 0 20px; font-weight: normal;}
	.homeBox h6 {font-size: 12px; color: #FFFFFF; font-weight: bold; margin: 10px 0 0 20px; line-height: 1.5em;}

.homeBoxEquipment {background: url(images/home_image_equipment.jpg) top left no-repeat #004b85; float: left; display: inline; margin: 0 24px 0 24px;}
.homeBoxServices {background: url(images/home_image_services.jpg) top left no-repeat #004b85; float: left; display: inline; margin: 0;}
.homeBoxApplications {background: url(images/home_image_applications.jpg) top left no-repeat #004b85; float: right; display: inline; margin: 0 24px 0 0}

.logoStrip {float: left; display: inline; width: 912px; margin: 20px 0 10px 24px;}
.logoStripContent {float: left; display: inline; width: 960px; margin: 20px 0 10px 0;}

/*-- CONTENT PAGE --*/
.titleArea {float: left; display: inline; width: 912px; height: 64px; margin: 20px 0 20px 24px;}
	.titleArea h1 {text-indent: -9999px; font-size: 12px; width: 912px; height: 64px; margin: 0;}

#titleEquipment {background: url(images/title_equipment.gif) top left no-repeat;}
#titleStorageSilos {background: url(images/title_storage_silos.gif) top left no-repeat;}
#titleDischargeAndFlowAids {background: url(images/title_discharge_and_flow_aids.gif) top left no-repeat;}
#titleDischargeEquipment {background: url(images/title_discharge_equipment.gif) top left no-repeat;}
#titleFlowAids {background: url(images/title_flow_aids.gif) top left no-repeat;}
#titleValvesAndActuators {background: url(images/title_valves_and_actuators.gif) top left no-repeat;}
#titleConveyorsAndFeeders {background: url(images/title_conveyors_and_feeders.gif) top left no-repeat;}
#titleDustFilters {background: url(images/title_dust_filters.gif) top left no-repeat;}
#titleMixersAndBlenders {background: url(images/title_mixers_and_blenders.gif) top left no-repeat;}
#titleFIBC {background: url(images/title_fibc.gif) top left no-repeat;}
#titleWeighingPackaging {background: url(images/title_weighing_and_packaging_machines.gif) top left no-repeat;}
#titleManualLiftingSolutions {background: url(images/title_manual_lifting_solutions.gif) top left no-repeat;}
#titlePremix {background: url(images/title_pre_mix.gif) top left no-repeat;}
#titleSpecialisedEquipment {background: url(images/title_specialised_equipment.gif) top left no-repeat;}
#titleUsedEquipment {background: url(images/title_used_equipment.gif) top left no-repeat;}
#titleServices {background: url(images/title_services.gif) top left no-repeat;}
#titleFabricationServices {background: url(images/title_fabrication_services.gif) top left no-repeat;}
#titleMechanicalServices {background: url(images/title_mechanical_services.gif) top left no-repeat;}
#titleElectricalServices {background: url(images/title_electrical_services.gif) top left no-repeat;}
#titleApplications {background: url(images/title_applications.gif) top left no-repeat;}
#titleCaseStudies {background: url(images/title_case_studies.gif) top left no-repeat;}
#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat;}
#titleNews {background: url(images/title_news.gif) top left no-repeat;}
#titleContact {background: url(images/title_contact.gif) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat;}


/*-- MAIN COLUMN --*/
.contentMainColumn {float: left; display: inline; width: 600px; margin: 0 24px 0 24px;}
	.contentMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.contentMainColumn h1 {font-size: 12px; text-indent: -9999px; width: 570px; height: 25px; margin: 0 0 0.5em 0;}
	.contentMainColumn h2 {font-size: 24px; font-weight: bold; line-height: 1.5em; color: #333333; margin: 0;}
	.contentMainColumn h3 {font-size: 16px; font-weight: bold; color: #333333; margin: 1em 0 0.5em 0;}
	.contentMainColumn h4 {font-size: 16px; font-weight: normal; line-height: 1.5em; color: #333333; margin: 0 0 0.5em 0;}
	.contentMainColumn h5 {font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em; color: #666666; margin: 0;}
	.contentMainColumn h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #CC0000;}
	.contentMainColumn blockquote {font-size: 14px; font-style: italic; color: #666666; line-height: 1.5em; margin: 20px 0 20px 0;}
	.contentMainColumn blockquote strong {color: #333333; font-style: normal;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 130px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #CC0000;}
	.contentMainColumn ul {font-size: 14px; list-style: none; color: #666666;}
	.contentMainColumn li {line-height: 1.5em; background: url(images/bullet.gif) 0 0.4em no-repeat; padding: 0 0 0 16px; margin: 0.5em 0 0.5em 10px;}
	.contentMainColumn a:link {text-decoration: underline; color: #004b85; background-color: transparent;}
	.contentMainColumn a:visited {text-decoration: underline; color: #004b85; background-color: transparent;}
	.contentMainColumn a:hover {text-decoration: none; color: #01325b; background-color: transparent;}
	.contentMainColumn hr {color: #999999; margin: 25px 0 25px 0; border-top: 1px solid #999999; border-left: 0; border-right: 0; border-bottom: 0; width:600px; display:inline; float:left;}
	
.newsItem {width:600px; display:inline; float:left; border-bottom:1px solid #999999; margin:0 0 10px 0; padding: 0 0 10px 0;}
	.newsItem img {display:inline; float:left; margin:10px; border:1px solid #999999;}

.formContactText {width: 400px; border: 1px solid #dbdbdb; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 150px;}


.contentRightColumn {float: right; display: inline; width: 288px; margin: 0 24px 20px 0;}

.contentRightNav {float: left; display: inline; width: 288px; margin: 0 0 20px 0; background-color: #004b85;}
	.contentRightNav h2 {text-indent: -9999px; font-size: 12px; margin: 0 0 0 0; width: 288px; height: 42px;}
	.contentRightNav p {font-size: 14px; color: #ccffff; line-height: 1.5em; width: 248px; margin: 0.5em 0 0.5em 20px;}
	.contentRightNav p strong {color: #ffffff;}
	.contentRightNav ul {font-size: 14px; color: #ccffff; list-style: none; margin: 10px 0 10px 20px; width: 248px;}
	.contentRightNav li {line-height: 1.5em; margin: 0.4em 0 0.4em 0;}
	.contentRightNav a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.contentRightNav a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.contentRightNav a:hover {text-decoration: none; color: #ccffff; background-color: transparent;}

#colHeadEquipment {background: url(images/col_head_equipment.gif) top left no-repeat;}
#colHeadServices {background: url(images/col_head_services.gif) top left no-repeat;}
#colHeadApplications {background: url(images/col_head_applications.gif) top left no-repeat;}
#colHeadCaseStudies {background: url(images/col_head_case_studies.gif) top left no-repeat;}
#colHeadContactDetails {background: url(images/col_head_contact_details.gif) top left no-repeat;}

/*-- NEWS ITEMS --*/
.newsHomeItem {float: left; display: inline; width: 600px; margin: 0 0 20px 0; border-top: 1px solid #dbdbdb; padding: 20px 0 0 0;}
	.newsHomeItem img {float: left; display: inline; width: 140px; margin: 0;}
	.newsHomeItem h4 {float: right; display: inline; width: 440px; margin: 0; line-height: 1.5em; font-size: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #333333}
	.newsHomeItem h6 {float: right; display: inline; width: 440px; margin: 0; line-height: 1.5em; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #333333; font-weight: normal;}
	.newsHomeItem p {float: right; display: inline; width: 440px; margin: 3px 0 3px 0; line-height: 1.5em; font-size: 14px; color: #666666;}

.newsNav {float: left; display: inline; width: 600px; height: 38px; border-top: 1px solid #dbdbdb; margin: 0 0 0 0; padding: 10px 0 0 0;}
	.newsNav ul {float: left; display: inline; font-size: 14px; line-height: 1.5em; list-style: none; margin: 0;}
	.newsNav ul li {float: left; display: inline; background: none; font-size: 14px; font-weight: bold; color: #666666; margin: 0 10px 0 0; line-height: 1.5em; padding: 0;}
	.newsNav ul li strong {color: #333333; font-weight: bold;}
	
/*-- CASE STUDIES GALLERY --*/
.caseStudyGalleryRow {float: left; display: inline; width: 600px; margin: 20px 0 0 0;}

.caseStudyGalleryThumb {width: 135px;}
	.caseStudyGalleryThumb a:link {border: 1px solid #dbdbdb; display: block;}
	.caseStudyGalleryThumb a:visited {border: 1px solid #dbdbdb; display: block;}
	.caseStudyGalleryThumb a:hover {border: 1px solid #004b85; display: block;}
	.caseStudyGalleryThumb a img {width:133px; height:90px;}

.caseStudyGalleryThumbLeft {float: left; display: inline; margin: 0 20px 0 0;}
.caseStudyGalleryThumbRight {float: right; display: inline; margin: 0 0 0 0;}