/*home page*/

#homeImage
{
    float: left;
    padding: 0;
    width: 980px;
    line-height: 0px;
}

#subPageHome
{
    float: left;
    background: url(../images/homesubnav.gif) #F2F2F2 repeat-x;
    padding: 0;
    width: 980px;
    margin: 0px;
}
#subPageHome tbody, #subPageHome ul
{
    padding: 0;
    margin: 0px;
}
#subPageHome ul
{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}
#subPageHome tr
{
    margin: 0px;
    padding: 0px;
}
#subPageHome tr td, #subPageHome ul li
{
    border-top: 10px solid #9e9e9e;
    margin: 0px;
    padding: 12px 10px;
    vertical-align: top;
    height: 45px;
    text-align: center;
}
#subPageHome ul li
{
    float: left;
    list-style-image: none;
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0px;
}

#subPageHome tr td a, #subPageHome ul li a
{
    font-weight: bold;
    margin: 0px;
    color: #9E9E9E !important;
    text-decoration: none !important;
    line-height: 1em !important;
}

.subPageIndustries a:hover
{
    text-decoration: underline !important;
}

#homeContentLeft
{
    width: 615px;
    float: left;
    margin: 0;
    padding: 30px 15px 10px 15px;
}

#homeContentLeft h1
{
    font-size: 2.9em;
    line-height: 1em;
    color: #00588c;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
}

#homeContentLeft h2
{
    font-size: 2em;
    line-height: 1em;
    color: #00588c;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
    padding-top: 20px;
}

#homeContentProcessText
{
    float: left;
    width: 350px;
    padding-right: 25px;
}

#homeContentProcessLinks
{
    float: left;
    width: 240px;
}

#homeContentProcessLinks ul
{
    padding: 0 0 10px 20px;
    margin: 0;
}

#homeContentProcessLinks ul li
{
    list-style-type: none;
    padding: 3px 10px 2px 20px;
    margin: 0;
    background: url(../images/bullet_arrow.gif) no-repeat 0 8px;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
}

#homeContentProcessLinks ul li a:link, #homeContentProcessLinks ul li a:visited, #homeContentProcessLinks ul li a:active
{
    text-decoration: none !important;
    color: #7FABC5 !important;
}

#homeContentProcessLinks ul li a:hover
{
    text-decoration: underline !important;
}

#homeContentProcessLinks p
{
    padding-left: 20px;
}

#homeContentRight
{
    width: 320px;
    float: left;
    margin: 0;
    padding: 38px 15px 10px 0;
}

#homeContentRightTop
{
    width: 310px;
    height: 170px;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
}

#homeContentRightTop h2
{
    font-size: 2em;
    line-height: 1em;
    color: #00588c;
    font-weight: normal;
    margin-bottom: 5px;
    letter-spacing: -0.03em;
}

#homeContentRightTop p
{
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 0.9em;
}

#homeContentRightTop img
{
    padding-right: 10px;
    padding-top: 5px;
}

#homeContentRightTop a:link, #homeContentRightTop a:visited, #homeContentRightTop a:active
{
    color: #00588c;
    text-decoration: underline;
}

#homeContentRightTop a:hover
{
    text-decoration: none;
}

/* latest news, latest blogs and latestnewsblog control styles */
#tabsContainer
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 314px;
    background: #FFFFFF;
    border: 1px solid #7fabc5;
}

.tabsBox
{
    float: left;
    padding: 0px 25px;
    width: 264px;
    background: #FFFFFF;
}

.tabsItem
{
    /*float: left;*/
    padding: 0 5px 5px 5px;
    margin: 0 15px 10px 15px;
    border-bottom: 1px dashed #7f7f7f;
}

.tabsItem p
{
    font-size: 0.9em;
}

.tabsItem p.newsEntry
{
    font-size: 0.9em;
    line-height: 1em;
}

.tabsItem h3
{
    font-size: 1.1em;
    line-height: 0.9;
    color: #00588c;
    font-weight: bold;
    margin-bottom: 5px;
}

.tabContainer.closed
{
    display: none;
}

.tabContainer .linkBlueBox
{
    position: absolute;
    bottom: 10px;
    left: 20px;
}

h3.tabslink a:link, h3.tabslink a:visited, h3.tabslink a:active
{
    text-decoration: none !important;
    color: #00588c !important;
}

h3.tabslink a:hover
{
    text-decoration: underline !important;
}

.tabsBox p
{
    padding: 0;
    margin: 0;
}

.tabContainer
{
    width: 314px;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.tabContainer .content
{
    border-top: none;
    margin-top: -1px;
}


.tabContainer a
{
    text-decoration: none;
    border: none;
}

.tabContainer a.tabBack
{
    left: 5px;
}

.tabContainer a.tabBack, .tabContainer a.tabForward
{
    position: absolute;
    top: 60px;
    background-color: White;
}

.tabContainer a.tabForward
{
    right: 5px;
}

.tabContainer a.tabBack:hover, .tabContainer a.tabForward:hover
{
}

.tabContainer .content
{
    display: none;
    text-align: left;
}
#contentRight #tabsContainer
{
    margin-top: 0px !important;
}

ul.tabHolder
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 274px;
    height: 84px;
    margin-left: 22px;
    position:relative;
}

ul.tabHolder li
{
    list-style: none;
    float: left;
}

ul.tabHolder li.tabBack, ul.tabHolder li.tabForward
{
    margin-top: 40px;
}

ul.tabHolder li div.tab
{
    position: relative;
}

ul.tabHolder li.active, ul.tabHolder li.inactive
{        
    height: 81px;
    width: 67px;
    position: relative;
}

ul.tabHolder li.active
{
    border: 1px solid #3c3c3c;
    border-bottom: 1px solid white;
}

ul.tabHolder li.inactive
{
    border-top: 1px solid white;
    border-bottom: 1px solid black;
}

ul.tabHolder li.inactive.first
{
    border-left: 1px solid #ececec;
}

ul.tabHolder li img
{
    height: 82px;
    clip: rect(0px  67px 81px 0px);
    position: absolute;
    top:0px;
}

ul.tabHolder li a span, ul.tabHolder li span.title, ul.tabHolder li span.name
{
    display: none;
}

.tabContainer .name
{
    font-size: 0.9em;
}

.tabContainer .title
{
    font-size: 0.8em;
    margin-bottom: 2px;
    padding-bottom: 2px;
}


.tabContainer .content
{
    height: 240px;
    margin-bottom: 0px;
    overflow: hidden;
}

.clearSpacer
{
    clear:both;
    height: 5px;
}
.spacer
{
    background-color: black;
    height: 1px;
    width: 67px;
    margin-top: 82px;
}

.leftspacer, .rightspacer
{
    background-color: black;
    height: 1px;
}

.leftspacer
{
    width: 22px;
    position: absolute;
    margin-top: 82px;
}

.rightspacer
{
    right: 0px;
    width: 22px;
    position: absolute;
    margin-top: -2px;
}

.tabContainer .header
{
    background-image: url('/images/news_logo.gif');
    background-repeat: no-repeat;
    background-position: 15px top;
    height: 82px;
}

.tabContainer .content #blogs h3
{
    line-height: normal;
}

.tabContainer .content #blogs .date
{
    font-size: 0.9em;
}

.tabContainer .content #blogs .blogEntry
{
    font-size: 0.8em;
    line-height: 0.9em;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tabContainer .content h3.name
{
    padding-top: 10px;
    font-size:1.2em;
    padding-left: 20px;
}
.tabContainer .content p.title
{
    font-size: 1em;
    padding-left: 20px;
    margin-bottom: 15px;
}

.tabContainer .content #blogs
{
    clear: both;
}



/*static template pages*/
#contentLeft
{
    width: 615px;
    float: left;
    margin: 0;
    padding: 15px 15px 0 15px;
}
#contentFullWidth
{
    width: 950px;
    float: left;
    margin: 0;
    padding: 15px 15px 0 15px;
}

#contentLeft h1, #contentFullWidth h1
{
    font-size: 2.9em;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
    color: #00588c;
}

#contentLeft ul, #contentFullWidth ul
{
    padding: 0 0 10px 20px;
    margin: 0;
}

#contentLeft ul li, #contentFullWidth ul li
{
    list-style-type: none;
    padding: 3px 10px 2px 20px;
    margin: 0;
    background: url(../images/bullet_arrow.gif) no-repeat 0 8px;
    font-size: 1em;
    line-height: 1.5em;
}

#contentRight
{
    width: 320px;
    float: left;
    margin: 0;
    padding: 15px 15px 0 0;
}

.contentLeftFlash
{
    width: 485px !important;
}

.contentRightFlash
{
    width: 465px !important;
    padding: 30px 0 0 0 !important;
}

/*sub page boxes*/

#subPageBoxes
{
    padding: 15px 0 0 0;
}

.subPageLeft
{
    width: 300px;
    height: 215px;
    float: left;
    margin: 0;
    padding: 0;
}

.subPageRight
{
    width: 300px;
    height: 215px;
    float: right;
    margin: 0;
    padding: 0;
}

.subPageLeft p, .subPageRight p
{
    padding: 6px 15px 0 20px;
    line-height: 1em;
}

/*accordian menu*/

#accordian
{
    float: left;
    width: 615px;
    padding-top: 15px;
}

.accordianTitle
{
    float: left;
    width: 358px;
    font-size: 1.6em;
    margin: 0;
    padding: 7px 5px 0 25px;
    height: 28px;
    background-image: url(../images/arrow_down_white.gif);
    background-repeat: no-repeat;
    background-position: 9px 13px;
}

.accordianImage
{
    float: left;
    width: 227px;
    margin: 0 0 2px 0;
    padding: 0;
    height: 35px;
}

.accordianDetails
{
    float: left;
    width: 575px;
    padding: 10px 20px;
}

/*case studies*/

#caseStudyRight
{
    float: left;
    width: 315px;
    height: 145px;
    margin: 0 0 0 5px;
}

#caseStudyRight h2
{
    font-size: 2em;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
    padding-top: 5px;
}

#caseStudyLeft .caseStudy
{
    float: left;
    display: none;
    z-index: 1;
}

#caseStudyLeft .caseStudyContent
{
    float: left;
    width: 613px;
    background: #FFFFFF;
}

.caseStudyClose
{
    float: right;
    font-weight: bold;
    line-height: 1.4em;
}

#caseStudyLeft .caseStudyClose a:link, #caseStudyLeft .caseStudyClosea:visited, #caseStudyLeft .caseStudyClose a:active
{
    text-decoration: none;
}

#caseStudyLeft .caseStudyClose a:hover
{
    text-decoration: none;
}

#caseStudyLeft .caseStudyClose a span
{
    color: #FFFFFF;
    padding: 2px 4px 2px 5px;
}

#caseStudyLeft .caseStudyDetails
{
    float: left;
    width: 570px;
    padding: 10px 21px 25px 22px;
}

#caseStudyLeft h3
{
    font-size: 2.9em;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -0.03em;
}

#caseStudyLeft h4
{
    font-size: 1.8em;
    line-height: 1em;
    font-weight: normal;
    margin: 0 0 20px 0;
    color: #FFFFFF;
    padding: 8px;
}

#caseStudyLogo1
{
    float: left;
    position: absolute;
    top: 330px;
    left: 629px;
    padding: 15px 0 15px 21px;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#caseStudyLogo2
{
    float: left;
    position: absolute;
    top: 330px;
    left: 800px;
    padding: 15px 10px 15px 0;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

#caseStudyLogoHome1
{
    float: left;
    position: absolute;
    top: 520px;
    left: 629px;
    padding: 15px 0 15px 21px;
    z-index: 2;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

#caseStudyLogoHome2
{
    float: left;
    position: absolute;
    top: 520px;
    left: 800px;
    padding: 15px 10px 15px 0;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.caseStudyLogoTransparent img
{
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

/*Blog*/
#blogContentLeft
{
    width: 690px;
    float: left;
    margin: 0;
    padding: 30px 15px 30px 15px;
}
.blogItems
{
    float: left;
    width: 690px;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
.blogItems h3, .blogItems h1
{
    width: 690px;
    float: left;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d3d3d3;
    color: #00a2be;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    text-decoration: none;
}
.blogItems h3 a
{
    color: #00a2be !important;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    text-decoration: none !important;
}
.blogItems h3 a:hover
{
    text-decoration: underline !important;
}
.blogItems h4
{
    width: 690px;
    float: left;
    margin: 30px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d3d3d3;
    color: #00a2be;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    text-decoration: none;
}
.blogItems p
{
    float: left;
    width: 690px;
    padding: 0px;
    margin: 10px 0px 10px 0px;
}
.blogItems p.datetime
{
    color: #7f7f7f;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 1em;
    margin: 0px;
}
.blogItems ul
{
    float: left;
    width: 690px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 12px;
}
.blogItems ul li
{
    float: left;
    border-right: 1px solid #7f7f7f;
    margin-right: 10px;
    padding-right: 10px;
    color: #00a2be;
}
.blogItems ul li a
{
    color: #00a2be;
}
.blogItems ul li.last
{
    border-right: none;
}
.bloglink
{
    color: #00a2be;
}
.blogcomment
{
    width: 690px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    float: left;
    border-bottom: 1px dotted #7f7f7f;
}

#blogContentRight
{
    width: 250px;
    float: left;
    margin: 0;
    padding: 30px 0px 30px 0px;
}
#blogContentRight h4
{
    width: 250px;
    float: left;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d3d3d3;
    color: #00a2be;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    text-decoration: none;
}

/*Blog content right*/
#blogContentRight ul
{
    width: 240px;
    float: left;
    margin: 0px 0px 20px 10px;
    padding: 0px;
    list-style: none;
}
#blogContentRight ul li
{
    background: url(../images/bullet_arrow.gif) no-repeat 0px 7px;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 5px 0px;
    font-size: 1.1em;
}
#blogContentRight ul li a
{
    text-decoration: none !important;
    color: #7f7f7f;
}
#blogContentRight ul li a:hover
{
    text-decoration: underline !important;
}
#blogContentRight ul li a b
{
    color: #00a2be;
}

/*News Articles*/
.newsItems
{
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 10px 0px;
    width: 600px;
    border-bottom: 1px dashed #D3D3D3;
    display: inline;
}

.newsItems h3, .newsItems h1
{
    width: 590px;
    float: left;
    margin-bottom: 10px !important;
    padding: 7px 0px 7px 10px;
    background: #e5f6f8;
    color: #00a2be !important;
    font-size: 1.7em !important;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    text-decoration: none;
    display: inline;
}
.newsItems h3 a
{
    color: #00a2be !important;
    text-decoration: none !important;
}
.newsItems p
{
    float: left;
    width: 590px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 10px 0px;
    display: inline;
}
.newsItems p.datetime
{
    color: #7f7f7f;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 1em;
    margin: 0px 0px 10px 0px;
    display: inline;
}
.newsItems a.moreNews
{
    color: #01a2be !important;
    padding: 0px 0px 0px 10px;
    float: left;
}

/*Contact us */
.contactLocation
{
    width: 205px;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    height: 200px;
}
.contactLocation h4
{
    font-size: 1em;
}
.contactLocation h4 a
{
    color: #009673;
    text-decoration: none;
    width: 175px;
}
.contactLocation p
{
    width: 175px;
}
.contactLocation a
{
    text-decoration: none;
    color: #7F7F7F;
}
.clearer
{
    float: left;
    width: 615px;
    clear: both;
    height: 20px;
    padding: 0px;
    margin: 0px;
}

#contactMap
{
    float: left;
    margin: 0;
    padding: 30px 15px 0;
    width: 500px;
}
#contactDetails
{
    float: left;
    margin: 0;
    padding: 30px 0px 0 0px;
    width: 380px;
}
#contactDetails h1
{
    color: #009673;
    font-size: 2.9em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    margin-bottom: 20px;
}
#contactDetails h4
{
    color: #009673;
    font-size: 1em;
    margin: 0;
    padding: 10px 0px 0 0px;
}
#contactDetails a
{
    color: #7F7F7F;
    text-decoration: none;
}
#contactDetails a.back
{
    color: #009673;
    text-decoration: underline;
}

/*Vacancies*/
.vacancyheader
{
    font-size: 2.4em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1em;
    margin-bottom: 20px;
    color: #871D9B;
}
.vacancyItems
{
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dashed #7F7F7F;
    float: left;
}
.vacancyItems h4
{
    font-size: 1em;
}
.vacancyItems h4 a
{
    text-decoration: none !important;
    color: #7F7F7F;
}
.vacancyItems ul
{
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 12px;
}
.vacancyItems ul li
{
    float: left;
    border-right: 1px solid #7f7f7f;
    margin-right: 10px;
    padding-right: 10px;
    color: #00a2be;
}
.vacancyItems ul li a
{
    color: #881d9b;
}
.vacancyItems ul li.last
{
    border-right: none;
}
a.backVacancies
{
    color: #871D9B;
    padding: 0px;
    float: left;
}

/*team pages*/

.teamMember
{
    float: left;
    width: 216px;
    margin: 0px 10px 0 10px;
    padding: 0 0 20px 0;
    display: block;
}

#contentRight .teamMember
{
    position: relative;
    float: none;
    height: 135px;
}
#contentRight .teamMember a img
{
    position: absolute;
    width: 320px;
    left: -10px;
    z-index: 0;
}

#contentRight .teamMember h3
{
    width: 180px;
}
#contentRight .teamMember div a
{
    position: relative;
    left: 0px;
}
#contentRight .teamMember div a img
{
    width: auto;
    position: relative;
    left: 0px;
}

#contentRight .teamMember p
{
    padding: 0px;
    margin: 0px;
}

.teamMember h3
{
    font-size: 1.2em;
    margin: 5px 0px 0px 0px;
}
.teamMember h3 a
{
    color: #015a2e !important;
    text-decoration: none !important;
}
#quoteTeam
{
    width: 425px;
    float: left;
    margin: 0;
    padding: 25px 0 0 40px;
    background-image: url(../images/quotes/quote_start_aboutgreen.gif);
    background-position: 0 9px;
    background-repeat: no-repeat;
}

#quoteTeam p
{
    font-size: 2.5em;
    line-height: 1.2em;
    color: #7f7f7f;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

#quoteTeam img
{
    vertical-align: text-top;
}
.detailText
{
    width: 465px;
    float: left;
    clear: both;
}

#machinetranslator
{
    float: left;
    padding-top: 20px;
}

#machinetranslator label
{
    float: left;
    clear: both;
    margin: 0px;
    padding: 0 5px 0 0;
    font-weight: bold;
    color: #838383;
    width: 180px;
    line-height: 1.5em;
    text-align: right;
}


#linksection
{
    float: left;
    margin: 0px 0px 0px 55px;
    display: inline;
    padding: 0px;
    width: 240px;
}
#linksection a
{
    float: left;
    clear: both;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    width: 240px;
    border-top: 1px solid #00A2BE;
}

.vacancyLink
{
    background: url("../images/button_arrow.gif") no-repeat scroll 5px 10px transparent;
    float: left;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 15px;
    text-decoration: none !important;
    border: 1px solid #881D9B;
    color: #881E9C !important;
}

/* Blog styling */


.Tags
{
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.1em;
}

.Tags .Title
{
    float: left;
    width: 9%;
    vertical-align: middle;
}

.Tags .Tag
{
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    float: right;
    text-align: left;
    width: 90%;
}

.BlogEntry hr
{
    margin-bottom: 15px;
    margin-top: 15px;
}

.BlogEntry .datetime
{
    margin-bottom: 5px;
}

.Link
{
    margin-top: 5px;
    color: Black;
    font-size: 0.8em;
}

.Link .TextLinks
{
    float: left;
    width: 25%;
    padding-top: 3px;
}

.Link .FBShareLink
{
    float: left;
    width: 110px;
    vertical-align: top;
    height: 21px;
}

.Link .LIShareLink
{
    float: left;
    width: 110px;
    vertical-align: middle;
    height: 21px;
}

.Navigation
{
    margin-top: 20px;
}