@charset "UTF-8";
/* CSS Document */

html { min-height: 100.1%; height: 100.1%;}

#header {
	position:absolute;
	width:890px;
	height:90px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color:#FFFFFF;
}

#menu {
	position: absolute;
	height: 36px;
	top: 17px;
	left:280px;
}

body {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background:#ffffff;
	margin:0px;
	color:#333333;
}

p {
	margin-top: 0em;
	margin-bottom: 1em;
}

h2 {
	font-size: 12pt;
	color:#6666CC;
	font-weight: normal;
	margin-top: 5px;
}

h3 {
	font-size: 10pt;
	color: #6666CC;
}

a {
	padding: 0px;
	text-decoration:none;
	color:#6666CC
}
a:visited {
	color:#6666CC
}
a:active { color:#666666; }
a:hover {
	color:#666666;
}

#master {
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
}
#main {
	position:absolute;
	left:0px;
	top:110px;
	width:890px;
	z-index:2;
	height: auto;
	margin:0px;
	background-color:#FFFFFF;
}
#footer {
	width:890px;
	height:38px;
	z-index:3;
	margin-top: 20px;
}
#logo {
	position:absolute;
	width:152px;
	height:65px;
	z-index:1;
	top: 15px;
	left: 12px;
}
#abstract {
	width:auto;
	height:auto;
	z-index:4;
	left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#quote {
	width:auto;
	z-index:1;
	height: auto;
}

#quote img {
   width:auto;
   margin-right:4px;
}

#quote p {
	color:#666;
	font-style: italic;
	font-size: 1.3em;
	margin-bottom: 3px;
}

#quote #author {
	font-size: 1em;
	color:#666;
}

#cloudContainer {
	width:auto;
	height:auto;
	z-index:1;
	margin-top:55px;
	padding: 3px;
}
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

#cloud a { padding: 0px; text-decoration:none; color:#006  }
#cloud a:visited { color:#006 }
#cloud a:active { color:#3333FF }
#cloud a:hover { color:#3333FF }

#cloud {
	margin: 0;
	padding-left: 0px;
}
#cloud li { display: inline; list-style:none;}

#mainText {
	width:auto;
	z-index:1;
	margin: 0px;
	margin-top: 0px;
}

#illustrationRight{
	width:auto;
	z-index:1;
	float: right;
	margin-left: 8px;
	clear:right;
}


#serviceDescription{
	width:auto;
	z-index:1;
	margin-top:0px;
}

#caseStudy{
	width:250px;
	height:316px;
	z-index:1;
	background-image: url(../images/case_study.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: right;
	margin-right: 0px;
	margin-left: 15px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

#sampleCourses{
	width:250px;
	height:316px;
	z-index:1;
	background-image: url(../images/sample_courses.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: right;
	margin-right: 0px;
	margin-left: 15px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

#caseStudyEmpty{
	width:250px;
	height:316px;
	z-index:1;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}

#servicesMenu{
	margin-top: 0px;
	margin-right: 0px;
	height:285px;
	margin-left: 0px;
	float: left;
	background-image: url(../images/services_menu_bg.jpg);
	width: 230px;
}

#servicesDescription{
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	width: 385px;
	height: 316px;
}

#servicesDescriptionLarge{
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	width: 650px;
	height: 316px;
}


#subServiceHeader{
	width:210px;
	height:auto;
	z-index:1;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	background-image: url(../images/sub_service_bg.jpg);
	background-repeat: no-repeat;
}

#subServiceHeader h1{
	color:#6666cc;
	font-size: 1em;
	margin-top: 12px;
	margin-right: 3px;
	margin-left: 8px;
	margin-bottom: 15px;
	text-align: left;
}

#subServiceHeader p{
	color:#6666cc;
	margin: 10px;
	text-align: left;
	margin-bottom: 2px;
}


#diagram{
	width:auto;
	float: right;
	z-index:1;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 8px;
}

#caseStudyText{
	width:autp;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 40px;
}

#caseStudyText ul{
	margin-left: 17px;
	padding-left: 0px;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0px;
	padding-bottom:0px;
}

#caseStudyText li{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size:0.8em;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:bottom;
	line-height:0.8em;
	display:block;
	list-style:none;
}

#illustrationLeft{
	width:auto;
	z-index:1;
	float: left;
	margin-right: 10px;
}

#breadcrumb{
	width:auto;
	z-index:1;
	float: right;
	margin-left: 10px;
	margin-bottom:5px;
	font-size: 0.8em;
	color:#666666;
}

#breadcrumb a{
   color:#999;
}
#breadcrumb a a:visited{
   color:#999;
}
#breadcrumb a:hover{
   color:#666;
}
#breadcrumba:active{
   color:#666;
}


#servicesWrapper{
background-color:#339999;
}


#mainText li {
	margin-bottom: 0.8em;
	list-style-image:url(../images/bullet.png);
}


#subText {
	width:400px;
	z-index:1;
	float:right;
	margin: 0px;
	margin-left: 30px;
}

#servicesNav {
	z-index:1;
}

#servicesDescription #next{
	width:auto;
	z-index:1;
	margin-top: 10px;
	margin-bottom:5px;
	margin-right:0px;
	font-size: 0.8em;
	width:120px;
	position: absolute;
	top: 520px;
	left: 510px;
	text-align: right;
}

#servicesDescription #next img{
    margin-left:4px;
	float: right;
}



#servicesDescription #previous{
	width:auto;
	z-index:1;
	margin-top: 10px;
	margin-bottom:5px;
	margin-right:0px;
	font-size: 0.8em;
	width:120px;
	position: absolute;
	top: 520px;
	left: 245px;
	text-align: left;
}

#servicesDescription #previous img{
    margin-right:4px;
	float: left;
}

#servicesDescriptionLarge #previous{
	width:auto;
	z-index:1;
	margin-top: 10px;
	margin-bottom:5px;
	margin-right:0px;
	font-size: 0.8em;
	width:120px;
	position: absolute;
	top: 520px;
	left: 245px;
	text-align: left;
}

#servicesDescriptionLarge #previous img{
    margin-right:4px;
	float: left;
}

#homepageNews{
	z-index:1;
	width:438px;
	background-color:#eeeeee ;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	float:left;
}

#homepageNews h2 {
	font-size: 12pt;
	color:#6666CC;
	font-weight: normal;
	margin-top:2px;
	margin-bottom:8px;
}

#homepageNews p {
	margin-top:0px;
	margin-bottom:0px;
}

.clear {clear: both;}


/* ----------------------------- start #nav ----------------------------- */
#nav * { padding: 0; margin:0 }
#nav img { border: none; }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; width: 120px; height: 81px; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#approach { background:url(../images/approachOn.png) no-repeat left bottom; }
#services { background:url(../images/servicesOn.png) no-repeat left bottom; }
#people { background:url(../images/peopleOn.png) no-repeat left bottom; }
#contact { background:url(../images/contactOn.png) no-repeat left bottom; }
#clients { background:url(../images/clientsOn.png) no-repeat left bottom; }

/* ----------------------------- end #nav ids ----------------------------- */



/* ----------------------------- start #serviceNav ----------------------------- */
#serviceNav * { padding: 0px; margin:0px }
#serviceNav img { border: none; }
#serviceNav li { display: inline; list-style:none; }
#serviceNav li a {  display:block; width: 226px; height: 25px; }
#serviceNav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#serviceNav li a:hover { visibility:visible; }
#serviceNav li a:hover img { visibility:visible; }
#serviceNav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #serviceNav ----------------------------- */

/* ----------------------------- start #serviceSubNav ----------------------------- */
#serviceSubNav * { padding: 0px; margin:0px ; margin-left:0px}
#serviceSubNav li a {  display:block; width: 226px; height: 18px; }
/* ----------------------------- end #serviceSubNav ----------------------------- */


/* ----------------------------- start #serviceNav ids ----------------------------- */
#customerEngagement { background:url(../images/service_menu/customer_engagement_hover.png) no-repeat left bottom; }
#customerEngagementOn { background:url(../images/service_menu/customer_engagement_on.png) no-repeat left bottom; }
#projectInception { background:url(../images/service_menu/project_inception_hover.png) no-repeat left bottom; }
#projectInceptionOn { background:url(../images/service_menu/project_inception_on.png) no-repeat left bottom; }
#agileCoaching { background:url(../images/service_menu/agile_coaching_hover.png) no-repeat left bottom; }
#agileCoachingOn { background:url(../images/service_menu/agile_coaching_on.png) no-repeat left bottom; }
#projectReviewRecovery { background:url(../images/service_menu/project_review_recovery_hover.png) no-repeat left bottom; }
#projectReviewRecoveryOn { background:url(../images/service_menu/project_review_recovery_on.png) no-repeat left bottom; }
#agileRollout { background:url(../images/service_menu/agile_rollout_hover.png) no-repeat left bottom; }
#agileRolloutOn { background:url(../images/service_menu/agile_rollout_on.png) no-repeat left bottom; }
#agileTraining { background:url(../images/service_menu/agile_training_hover.png) no-repeat left bottom; }
#agileTrainingOn { background:url(../images/service_menu/agile_training_on.png) no-repeat left bottom; }
#distributedDevelopment { background:url(../images/service_menu/distributed_development_hover.png) no-repeat left bottom; }
#distributedDevelopmentOn { background:url(../images/service_menu/distributed_development_on.png) no-repeat left bottom; }
#iterativeDelivery { background:url(../images/service_menu/iterative_delivery_hover.png) no-repeat left bottom; }
#iterativeDeliveryOn { background:url(../images/service_menu/iterative_delivery_on.png) no-repeat left bottom; }

#sellingAgile { background:url(../images/service_menu/selling_agile_on.png) no-repeat left bottom; }
#fixedPrice { background:url(../images/service_menu/fixed_price_on.png) no-repeat left bottom; }
#beingAgile { background:url(../images/service_menu/being_agile_multi_on.png) no-repeat left bottom; }

#turnkeyProjectKickoff { background:url(../images/service_menu/turnkey_project_kickoff_on.png) no-repeat left bottom; }
#largeProject { background:url(../images/service_menu/large_project_on.png) no-repeat left bottom; }

#readinessAssessment { background:url(../images/service_menu/readiness_assessment_on.png) no-repeat left bottom; }
#turnkeyTeam { background:url(../images/service_menu/turnkey_dist_dev_on.png) no-repeat left bottom; }
#distributedAgileCoaching { background:url(../images/service_menu/distributed_agile_coaching_on.png) no-repeat left bottom; }



/* ----------------------------- end #serviceNav ids ----------------------------- */


.bl {background: url(../images/bl.png) 0 100% no-repeat #cccccc; width: 100%; margin-bottom:20px;}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding-left:50px;  padding-right:50px;  padding-top:15px;  padding-bottom:5px}

.bl2 {background: url(../images/bl2.png) 0 100% no-repeat #999999; width: 100%; margin-bottom:20px;}
.br2 {background: url(../images/br2.png) 100% 100% no-repeat}
.tl2 {background: url(../images/tl2.png) 0 0 no-repeat}
.tr2 {background: url(../images/tr2.png) 100% 0 no-repeat; padding-left:50px;  padding-right:50px;  padding-top:15px;  padding-bottom:5px}