#left-pnl {
    display: inline;
    width: 700px;
    margin: 10px;
}
#right-pnl {
    display: inline;
    width: 240px;
    margin: 10px;
}

/*Side services navigation menu*/
#services_menu h3 {margin: 0 0 10px 5px;}
#services_menu h3 a{ color:#444; }
#services_menu ul { 
    border:1px solid #DADADA;
    width: 220px;
    list-style-type: none;
}
#services_menu ul li{
    clear: both;
    border-bottom:1px solid #EEEEEE;
}
#services_menu ul li a {
    background:transparent url(/images/white_nav_arrow.gif) no-repeat scroll 95% center;
    display:block;
    padding: 10px 0 10px 15px;
    text-decoration:none;
}
#services_menu ul li a:hover {
    color: #444444;
    background-color: #ECF4FC;
}

.subheader h2 {
    color:#EA7F37;
    border-bottom: solid 5px #ECF4FC;
    margin-bottom: 10px;
}

.service h3 {
    color: #005FB3;
}

.service p{
    margin: 5px;
}

ul.list-tick li {
    padding: 5px 0 5px 28px;
    background: url(/images/tick.png) no-repeat left 0.4em;
} 

ul.list-bluecircle  li {
    padding: 2px 0 2px 16px;
    background: url(/images/icons/bullet_blue.png) no-repeat left 0.3em;
}
ul.list-greencircle  li {
    padding: 2px 0 2px 16px;
    background: url(/images/icons/bullet_green.png) no-repeat left 0.3em;
}

#btns{
    text-align: right;
    padding-bottom: 10px;
    border-bottom: solid 5px #ECF4FC;
}
#ack{
    clear: both;
    margin: 20px 0; 
    text-align: center;
    font-style: italic;
}
#contact {
    clear: both;
    font-size: 0.9em;
    text-align: center;
    color: #444;
    
}

#slider {
    position:relative;
}
#slider #sliderContainer {
  margin:0 auto;
  width:680px;
  position:relative;
}

#slider #sliderContainer .slide {
  margin:0 auto;
  width:660px;
}

/* height for each slide*/
#BusDev1 {height: 450px;}
#BusDev2 {height: 450px;}
#CareerCon1 {height: 570px;}
#CareerCon2 {height: 570px;}
#CareerDev1 {height: 480px;}
#CareerDev2 {height: 480px;}
#CareerEssentials1{height: 550px;}
#CareerEssentials2{height: 550px;}
#CIRC1 {height: 450px;}
#CIRC2 {height: 450px;}
#IMG1 {height: 560px;}
#IMG2 {height: 560px;}
#Mentoring1 {height: 620px;}
#Mentoring2 {height: 620px;}
#OSLT1 {height: 480px;}
#OSLT2 {height: 480px;}
#Portfolio1 {height: 480px;}
#Portfolio2 {height: 480px;}
#STEP1 {height: 550px;}
#STEP2 {height: 550px;}
#IPP1{height:520px}
#IPP2{height:520px}
#networks1{height:380px}
#networks2{height:380px}

/*
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:60px;
  height:60px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index: 99;
}
#leftControl {
  top:30%;
  left:0;
  background:transparent url(/images/previous.png) no-repeat 0 0;
}
#rightControl {
  top:30%;
  right:0;
  background:transparent url(/images/next.png) no-repeat 0 0;
}

/*Services List*/
.services-list {
    width: 700px;
    margin: 0 auto;
}
.services-intro {
    clear: both;
    margin: 15px 0;
}
.services-intro .thumb{
    float: left;
    width: 200px;
    text-align: center;
}
.services-intro .thumb img {
    padding: 3px;
    border: solid 1px #bcbcbc;
}

.services-intro .info{
    margin-left: 220px;
}

.services-intro .content{
    margin-left: 220px;
    padding-left: 10px;
    border-left: solid 2px #ECF4FC; 
}

.services-intro .more{
    margin: 5px;
    text-align: right;
}