/* CSS Document */

html,body { background-color:#fff; margin:0px; padding: 0px; font-family:Arial; font-size:11px;}

DIV { overflow:hidden;}

h3 { margin:0; padding:0 0 10px 0; font-size:24px; color:#414141;}
h4 { margin:0; padding:0 0 2px 0; font-size:24px; color:#414141;}


#outer_wrapper {width:100%; height:auto; background:url(/pics/top-bg-grad.gif) repeat-x top; padding:0;}

#inner_wrapper {width:940px; height:auto; padding:0; margin:0 auto 0 auto;}

.mc_more { font-size:10px; color:#b70002; display:inline; text-decoration:none;}
a.mc_more { font-size:10px; color:#b70002; text-decoration:none; display:inline;}
a.mc_more:hover { font-size:10px; color:#b70002; text-decoration:none;}

#top { width:940px; height:121px; background:url(/pics/top-bg-grad.gif) repeat-x top; padding:0px; margin:0px; }
#top .logo { display:block; width:940px; height:62px; margin:0; padding:0;}
#top .nav { width:auto; height:38px; margin-top:8px;}


#subs-box { 
margin-top:0px; 
padding-top:15px; 
width:223px; 
height:215px; 
background:url(/pics/subs-box-bg.gif) no-repeat top left; 
position:absolute;
top:110px;
left:885px;
color:#fff;
}

*+ html #subs-box { margin-top:-8px; padding-top:15px; height:215px;  background:url(/pics/subs-box-bg.gif) no-repeat top left; position:absolute; top:110px;
left:885px;
color:#fff;
}

#subs-box input { width:200px; padding:3px 1px 1px 2px; font-size:11px; color:#767676;}
#subs-box select { width:200px; padding:2px 2px;}
#subs-box .close { margin-top:5px; margin-left:2px;}
#subs-box .pop-submit { width:48px; height:19px; border:none;}
#subs-box .white-text { color:#FFFFFF; font-style:italic; margin-top:5px; margin-bottom:4px;}


#middle { width:940px; background-color:#fff; height:auto; padding:0px; margin-top:0px; }
#middle .phone { width:940px; height:15px; margin:0px; padding:0px;}
#middle .phone, .phone-float img { float:right;  margin-top:0px}

#middle #bread-float { display:block; width:940px; margin-top:2px;}
#middle #bread-float .breadcrumb { float:left; width:470px; background:url(/pics/bread-arrow.gif) no-repeat left;}
#middle #bread-float .links { margin-left:16px;}
#middle #bread-float .breadcrumb a { color:#b70002; font-size:12px; text-decoration:none;}
#middle #bread-float .breadcrumb a:hover { color:#b70002; font-size:12px; text-decoration:underline;}
#middle #bread-float .phone-float { float:right; width:470px; margin-right:7px; }

#middle #bread-float .bread-cms { float:left; background:url(/pics/bread-arrow.gif) no-repeat left;}
#middle #bread-float .bread-cms a { margin-left:16px; color:#b70002; font-size:12px; text-decoration:none;}
#middle #bread-float .bread-cms a:hover { margin-left:16px; color:#b70002; font-size:12px; text-decoration:underline;}

/*******/
#middle .main-image {width:940px; height:325px; margin-top:5px; padding:0 0 1px 0;}
/*******/
/*******/
#middle .main-image-news {width:940px; height:auto; margin-top:5px; padding:0 0 1px 0;}
/*******/

#middle .main-image-left { float:left; display:block; height:325px;}
#middle .main-image-right { float:left; height:325px;}

/*** Our People ***/

#middle .ourppl-image-left { float:left; display:block; width:282px; height:325px;}
#middle .ourppl-image-right { float:left; display:block; width:658px; height:325px;}

#board { width:940px; height:325px; padding:0; background:url(/pics/boardofdirectors-bg.gif) no-repeat;}
#board #content {padding:85px 20px 0 0; height:auto; float:right;}
#board #content img { margin-left:25px;}

/*** Who we are - vision and mission ***/

#middle .goals-left { float:left; display:block; width:282px; height:325px; margin:0; padding:0;}

#middle .goals-right { float:left; display:block; width:658px; height:325px; margin:0; padding:0;}

#customer,#employees,#shareholders,#sa_pub { width:485px; color:#242424px; height:auto; margin-top:-98px; padding:2px; margin-left:25px;}
#partners { width:578px; height:auto; margin-top:-110px; color:#242424px; padding:2px; margin-left:25px;}

#k_three,#k_four,#k_five,#k_six {width:725px; height:auto; margin-top:-190px; margin-left:38px; font-size:14px; color:#242424;}
#k_seven {width:725px; height:auto; margin-top:-190px; margin-left:38px; font-size:14px; color:#242424;}
.k_bigtxt { font-size:40px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#414141; }

#middle .our-values {width:940px; height:325px; margin-top:12px; padding:0; display:block; background:url(/pics/value-bg.gif) no-repeat;}
.our-values .navigation { padding:65px 0 0 30px;}
.our-values .navigation img { margin-right:11px;}

#middle .elasticity {width:940px; height:325px; margin-top:12px; padding:0; display:block; background:url(/pics/value-bg.gif) no-repeat;}
#middle .values {width:940px; height:325px; margin-top:0; padding:0; display:block; background:url(/pics/value-bg.gif) no-repeat;}

.elasticity .navigation { padding:24px 0 0 30px;}
.elasticity .navigation img { margin-right:11px;}


/*** Contact us ***/

#contact-main { width:940px; height:325px; padding:0; background:url(/pics/contact-bg.gif) no-repeat;}
#contact-main #content {padding:15px 0 0 90px; height:auto;}
#contact-main #content #left { float:left; width:330px; padding-right:10px; border-right:1px solid #e6e5e6;}
#contact-main #content #left img { float:left;}
#contact-main #content a { color:#bc1725; text-decoration:none;}
#contact-main #content a:hover { color:#bc1725; text-decoration:underline;}
#contact-main #content #right { float:left; width:413px; margin:0 0 0 65px;}
#contact-main #content #right .top { background-color:#f9f9f9; padding-top:15px; height:113px;}
#contact-main #content #right .bottom {background-color:#f9f9f9; margin-top:3px; padding-top:26px; height:165px;}


/**** News ****/

#news-main { width:940px; height:auto; padding:0; }
#news-main-content {padding:15px 20px 0px 22px; height:auto; min-height:325px;  background-image:url(/pics/news-bot-grad.gif); background-repeat: no-repeat; background-position: bottom; background-color:#f8f8f8;}



#news-main-content a { color:#bc1725;}
#news-main-content a:hover { color:#bc1725; text-decoration:underline;}
#news-main-content .txt { float:left; width:530px; color:#242424; font-size:12px; font-family:Arial; line-height:16px; padding-bottom:16px; height:auto; min-height:300px;}

#news-main-content h3 { margin:0; padding:0 0 5px 0; font-size:16px; color:#242424;}

#news-main-content .txt-wide { float:left; width:830px; color:#242424; font-size:12px; font-family:Arial; line-height:17px; padding-bottom:16px; height:auto; min-height:300px;}

/** ie 6 fix **/


#news-main-content-fix {padding:15px 20px 10px 22px; height:auto; min-height:325px;  background-image:url(/pics/news-bot-grad.gif); background-repeat: no-repeat; background-position: bottom; background-color:#f8f8f8;}
#news-main-content-fix a { color:#bc1725;}
#news-main-content-fix a:hover { color:#bc1725; text-decoration:underline;}
#news-main-content-fix .txt { float:left; width:530px; color:#242424; font-size:12px; font-family:Arial; line-height:16px; padding-bottom:16px; height:auto; min-height:300px;}

#news-main-content-fix h3 { margin:0; padding:0 0 5px 0; font-size:16px; color:#242424;}

#news-main-content-fix .txt-wide { float:left; width:830px; color:#242424; font-size:12px; font-family:Arial; line-height:17px; padding-bottom:16px; height:auto; min-height:300px;}


#news-main-content .txt .image {float:right; padding:3px;}

.redtxt { color:#bc1725;}
#news-main-content a.title_lk_cs {color:#bc1725; font-size:12px; font-weight:bold; text-decoration:none;}
#news-main-content a.title_lk_cs:hover {color:#bc1725; font-size:12px; font-weight:bold; text-decoration:underline;}
#news-main-content #right { float:left; width:333px; height:334px; background:url(/pics/greyblock-award.jpg) no-repeat;}
#news-main-content #right .txt { padding:20px 5px 0 10px; width:236px; color:#6c6c6c; line-height:20px;}
#news-main-content #right .txt ul { margin:5px 0 0 10px; padding:0;}


#news-main-content-fix #right { float:left; width:333px; height:334px; background:url(/pics/greyblock-award.jpg) no-repeat;}
#news-main-content-fix #right .txt { padding:20px 5px 0 10px; width:236px; color:#6c6c6c; line-height:20px;}
#news-main-content-fix #right .txt ul { margin:5px 0 0 10px; padding:0;}

/*** Tech solutions ***/

#tech-main { width:940px; height:325px; padding:0; background:url(/pics/tech-sol-main-img.gif) no-repeat;}
#tech-main #content {padding:27px 0 0 22px; height:auto;}
#tech-main #content #left { float:left; width:692px;}
#tech-main #content .header { height:30px; margin:0; padding-bottom:10px;}
#tech-main #content a { color:#bc1725; text-decoration:underline;}
#tech-main #content .txt { color:#242424; font-size:12px; font-family:Arial; line-height:17px;}
#tech-main #content #right { float:left; width:146px; margin-left:62px;}
#tech-main #content #right img { margin-bottom:11px;}

#tech-main #content li {list-style-position:inside; list-style-type:disc;}
#tech-main #content ul { padding:3px 0px;}

#tech-main #content #wide {width:900px; height:325px;}

/*** Achievments ***/

#achiev-main { width:940px; height:325px; padding:0;}
#achiev-main #content {padding:18px 0 0 22px; height:auto;}
#achiev-main #content #left { float:left; width:280px;}
#achiev-main #content p { line-height:16px; margin-bottom:0px; margin-top:5px;}
#achiev-main #content #mid {float:left; width:290px;}
#achiev-main #content #right { float:left; width:270px; height:199px; background:url(/pics/blueblock.gif) no-repeat;}
#achiev-main #content #right .txt { padding:20px 5px 0 10px; color:#fff; line-height:20px;}
#achiev-main #content #right .txt ul { margin:5px 0 0 10px; padding:0;}

#achiev-main #content .header { height:30px; margin:0; padding-bottom:10px;}
#achiev-main #content a { color:#bc1725; text-decoration:underline;}
#achiev-main #content .txt { color:#242424; font-size:12px; font-family:Arial; line-height:17px;}
#achiev-main #content #divider { float:left; width:18px; height:256px; margin:0; padding:0;}


/*** Celebrate ***/

#celebrate-main { width:940px; height:325px; padding:0; background:url(/pics/tech-sol-main-img.gif) no-repeat;}
#celebrate-main #content {padding:15px 0 0 20px; height:auto;}
#celebrate-main #content #left { float:left; width:485px;}
#celebrate-main #content #right { float:left; width:362px; margin-left:53px; margin-top:39px;}



/*** eLearning ***/

#elearn-main { width:940px; height:325px; padding:0; background:url(/pics/elearning-bg-image.gif) no-repeat;}
#elearn-main #content {padding:27px 0 0 22px; height:auto;}
#elearn-main #content #left { float:left; width:565px;}
#elearn-main #content .header { height:30px; margin:0; padding-bottom:10px;}
#elearn-main #content a { color:#bc1725; text-decoration:underline;}
#elearn-main #content .txt { color:#242424; font-size:12px; font-family:Arial; line-height:17px;}
#elearn-main #content #right { float:left; width:290px; margin-left:40px;}

#elearn-main #content li {list-style-position:inside; list-style-type:disc;}
#elearn-main #content ul { padding:3px 0px;}

#elearn-main #content #wide {width:900px; height:325px;}

#elearn-clients { width:940px; height:325px; padding:0; background:url(/pics/elearning-clients-bg.gif) no-repeat;}
#elearn-clients #content {padding:27px 0 0 25px; height:auto;}
#elearn-clients #content #wide {width:891px; height:auto; margin:0; padding:0;}
#elearn-clients #content #wide #navigation { float:right; width:78px; margin:0 10px 0 0;}
#elearn-clients #content #wide .clients { margin:0px 0px 0px 17px;}
#elearn-clients #content #wide td { border-right:1px solid #f3f3f3; height:auto;}

#elearn-clients #content li {list-style-position:inside; list-style-type:disc;}
#elearn-clients #content ul { padding:3px 0px;}

#elearn-clients #content #wide .no-border { border:0px;}
#elearn-clients #content #wide #one,#two,#three { width:865px; margin:43px 0 0 0; padding:0; height:auto;}
#andrew,#irwin,#leon { margin:0; padding-bottom:5px;}
#elearn-clients #switchcontent {width:860px; height:auto;}
#elearn-clients #switchcontent td { font-size:12px; font-family:Arial;}

/****  welcome *****/

#welcome { width:940px; height:325px; padding:0; background:url(/pics/welcome-2.gif) no-repeat;}
#welcome #content-serv {width:660px; margin-top:10px; margin-left:280px; height:auto; padding:0px;}
#welcome #content-serv .header {  height:30px; margin:0; padding-bottom:10px;}
#welcome #content-serv a { color:#bc1725; text-decoration:underline;}
#welcome #content-serv .txt { color:#242424; font-size:12px; font-family:Arial; padding:15px;}
#welcome #content-serv #wide {width:658px; height:auto;}
#welcome #content-serv p { line-height:18px; padding-bottom:9px; text-align:justify;}
#welcome #content-serv li { list-style-position:inside;}

/****  best company *****/

#best-company { width:940px; height:325px; padding:0; background:url(/pics/award-bg.jpg) no-repeat;}
#best-company #content-serv {width:660px; margin-top:10px; margin-left:280px; height:auto; padding:0px;}
#best-company #content-serv .header {  height:30px; margin:0; padding-bottom:10px;}
#best-company #content-serv a { color:#bc1725; text-decoration:underline;}
#best-company #content-serv .txt { color:#242424; font-size:12px; font-family:Arial; padding:15px;}
#best-company #content-serv #wide {width:658px; height:auto;}
#best-company #content-serv p { line-height:18px; padding-bottom:9px; text-align:justify;}
#best-company #content-serv li { list-style-position:inside;}


/*** What we do + Rollover box ***/

#wwd-main { width:940px; height:325px; padding:0; background:url(/pics/wwd-bg.jpg) no-repeat;}
#wwd-main #content {padding:85px 0 0 270px; height:auto;}
#wwd-main #content .header {  height:30px; margin:0; padding-bottom:10px;}
#wwd-main #content a { color:#bc1725; text-decoration:underline;}
#wwd-main #content .txt { color:#242424; font-size:12px; font-family:Arial; line-height:17px;}

#wwd-main-serv { width:940px; height:325px; padding:0; background:url(/pics/wwd-serv-bg.jpg) no-repeat;}
#wwd-main-serv #content-serv {padding:18px 0 0 270px; height:auto;}
#wwd-main-serv #content-serv .header {  height:30px; margin:0; padding-bottom:10px;}
#wwd-main-serv #content-serv a { color:#bc1725; text-decoration:underline;}
#wwd-main-serv #content-serv .txt { color:#242424; font-size:12px; font-family:Arial;}
#wwd-main-serv #content-serv #wide {width:658px; height:auto;}
#wwd-main-serv #content-serv p { line-height:18px; padding-bottom:9px;}
#wwd-main-serv #content-serv li { list-style-position:inside;}
#wwd-main-serv #content-serv ul { padding:3px 0px 0px 10px;}


.spacer { margin-left:16px;}


#wwd-main #switchcontent {width:665px; height:auto; margin-top:30px; margin-left:20px;}

.wwd-maintable { margin:54px 0 0 -23px;}


div.headfoot {height:auto; padding:0px;}
#switchcontent a {cursor: pointer;}
#switches {display:inline; width:350px; margin:0 auto; text-align:center;}



/*** Leadership Team ***/

#middle .main-image-top { float:left; display:block; width:940px; height:158px;}
#middle .main-image-bottom { float:left; display:block; margin:0; padding:0; width:940px; height:158px; background:url(/pics/leadership-vertical-grad.jpg) repeat-x;}

.main-image-bottom .profile-images { padding:12px 0 0 15px;}
.main-image-bottom .profile-images img { float:left; margin-right:15px; border:0px;}

/* eLearning bottom links */

#e-bottom { width:940px; background-color:#fff; height:180px; margin:0; padding:0px; }
#e-bottom .left1 { float:left; width:172px; height:147px; }
#e-bottom .left2 { float:left; width:172px; height:147px; margin-left:20px; }
#e-bottom .right1 { float:left; width:172px; height:147px; margin-left:19px; }
#e-bottom .right2 { float:left; width:172px; height:147px; margin-left:18px; }
#e-bottom .right3 { float:left; width:172px; height:147px; margin-left:18px; }

/* Generic bottom links */

#bottom { width:940px; background-color:#fff; height:126px; margin:0; padding:0px; }
#bottom .left1 { float:left; width:220px; height:126px; background:url(/pics/botblock-01.jpg) no-repeat;}
#bottom .left2 { float:left; width:220px; height:126px; margin-left:20px; background:url(/pics/botblock-02.jpg) no-repeat;}
#bottom .right1 { float:left; width:220px; height:126px; margin-left:19px; background:url(/pics/botblock-03.jpg) no-repeat;}
#bottom .right2 { float:left; width:221px; height:126px; margin-left:18px; background:url(/pics/botblock-04.jpg) no-repeat;}

a.left1-title_lk_cs { color:#fff;  padding:0px; text-align:center; text-decoration:none;} 
a.left1-title_lk_cs:hover { color:#fff; width:220px; padding:0px 20px 6px 0px; display:block; text-decoration:none; background-color:#bf1919;} 
a.left2-title_lk_cs { color:#fff;  padding:0px; text-align:center; } 
a.left2-title_lk_cs:hover { color:#fff; width:220px; padding:0px 20px 6px 0px; display:block; text-decoration:none; background-color:#bf1919;} 
a.left3-title_lk_cs { color:#fff;  padding:0px; text-align:center; } 
a.left3-title_lk_cs:hover { color:#fff; width:220px; padding:0px 20px 6px 0px; display:block; text-decoration:none; background-color:#bf1919;} 
a.left4-title_lk_cs { color:#fff; padding:0px; text-align:center; } 
a.left4-title_lk_cs:hover { color:#fff; padding:0px 0px 6px 0px; display:block; text-decoration:none; background-color:#bf1919;} 

.bottom-left-txt { color:#fff; margin-top:99px; text-align:center;}


/** our clients bottom link specific to our clients section **/

a.left3-activelk { color:#fff; width:220px; padding:0px 20px 6px 0px; display:block; text-decoration:none; background-color:#bf1919; } 
a.left3-activelk:hover { color:#fff; width:220px; padding:0px 20px 6px 0px; display:block; text-decoration:none; background-color:#bf1919;} 



#footer { width:940px; height:auto; margin:17px auto 0 auto; display:block; padding:0; }
#footer .txt { float:left; color:#989898;}
#footer .rhs-buttons { float:right;}
#footer .color {color:#989898;}

#empowerdex,#accreditation {width:350px; border:2px solid #242424; color:#242424; position:absolute; top:682px; left:525px; padding:5px;}

#visual,#unisa { color:#242424; width:190px; margin-top:-95px; position:absolute; border:1px solid #E2E2E2; padding:3px; background-color:#fff;}

.t1-link { padding-left:10px; color:#b70002; font-size:12px;}

.redtxt { color:#bf1919; font-weight:bold; padding-bottom:3px;}