/*=============================================================================
PINK SUB HEADER BANNER
=============================================================================*/
#SubheaderWrapper
{
    /*holds the whole banner at a max of 1200px*/
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

/*-- INNER BANNER WRAPPER--*/
#HomeBanner
{
    width: 100%;
    height: 150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.HomeCnt
{
    width: 98%;
    position: absolute;
    margin-left: 10px;
    margin-top: 15px;
}

#ServiceBanner, #ApproachBanner, #ClientBanner, #AboutBanner, #ContactBanner, #UserBanner
{
    width: 100%;
    height: 110px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.ServiceCnt, .ApproachCnt, .ClientCnt, .AboutCnt, .ContactCnt
{
    width: 98%;
    position: absolute;
    margin-left: 10px;
    margin-top: 20px;
}

#subheader h3
{
    font-size: 1.5em;
    display: inline;
}

#subheader h3, #subheader p
{
    color: #fff;
    font-weight: Bold;
}

/*=================================================================
Linac's HOMEPAGE BANNER
=================================================================*/
#TrainCarousel
{
    position: relative;
    top: 0px;
    margin-left: 15%;
}

.introtext
{
    display: block;
    position: absolute;
    top: 8px;
    width: 45%;
    left: 665px;
}

.RssFeed
{
    float: right;
    line-height: 14px;
    margin-top: 8px;
    font-size: 11px;
    display: block;
    border: dotted 1px #ccc;
    padding:0 16px 0 1px;

    background:#fff url(../images/Buttons/rss.gif) no-repeat center right;
}

.OfferContact{
    margin-left:114px;
}

/*----News Ticker scroll---*/
.tickercontainer
{
    /* the outer div with the black border */
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    background: #fff;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 2px 0;
    overflow: hidden;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    border: green solid 1px;
    position: relative;
    left: 1px;
    top: 1px;
    width: 230px; /*99%*/
    overflow: hidden;
    float:left;
}
ul.newsticker
{
    display: block;
    position: relative;
    left: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li
{
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    width: 250px;
}
#maincontent ul.newsticker a
{
    padding: 0;
    margin: 0 10px 0 0;
    text-align: center;
}
ul.newsticker span
{
    font-weight: bold;
    margin: 0 10px 0 0;
}
.NewsImg
{
    float: left;
    margin: 2px 8px 4px 0;
    padding: 2px;
    border: 1px solid #ccc;
}

#PauseBtn, #PlayBtn
{
    border: red solid 1px;
    background: #fff url(../images/Buttons/pauseBtn.gif) no-repeat center center;
    display: block;
    width: 32px;
    height: 32px;
    float:right;
}

#PlayBtn
{
    display: none;
    background: #fff url(../images/Buttons/PlayBtn.gif) no-repeat center center;
}

.Controls
{
    background: #000;
    display: block;
    width: 40px;
    height: 50px;
}

/*---TRAINING NEWS SLIDER ---*/
img
{
    border: none;
}

#Slidercontainer
{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
    margin-bottom: 2em;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    /*background: #f1f1f1;*/
    overflow: hidden;
}
#slider ul, #slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider li
{
    width: 280px; /*has to be set as px for width of text*/
    height: 250px;
    overflow: hidden;
    text-align: left;
}
#slider li h2
{
    margin: 0 24px;
    padding-top: 10px;
    font-weight:bold;
}
#slider li p
{
    margin: 10px 24px;
}
p#controls
{
    margin: 0;
    position: relative;
}
#prevBtn, #nextBtn
{
    display: block;
    margin: 0;
    overflow: hidden;
    text-indent: -8000px;
    width: 17px;
    height: 250px;
    position: absolute;
    left: 0px;
    top: -250px;
}
#nextBtn
{
    left: 100%;
    margin-left: -17px;
}
#prevBtn a, #nextBtn a
{
    border: #fff 1px solid;
    display: block;
    width: 15px;
    height: 248px;
    background: #fff url(../images/Buttons/prev_dn.gif) no-repeat center center;
}
#nextBtn a
{
    background: #fff url(../images/Buttons/next_dn.gif) no-repeat center center;
}
#prevBtn a:hover, #nextBtn a:hover
{
    border: #ff55bb 1px solid;
}

/*----Flash news ---
#maincontent .newsFlash
{
    list-style-type: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 3px;
    margin: 0;
}

#maincontent .newsFlash a
{
   background:transparent;
   width:50%;
}*/

/*=================================================================
Linac's SERVICES BANNER
=================================================================*/
.ServiceNav
{
    display: block;
    position: relative;
    top: 0px;
    width: 685px;
}

.ServiceListNav ul, .ServiceListNav li
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ServiceListNav li
{
    margin-right: 12px;
    text-indent: -9999px;
    overflow: hidden;
}

.ServiceListNav li.Service8
{
    margin-right: 0px;
}

.ServiceListNav li a
{
    display: block;
    height: 70px;
    width: 70px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
}

.ServiceListNav li.Service1 a
{
    background: url(../images/ServiceBtns/Leadership.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service1 a:hover, .ServiceListNav li.Service1 a.selected
{
    background: url(../images/ServiceBtns/Leadership.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service2 a
{
    background: url(../images/ServiceBtns/Management.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service2 a:hover, .ServiceListNav li.Service2 a.selected
{
    background: url(../images/ServiceBtns/Management.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service3 a
{
    background: url(../images/ServiceBtns/Coaching.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service3 a:hover, .ServiceListNav li.Service3 a.selected
{
    background: url(../images/ServiceBtns/Coaching.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service4 a
{
    background: url(../images/ServiceBtns/PersonalEfct.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service4 a:hover, .ServiceListNav li.Service4 a.selected
{
    background: url(../images/ServiceBtns/PersonalEfct.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service5 a
{
    background: url(../images/ServiceBtns/TrainTraining.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service5 a:hover, .ServiceListNav li.Service5 a.selected
{
    background: url(../images/ServiceBtns/TrainTraining.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service6 a
{
    background: url(../images/ServiceBtns/Sales.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service6 a:hover, .ServiceListNav li.Service6 a.selected
{
    background: url(../images/ServiceBtns/Sales.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service7 a
{
    background: url(../images/ServiceBtns/Customer.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service7 a:hover, .ServiceListNav li.Service7 a.selected
{
    background: url(../images/ServiceBtns/Customer.jpg) no-repeat 0 -70px;
}

.ServiceListNav li.Service8 a
{
    background: url(../images/ServiceBtns/LearnTech.jpg) no-repeat 0 0;
}
.ServiceListNav li.Service8 a:hover, .ServiceListNav li.Service8 a.selected
{
    background: url(../images/ServiceBtns/LearnTech.jpg) no-repeat 0 -70px;
}

.ServiceIntro
{
    position: absolute;
    top: 8px;
    width: 38%;
    margin-left: 670px;
}

/*=================================================================
Service Titles
=================================================================*/
.Lead
{
    color: #140958;
}
.Manage
{
    color: #2484c6;
    
}
.Coach
{
    color: #23bcb9;
}
.Personal
{
    color: #ee4498;
}
.Tft
{
    color: #ff9933;
}
.Sale
{
    color: #0c984a;
}
.Cust
{
    color: #ff3333;
}
.Learn
{
    color: #99cc33;
}

.Lead, .Manage, .Coach, .Personal, .Tft, .Sale, .Cust, .Learn
{
    font-size: 1.4em;
    line-height:1.4em;
    font-weight: bold;
    width: 90%;
}

/*=================================================================
Linac's APPROACH BANNER
=================================================================*/
.ApproachIntro
{
    display: block;
    position: absolute;
    top: 0px;
    width: 33%;
    margin-right: 66%;
}

/*---------------------------------------------------------------
Linac's ABOUT US PAGE/PEOPLE PAGE
=================================================================*/
.PeopleGrid
{
    width: 88%;
    top: 6px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.PeopleSquare
{
    display: block;
    border: 1px #ccc solid;
    float: left;
    width: 90px;
    height: 114px;
    margin: 3px 3px 8px 3px;
}

.PeopleSquare img
{
    padding: 2px;
    float: left;
}

.PeopleSquare:hover
{
    background-color: #ee4498;
}

span.PeopleTxt
{
    display: block;
    text-align: center;
    width: auto;
    height: auto;
    background-color: #ee4498;
    float: left;
    margin: -20px 0px 0px 1px;
    padding: 2px 0px 3px 0px;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
}

/*---------------------------------------------------------------
Linac's PARTNERS PAGE 
=================================================================*/
.PartnersGrid
{
    width: 450px;
    position: relative; /*margin-left:auto;*/
    margin-right: auto;
}

.Partner1, .Partner2, .Partner3, .Partner4
{
    border: 1px #f0f0f0 solid;
    position: relative;
    width: 200px;
    top: 5px;
    height: 100px;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Partner1:hover, .Partner2:hover, .Partner3:hover, .Partner4:hover
{
    border: 1px #ee4498 solid;
}

.Partner1
{
    background: url(../images/Partners/CapGemini.jpg) no-repeat left center;
}
.Partner2
{
    background: url(../images/Partners/EnterTrain.jpg) no-repeat left center;
}
.Partner3
{
    background: url(../images/Partners/LangXchange.jpg) no-repeat left center;
}
.Partner4
{
    background: url(../images/Partners/BTR.jpg) no-repeat left center;
}

.CompanyTxtArea
{
    position: relative;
    width: 98%;
    height: 110px;
    clear: both;
}

.PartnersTxt
{
    position: relative;
    width: 100%;
}

/*===============================================================
Linac's VALUE PAGE
=================================================================*/
.ValueGrid
{
    position: relative;
    width: 915px;
    height: 540px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#Cell
{
    position: relative;
    width: 180px;
    height: 180px;
    float: left;
}

#Cell h4, #Cell p
{
    color: #fff;
    margin: 9px;
}
#Cell h4
{
    font-size: 16px;
    margin-top: 15px;
}

#Cell p
{
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}

/*Coloured background cells for text*/
.Colorbg1
{
    background-color: #ee4498;
}
.Colorbg3
{
    background-color: #98509f;
}
.Colorbg5
{
    background-color: #99cc33;
}
.Colorbg7
{
    background-color: #ff9933;
}
.Colorbg9
{
    background-color: #ee4498;
}
.Colorbg11
{
    background-color: #140958;
}
.Colorbg13
{
    background-color: #0099ff;
}
.Colorbg15
{
    background-color: #da1f26;
}

/*Images background cells*/
.Colorbg2
{
    background: url(../images/ValueImgs/Value1.jpg) no-repeat left top;
}
.Colorbg4
{
    background: url(../images/ValueImgs/Value2.jpg) no-repeat left top;
}
.Colorbg6
{
    background: url(../images/ValueImgs/Value3.jpg) no-repeat left top;
}
.Colorbg8
{
    background: url(../images/ValueImgs/Value4.jpg) no-repeat left top;
}
.Colorbg10
{
    background: url(../images/ValueImgs/Value5.jpg) no-repeat left top;
}
.Colorbg12
{
    background: url(../images/ValueImgs/Value6.jpg) no-repeat left top;
}
.Colorbg14
{
    background: url(../images/ValueImgs/Value7.jpg) no-repeat left top;
}

/*===============================================================
Linac's CAREERS PAGE 
=================================================================*/
.Vacancies
{
    width: 98%;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

.Joblist li
{
    padding: 0px 10px 6px 11px;
    width: 23%;
    float: left;
}

.JobDetailArea
{
    width: 95%;
    margin: 0;
    margin-left: 11px;
    padding: 0;
    clear: both;
}

.RoleList li
{
    padding: 2px 0px 2px 15px;
}

.JobSpec
{
    top: 10px;
    margin: 0;
    padding: 0;
}

/*=================================================================
Linac's CLIENT BANNER
=================================================================*/
.ClientIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 32%;
    margin-right: 67%;
}

#Testimonials
{
    position: relative;
    top: -18px;
    width: 62%;
    margin-left: 33%;
    font-size: 16px;
}
/*=================================================================
Linac's ABOUT BANNER
=================================================================*/
.AboutIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 33%;
}

#AboutNav
{
    display: block;
    position: absolute;
    top: 2px;
    width: 65%;
    margin-left: 35%;
}

#AboutNav ul, #AboutNav li
{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#AboutNav li
{
    margin-left: 10px;
    overflow: hidden;
}

/*=================================================================
Linac's CONTACT BANNER
=================================================================*/
.ContactIntro
{
    display: block;
    position: relative;
    top: 0px;
    width: 32%;
    margin-left: 67%;
}

/*=================================================================
General site styles
=================================================================*/
/*Italic Pink font for user information*/
.info
{
    color: #ee4498;
}

#LoginDiv .loginContent input.field
{
    background: #ffc;
}

#logo
{
    background: url(../images/layout/Linaclogo.gif) no-repeat 0 5px;
}
#logo a
{
    display: block;
    height: 66px;
    width: 120px;
}

i
{
    width: 80%;
    display: block;
    color: #ee4498;
}

/*---------LINK PINK COLOUR--------------------------------------*/
a:hover, a:active
{
    color: #ee4498;
    text-decoration: underline;
}

#maincontent li a.selected
{
    color: #ee4498;
    border: 1px #ccc solid;
    background-color: #fff;
    text-decoration: none;
    padding-left: 5px;
}

#footer .navlinks a:hover, #footer .navlinks a.selected
{
    color: #ee4498;
}

#toppagebar
{
    background: url(../images/layout/toppagebar-pink.gif) repeat-x;
}
#LoginDiv .loginContent input.button_login
{
    background: transparent url(../images/Buttons/button_login_pink.jpg) no-repeat 0 0;
}
.latestNews li
{
    background: url(../images/Bullets/DrpBtn-pink.gif) no-repeat left top;
    padding: 0px 0px 8px 15px;
}
.latestOffers li
{
    background: url(../images/Bullets/DrpBtn-pink.gif) no-repeat left top;
    padding: 0px 0px 3px 15px;
}
.BulletList li
{
    background: url(../images/Bullets/PinkBullet.gif) no-repeat left top;
}
.Joblist li
{
    background: url(../images/Bullets/PlusBtn-pink.gif) no-repeat left top;
}
.RoleList li
{
    background: url(../images/Bullets/PinkBullet.gif) no-repeat left center;
}
#subheader
{
    background: url(../images/layout/Subheaderbg-pink.jpg) repeat-x;
}

span.ContactPhone
{
    background: url(../images/Bullets/telephone.png) no-repeat left center;
    padding: 0px 0px 0px 20px;
}
span.ContactEmail
{
    background: url(../images/Bullets/email.png) no-repeat left center;
    padding: 0px 0px 0px 20px;
}