/* CSS Document */
body, html {
	width:100%; height:100% !important;
	margin:0 auto 0 auto; padding:0; border:0;
	font: small Arial, Helvetica, sans-serif; 
	background:  url(../pics/bgTop.gif) 50% 0% repeat-x;
	text-align:center;
}

body#home {
	width:100%; height:100% !important;	margin:0 auto 0 auto; padding:0; 
	font: small Arial, Helvetica, sans-serif; text-align:center;
}
.off-left {	position: absolute;	left: -999px; width: 990px;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft{	clear:left;}
.clearBoth{	clear:both;}
.clearRight{ clear:right;}

.blue{color:#336699;}
.b {font-weight:bold;}

h1{ font-size:130%; margin-left:53px; }
h2{ font-size:110%; margin-left:53px; }
h3{ font-size:110%; margin-left:53px; }
h4{ font-size:100%; margin-left:53px; }

/********* Main Wrappers **********/
#OuterWrapper {display:block; width:100%; min-height:100%; height:auto !important; height:100%;
	background: url(../pics/bgBottom.gif) 50% bottom repeat-x;}
	
#Wrapper {display:block; width:980px; min-height:100%; height:auto !important; height:100%;
	margin:0 auto 0 auto; padding:0; border:0;}

#contentWrapper {display:block; width: 980px; height:auto; margin:4px 0 20px 0; padding:0; border:0;
	color:#252525; text-align:left;	float:left;	clear:none;}

#content {display:block; width:747px; height:auto; margin:0; padding:0; border:0; float:left; clear:none;}
	
#mainContent { width:570px; float:left; padding:0 10px 0 0; border:0;}

/********* Four Boxes **********/
#boxWrapper {width:auto; min-height:100px; height:auto !important; height:100px;
	padding:0; margin:0; border:0; float:right; clear:both;}
	
.boxes {display:block; width:115px;	border:0; margin:0 0 12px 0; padding:0;	text-align:left;
}
.box1, .box2, .box3, .box4 {display:block; width:115px; height: 48px; border:0;  padding:0;}
.box1 img, .box2 img, .box3 img, .box4 img {display:inline; width:115px; height:48px; border:0;}
.box1 a {display:block; background:url(../pics/boxes/ithinkSub.gif) left 0 no-repeat; width:115px; height:48px; border:0;}
.box1 a:hover {background:url(../pics/boxes/ithinkSub.gif) right 0 no-repeat;}

.box2 a {display:block; background:url(../pics/boxes/ilearnSub.gif) left 0 no-repeat; width:115px; height:48px; border:0;}
.box2 a:hover {background:url(../pics/boxes/ilearnSub.gif) right 0 no-repeat;}

.box3 a {display:block; background:url(../pics/boxes/ineedSub.gif) left 0 no-repeat; width:115px; height:48px; border:0;}
.box3 a:hover {background:url(../pics/boxes/ineedSub.gif) right 0 no-repeat;}

.box4 a { display:block; background:url(../pics/boxes/iacquireSub.gif) left 0 no-repeat; width:115px; height:48px; border:0;}
.box4 a:hover { background:url(../pics/boxes/iacquireSub.gif) right 0 no-repeat; }

.lastbox { float:left; clear:right;}

.socialnet a {display:block; width:140px; color:#336699; text-decoration:none; clear:both; margin:0 0 10px 0; padding-bottom:10px;}
.socialnet a:hover {text-decoration:underline;}
.socialnet img{border:0; margin:0 10px 0 0; float:left;}
.smIcons{width:140px; border:0; margin:10px 0 0 0; float:left;}
.smIcons img{display:block; margin:2px 15px 15px 0; border:0;}
.smIcons p{display:inline; width:80px; margin:0 0 15px 0; border:0; float:right;}

/* Top Box Area on Subpages */

#TopBoxSub {
	display:block; width:480px; min-height:180px; height:auto !important; height:180px;
	margin:0 0 0 53px; padding:0 20px 0 0;
	background: #000 url(../pics/boxes/bgAcquire.jpg) 0 0 no-repeat; overflow:visible;
}
#TopBoxSub img {display:block; position:relative; margin:-12px 0 10px -13px; width:109px; height:48px; float:left; }
#TopBoxSub p {display:block; margin:0 0 0 53px; color:#fff;}

/* Top Box iAcquire */
.iAcquireBox {
	border:solid; border-width:1px 1px 4px 1px; border-color:#000; border-bottom-color:#E82109;
	background: #000 url(../pics/boxes/bgAcquire.jpg) 0 0 no-repeat; color:#fff; overflow:visible;
}
.iAcquireBox h1 {font-size:110%; color:#E82109; }

/* Top Box iThink */
.iThinkBox {
	border:solid; border-width:1px 1px 4px 1px; border-color:#000; border-bottom-color:#336699;
	background: #000 url(../pics/boxes/bgiThink.jpg) 0 0 no-repeat !important;
}
.iThinkBox h1 {font-size:110%; color:#417CB8; }

/* Top Box iLearn */
.iLearnBox {
	border:solid; border-width:1px 1px 4px 1px; border-color:#000; border-bottom-color:#C4F091;
	background: #000 url(../pics/boxes/bgiLearn.jpg) 0 0 no-repeat !important;
}
.iLearnBox h1 {font-size:110%; color:#C4F091; }

/* Top Box iLearn */
.iNeedBox {
	border:solid; border-width:1px 1px 4px 1px; border-color:#000; border-bottom-color:#7FDBE6;
	background: #000 url(../pics/boxes/bgiNeed.jpg) 0 0 no-repeat !important;
}
.iNeedBox h1 {font-size:110%; color:#7FDBE6; }

/********* Top Banner **********/
#banner {display:block; height: auto; width:980px;
	margin:0; padding:0; text-align:left; background: none;	float:left;}
	
.logo {display:block; width:auto; margin:66px 0 0 0; padding:0; border:0; float:left;}

#banner img {border:0;}

#icons {width: 435px; min-height:140px; height:auto !important; height:140px;
	padding:60px 0 0 0; margin:0 160px 0 0;	background: none;
	text-align:left; font-size:110%; color:#fff;
	float:right;}
	
/* fix for IE5 */
* html #icons{margin:0 70px 0 0;}

/*********** Main Content *************/
.global p{margin: 0 0 10px 53px; padding:0; font-size:90%; line-height:150%; border:0;}
.global a{display:block; margin:0 0 10px 53px; padding:0 0 0 20px;
	background:url(../pics/ArrowSmallBlack.gif) 0 50% no-repeat; color:#369; text-decoration:none;}
.global p a{display:block; margin:0 0 10px 0; padding:0 0 0 20px;
	background:url(../pics/ArrowSmallBlack.gif) 0 50% no-repeat; color:#369; text-decoration:none;}
.global a:hover{ text-decoration:underline;}

/*********** Main Content Links without graphic arrow *************/
#content .noPic a:link , #content .noPic a:visited  {display:inline; margin:0; padding:0; background:none; color:#369; text-decoration:none;}
#content .noPic a:hover, #content .noPic a:active {display:inline; margin:0; padding:0; background:none; color:#369; text-decoration: underline;}

.generalList ul {display:block; width:auto;	margin:0 0 20px 53px; padding:0;}

.generalList li{display:block; position:relative; clear:left; list-style:none;
	margin:0 0 10px 15px; padding:0 0 0 20px;
	background: url(../pics/bulletGrey.gif) 0 5px no-repeat; text-decoration:none;}
	
ul.clientList { display:block; width:240px; margin:10px 0 10px 53px; padding:0; float:left;}
ul.rightList { display:block; width:240px; margin:10px 0 10px 20px; padding:0; float:left;}
/* fix for IE 6 */
* html ul.clientList { margin-left:27px;}
* html ul.rightList { margin-left:10px;}

.clientList li {display:block; position:relative; clear:left; list-style:none;
	margin:0 0 5px 0; padding:5px 0 5px 20px; text-decoration:none;
	background: url(../pics/ArrowSmallBlack.gif) 0 6px no-repeat;}

ul.list{display:block; width:auto;	margin:0 0 20px 53px; padding:0;}
.list li{display:block; position:relative; clear:left; list-style:none;}
.list li a{display:block; position:relative; clear:left; list-style:none; margin:0 0 10px 0; padding:5px 0 5px 20px;
	background: url(../pics/ArrowSmallBlack.gif) 0 5px no-repeat; text-decoration:none;}

/* blended learning */
img.icon {margin:2px 10px 10px 0; float:left; border:0;}
h3.icon {margin:0 0 5px 53px; font-size:100%; clear:left;}

div.icon {display:block; padding: 0 0 15px 0; margin:0 0 0 53px; border:0; font-size:100%; clear:left; color:#252525;}

div.icon a{display:inline; margin-left:0; padding:0 20px 40px 50px; background: none; color:#252525; font-weight:bold;}
div.icon p{margin:5px 0 0 50px;}
#f2f { background: url(../pics/pageicons/face2face.gif) left 2px no-repeat; }
#el { background: url(../pics/pageicons/elearning.gif) left 2px no-repeat; }
#th { background: url(../pics/pageicons/theatre.gif) left 2px no-repeat; }
#ia { background: url(../pics/pageicons/iAcquire.gif) left 2px no-repeat; }
#in { background: url(../pics/pageicons/ineed.gif) left 2px no-repeat; }
#fa { background: url(../pics/pageicons/facebook.gif) left 2px no-repeat; }
#co { background: url(../pics/pageicons/coaching.gif) left 2px no-repeat; }
p.indent {margin-left:103px;}

/* sitemap list */
ul.sitemap {margin-left:50px; list-style:none;}
ul.sitemap li {margin-left:0; padding:0 0 0 20px; height:auto !important; height:10px;
	list-style:none; font-weight:bold; min-height:10px; }
ul.sitemap li a {margin:0 0 8px 0; padding:0 0 0 20px;}
ul.sitemap ul.inside {padding:0;}
ul.sitemap ul.inside li a {display:block; position:relative; margin:0 0 8px 0; padding:0 0 0 20px;
	font-weight:normal; color: #80B600;}

/* iAcquire diagrams */
div.anim {display:block; width:314px; margin:10px 15px 20px 53px; text-align:left; float:left;}
div.anim p {display:block; margin:15px 10px -8px 0 !important; padding:0; font-weight:bold; color:#E82109; line-height:normal; clear:left;}
/* fix for IE */
* html div.anim{margin-left:26px;}
.diagram {display:block; float:right; margin:10px 0 20px 15px; }
/** end  **/

a.flowinline{display:inline; background:none; padding:0; margin:0; font-weight:bold;}

a.linkinline {display:inline; margin-left:10px;}

.global .textlink {display:inline;  background:none; padding:0; font-weight:bold;}

.epicPic {display:block; margin:15px 0 10px 25px;}

.clientLogos {display:block; margin: 30px 0 30px 53px;}

.margin {margin-top:23px; margin-bottom:10px;}

#mainContent .summary{ margin: 0 10px 10px 53px; padding:0; font-size:90%; line-height:150%; border:0; float:left;}

/* 2c8 Page */
p.c8Box a:link, p.c8Box a:visited {
	display:inline; 
	width:143px; height: 103px;
	margin-right:20px;
	padding:110px 4px 20px 6px;
	background: url(../pics/2c8-box.png) 0 0 no-repeat;
	color:#FF6633;
	float:left;
}
	
p.c8Box a:hover, p.c8Box a:active {
	background:url(../pics/2c8-box.png) -153px 0 no-repeat;
	color:#000;
}


.bigDots {display:block; margin-top:0; padding:14px 0 20px 55px; 
	background: url(../pics/bigDotsGrey.gif) 0 0 no-repeat; clear:left;}
	
.bigDots1 {display:block; margin-top:10px; padding:14px 0 20px 55px;
	background: url(../pics/bigDotsGrey.gif) 0 0 no-repeat; clear:left;}
	
.bigDotsBlue {display:block; padding:30px 0 30px 55px;
	background: url(../pics/bigDotsBlue.gif) 0 50% no-repeat; color:#336699; clear:left;}
	
.coaching {display:block; margin-top:0; padding:18px 0 18px 65px; 
	background: url(../pics/pageicons/coaching1.gif) 0 0 no-repeat; clear:left;}

.theatre {display:block; margin-top:0; padding:18px 0 18px 65px; 
	background: url(../pics/pageicons/theatre1.gif) 0 0 no-repeat; clear:left;}

.elearning {display:block; margin-top:0; padding:18px 0 18px 65px; 
	background: url(../pics/pageicons/elearning1.gif) 0 0 no-repeat; clear:left;}
	
.sport {display:block; margin-top:0; padding:18px 0 18px 65px; 
	background: url(../pics/pageicons/sport.gif) 0 0 no-repeat; clear:left;}

.training {display:block; margin-top:0; padding:18px 0 18px 65px; 
	background: url(../pics/pageicons/training1.gif) 0 0 no-repeat; clear:left;}

.aArrow {display:block; background: url(../pics/AcquireArrow.gif) 0 50% no-repeat; padding:20px 0 20px 75px;}

blockquote {margin:10px 0 5px 0; font-style:italic;}

.quotename{display:block; font-size:90%; font-weight:bold; margin:0 0 20px 53px;}

/* ithink iNeed iLearn iAcquire PAGES */
.i #mainContent ul {display:block; width:auto; margin:30px 0 20px 53px; padding:0; border-bottom:1px solid #ccc; float:left;}
.i #mainContent li{ position:relative; display:block; clear:left; list-style:none; border-top:1px solid #ccc; }
.i #mainContent li a {display:block; width:auto; min-height:20px; height:auto !important; height:20px;
	text-decoration:none; color:#336699; margin:8px 20px 10px 0; font-weight:bold;}
.i #mainContent li a:hover {text-decoration:underline;}
.i #mainContent li strong {display:block; margin:5px 0 7px 0; color:#333;}

/********* iThink Content Links ***********/
.i #mainContent ul.iThink  {display:block; width:auto; background:#EAEFF5; margin:30px 0 20px 53px; padding:0;}
/* fix for IE */
* html .i #mainContent ul.iThink {margin-left:27px;}
.i #mainContent .iThink li {background: url(../pics/bulletBlue.gif) 10px 15px no-repeat; padding:5px 20px 5px 25px; color:#336699; }
.i #mainContent .iThink li a {display:inline; width:auto; padding:0 0 0 20px; background: url(../pics/ArrowSmBk1.gif) left 2px no-repeat; }
.i #mainContent .iThink li span {display:block; width:auto; margin:0; padding:10px 0 10px 0; }

.i #mainContent .iThink li.alt{background:#F4F7FA url(../pics/bulletBlue.gif) 10px 15px no-repeat; }

/********* iLearn Content Links ***********/
.i #mainContent ul.iLearn  {display:block; width:auto; background:#E9F4D4; margin:30px 0 20px 53px; padding:0;}
/* fix for IE */
* html .i #mainContent ul.iLearn {margin-left:27px;}
.i #mainContent .iLearn li {background: url(../pics/bulletGreen.gif) 10px 15px no-repeat; padding:5px 20px 5px 25px; color:#5A8700;}
.i #mainContent .iLearn li a {display:inline; width:auto; padding:0 0 0 20px; background:url(../pics/ArrowSmBk1.gif) left 2px no-repeat; color:#5A8700;}
.i #mainContent .iLearn li span {display:block; width:auto; margin:0; padding:10px 0 10px 0; }
.i #mainContent .iLearn li.alt{background:#F5FAE8 url(../pics/bulletGreen.gif) 10px 15px no-repeat; }

/********* iNeed Content Links ***********/
.i #mainContent ul.iNeed  {display:block; width:auto; background:#E5F8FA; margin:30px 0 20px 53px; padding:0;}
/* fix for IE */
* html .i #mainContent ul.iNeed {margin-left:27px;}
.i #mainContent .iNeed li {background: url(../pics/bulletTurquoise.gif) 10px 15px no-repeat; padding:5px 20px 5px 25px; color:#0095A6;}
.i #mainContent .iNeed li a {display:inline; width:auto; padding:0 0 0 20px; background: url(../pics/ArrowSmBk1.gif) left 2px no-repeat; color:#0095A6;}
.i #mainContent .iNeed li span {display:block; width:auto; margin:0; padding:10px 0 10px 0; }

.i #mainContent .iNeed li.alt{background:#F2FBFC url(../pics/bulletTurquoise.gif) 10px 15px no-repeat; }

/*********** Contact us Box under Nav *************/

#contactBox {display:block;	width:223px; height:auto; margin:0 0 20px 0; padding:22px 0 15px 10px; border:0; 
	background: #336699  url(../pics/bg-ContactBox.gif) 0 0 repeat-x; color:#fff; float:left;}
	
#contactBox H4{ margin:0 0 10px 0; font-size:110%;}
#contactBox p {margin:0 0 5px 0; font-size:100%; font-weight:bold;}
#contactBox a{color:#fff; text-decoration:none; font-size:90%;}
#contactBox a:hover{text-decoration:underline;}

/*********** Conference Box under Nav *************/

#conferenceLeft {display:block;	width:226px; height:120px; margin:0 0 20px 0; padding:12px 0 7px 7px; border:0; 
	background: #f4cdce url(../pics/conference_bg.png) 0 0 repeat-x; color:#fff; float:left;}
	
#conferenceLeft img {border:0}

/*********** testimonials bubble *************/

.testimonials {display:block; width:232px; height:auto; margin:30px 0 0 0; padding:20px 0 0 0; border:0; float:left; background:#E0EFC2 url(../pics/bgSpeechTop.gif) 0 0 no-repeat;}
.testimonials p{ width:180px; margin:0 25px 0 25px; font-size:110%; font-weight:bold; font-style:italic; color:#252525; line-height:150%;}
.testimonials p.name {background: #fff url(../pics/bgSpeechBottom.gif) 0 top no-repeat; width:207px; margin:0; font-size:90%; font-style:normal; padding:45px 0 0 25px; line-height:120%;}

/*********** Resources Table *************/
#docTable{border:0;	padding:0; margin:0; width:450px; border-spacing: 0;}
#docTable th {padding:3px 0 3px 0; font-weight:bold; text-align:left; border-style:solid; border-color:#CCC; border-width:0 0 1px 0;}
#docTable td {padding:3px 10px 3px 0; margin:0;  border-style:solid; border-color:#CCC; border-width:0 0 1px 0; vertical-align:top;}
#docTable img {margin:3px 5px 3px 0; float:left; }
.pdfcell {width:100px; padding-right:2px; }

/*********** Contact us *************/
.contacts p{padding:0; margin:0 0 0 53px; color:#252525;}
.contacts a{ padding: 0 0 0 20px;margin-left:10px;  background: url(../pics/ArrowSmallBlack.gif) left 0 no-repeat; text-decoration:none; font-weight:bold; color:#252525; }
.contacts a:hover{text-decoration:underline;}
.contacts h3, .contacts h2{margin-bottom:5px; font-size:100%; }
.contacts div {display:block; margin:10px 0 10px 53px;}
.contacts strong {color:#336699;}

/*********** W3C icons *************/

.w3c{ width: 88px; display:inline; margin:20px 10px 0 0; float:left;}

/*********** Up Link *************/
#up {display:block;	width: auto; height:auto; margin:0 0 10px 0; padding:0;
	text-align:center; font-weight:bold; font-size:80%;	float:right; clear:right;}
#up a:link, #up a:visited {display:block; width: 23px; padding:30px 0 0 0; border:0;
	text-decoration:none; color:#99CC33; background:url(../pics/upArrow.gif) 0 0  no-repeat;}
#up a:hover, #up a:active {text-decoration:underline; color:#336699; background:url(../pics/upArrow.gif) right 0 no-repeat;}

/*********** Copyright *************/

#copyright{display:block; position:relative; bottom:0;
	width:auto; min-height:24px; height:auto !important; height:24px;
	margin:0 auto 0 auto; padding: 17px 0 0 0; border: 0; background: url(../pics/bgBottom.gif) bottom left repeat-x;
	font-size:80%; color:#fff; text-align:center; clear:both;}
#copyright ul {	display:block; margin:0; padding: 0; border:0; font-weight:normal;}
#copyright ul li {display: inline; margin:0 0 0 15px; padding:0; list-style-type: none;}
#copyright ul li a:link, #copyright ul li a:visited {margin:0; padding: 0; border:0;
	color: #fff; font-weight:bold; text-decoration:none;}
#copyright ul li a:hover, #copyright ul li a:active { text-decoration:underline;}