@import url(undohtml.css);

html {
	/*background: #353535 url(../images/bg.jpg) 0 -50px repeat-x;*/
	background-color: #d4d4d4;
	border-top: solid 5px #78A242;
	overflow: -moz-scrollbars-vertical !important;
	text-align: center;
}

body {
	width: 850px;
	margin: 0 auto;
	background: #fff url(../images/content_bg_gradient.jpg) repeat-x;
	position: relative;
	font: 88%/1.6 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 33px;
	color: #333;
}

#home {
	background-image: none;
}


/* =logo */

h1#logo {
	text-indent: -9000px;
	background: url(../images/logo.jpg) no-repeat;
	width: 258px;
	height: 63px;
	top: 33px;
	left: 30px;
	position: absolute;
}

h1#logo a {
	width: 258px;
	height: 63px;
	display: block;
}


/* =navigation */

#nav_main {
	position: absolute;
	top: 55px;
	right: 65px;
}

#nav_main li {
	float: left;
	font-size: 90%;
	margin-right: 15px;
	height: 30px;
}

#nav_main li a {
	color: #333;
	padding: 0 5px;
}

#nav_main li a:hover {
	border-bottom: solid 5px #999;
}

#nav_main li.selected a {
	font-weight: bold;
	color: black;
}

#nav_main #practice a:hover {
	border-color: #E4B62E;
}

#nav_main #process a:hover {
	border-color: #B6B62E;
}

#nav_main #clients a:hover {
	border-color: #E65C2E;
}

#nav_main #contact {
	margin-right: 0;
}


/* =home */

#nav_home {
	width: 230px;
	position: absolute;
	top: 120px;
}

#nav_home li {
	border-left: solid 8px;
	background: url(../images/nav_home_bg.jpg) no-repeat;
	font-weight: bold;
	padding-top: 40px;
}

#nav_home a {
	height: 65px;
/*	line-height: 105px;*/
	display: block;
	color: black;
	padding-left: 24px;
}

#nav_home a:hover {

}

#nav_home #improve_performance {
	border-color: #E4B62E;
}

#nav_home #enable_sustainable {
	border-color: #B6B62E;
}

#nav_home #sustain_change {
	border-color: #E65C2E;
}

#nav_home #improve_performance a {
	background: url(../images/nav_sub_bullet1.jpg) left 9px no-repeat;
}

#nav_home #enable_sustainable a {
	background: url(../images/nav_sub_bullet2.jpg) left 9px no-repeat;
}

#nav_home #sustain_change a {
	background: url(../images/nav_sub_bullet3.jpg) left 9px no-repeat;
}

#flash {
	position: absolute;
	height: 315px;
	right: 0;
	top: 120px;
	padding-bottom: 20px;
	line-height: 0;
}

#flash img {
	line-height: 0;
}



/* =navigation sub */

.nav_sub {
	background: url(../images/nav_sub_bg.jpg) no-repeat;
	border-left: solid 8px #999;
	width: 100%;
	padding-top: 10px;
}

#nav_practice.nav_sub {
	border-color: #E4B62E;
}

#nav_process.nav_sub {
	border-color: #B6B62E;
}

#nav_clients.nav_sub {
	border-color: #E65C2E;
}


#nav_subpractice.nav_sub {
	border-color: #E4B62E;
}

.nav_sub h2 {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 0 20px;
}

.nav_sub ul {
	margin-top: 7px;
	width: 180px;
	line-height: 110%;
}

.nav_sub li {
	font-size: 85%;
	margin: 0 0 7px 0;

}

.nav_sub a {
	padding-left: 30px;
	display: block;
	color: #999;
	/* to prevent a bug in IE6 - the containing div inscreases its height when rolling over the last item of the list */
	background: url(../images/0.gif) left 5px no-repeat;
}

.nav_sub li a:hover, .nav_sub li.selected a {
	color: #FF6633;
	background: url(../images/nav_sub_bullet4.jpg) left 5px no-repeat;
}

#nav_practice.nav_sub li a:hover, #nav_practice.nav_sub li.selected a {
	background: url(../images/nav_sub_bullet1.jpg) left 5px no-repeat;
}

#nav_subpractice.nav_sub li a:hover, #nav_subpractice.nav_sub li.selected a {
	background: url(../images/nav_sub_bullet1.jpg) left 5px no-repeat;
}


#nav_process.nav_sub li a:hover, #nav_process.nav_sub li.selected a {
	background: url(../images/nav_sub_bullet2.jpg) left 5px no-repeat;
}


#nav_clients.nav_sub li a:hover, #nav_clients.nav_sub li.selected a {
	background: url(../images/nav_sub_bullet3.jpg) left 5px no-repeat;
}

.nav_sub .bottom {
	background: url(../images/nav_sub_bg.jpg) left bottom no-repeat;
	line-height: 12px;
	clear: both;
}


/* navigation sub sub */

.nav_sub li ul {
	display: none;
}

.nav_sub li li {
	padding-left: 10px;
	font-size: 100%;
	background: url(../images/nav_sub_sub.jpg) 32px 6px no-repeat;
}

#nav_practice.nav_sub li.selected li a, #nav_process.nav_sub li.selected li a, #nav_clients.nav_sub li.selected li a, .nav_sub li.selected li a {
	background: none;
	color: #999;
}

#nav_practice.nav_sub li li a:hover, #nav_process.nav_sub li li a:hover, #nav_clients.nav_sub li li a:hover, .nav_sub li li a:hover, #nav_practice.nav_sub li li.seletec a, #nav_process.nav_sub li li.seletec a, #nav_clients.nav_sub li li.seletec a, .nav_sub li li.seletec a {
	color: #FF6633;
	background: none;
}

.nav_sub a { display: inline-block; }
.nav_sub a { display: block; }


/* =content */

#content {
	padding-bottom: 85px;
}

#home #content {
	margin-top: 20px;
}


/* =content main */

#content_main {
	/*position: absolute;
	left: 228px;
	top: 140px;*/
	float: right;
	width: 580px;
	padding-bottom: 30px;
	margin-top: 107px;
	margin-right: 42px;
	display: inline;
}

#content_main a {
	color: #333;
	text-decoration: none;
	border-bottom: dotted 1px #333;
}

#content_main a:hover {
	border-bottom-style: solid;
}

#content_main p {
	font-size: 85%;
	text-align: justify;
	padding-top: 10px;
	line-height:normal;
}

#content_main li {
	font-size: 85%;
	text-align: justify;
}

#content_main ul {
	padding: 0 0 0 20px;
}

#content_main ul li {
	background: url(../images/bullet1.jpg) left 3px no-repeat;
	padding-left: 8px;
}

#content_sub ul.leftColumn li {
	background: url(../images/bullet1.jpg) left 3px no-repeat;
	padding-left: 8px;
	font-size: 85%;
}

#content_main ol {
	padding: 0 0 0 20px;
}

#content_main ol li {
	padding-left: 8px;
	list-style: decimal outside;
}

#content_main li li {
	font-size: 100%;
}

#content_main ol li ul li {
	list-style: none;
}

#content_main li p {
	font-size: 100%;
}

#content_main h2 {
	color: #FF6633;
	font-size: 110%;
	line-height: 125%;
}

#content_main h4 {
	color: #FF6633;
	font-size: 100%;
	line-height: 125%;
	margin: 12px 0;
}

#content_main h5 {
	font-size: 95%;
	line-height: 125%;
	margin: 12px 0 7px 0;
	font-weight: bold;
	color: #666;
}


/* =content sub */

#content_sub {
	width: 200px;
/*	position: absolute;
	top: 130px;*/
	float: left;
	padding-bottom: 120px;
	margin-top: 120px;
}

#print {
	background: url(../images/icon_pdf.jpg) no-repeat;
	font-size: 85%;
	margin: 20px 0 20px 0;
	padding: 3px 0 3px 30px;
}

#print a {
	color: #999;
	border: none;
}

#print a:hover {
	color: black;
	text-decoration: underline;
	border: none;
}

#content_sub #print {
	margin-left: 18px;
}


#image_section {
	margin-top: 20px;
}


/* =footer */

#home #site_information {
	margin-top: 335px;
	width: 100%;
}

#site_information {
/*	background: #78A242 url(../images/content_bg_bottom.jpg) no-repeat;*/
	background-color: #78A242;
	position: relative;
	clear: both;
}

#site_information ul {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

#site_information li {
	font-size: 80%;
	display: inline;
	color: white;
	/*border-right: solid 1px;*/
	padding: 0 5px;
}

#site_information #terms {
	border: none;
}

#site_information li a {
	color: white;
}

#site_information li a:hover {
	text-decoration: underline;
}


#bottomnav { 
	color:#fff;
	font-size:11px;
	line-height:18px;
	text-align:center;
	padding:15px;
	margin: 0;

 }
#bottomnav a, #bottomnav a:visited { 
	color:#fff;
	}
	
#bottomnav a:hover {
	color:#3e3e3e;	
}


/* =general effects */

a:hover img.clickable_image {
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
}

.spacer12p {
	margin-top:12px; 
}

/* =about */

#about_process_flash {
	margin-top: 15px;
	float: left;
	margin-right: 10px;
	display: inline;
}

/* team bio */

#team_picture {
	float: right;
	text-align: right;
	text-transform: uppercase;
	color: #666;
	font-size: 70%;
	margin: 16px 0 5px 15px;
	width: 200px;
	line-height: 105%;
}

#team_picture img {
	display: block;
	margin-bottom: 3px;
}



/* =practice areas */

/* practice main page */

.fourcols {
	width: 136px;
	background: url(../images/content_box_bg.gif) no-repeat;
}

.fourcols .content_box {
	display: block;
	margin-top: 5px;
	height: 228px;
	background: url(../images/content_box_4cols.gif) no-repeat;
	padding-top: 10px;
	
}

.fourcols .content_box .bottom {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;
	background: #fff url(../images/content_box_4cols.gif) left bottom no-repeat;
	line-height: 20px;
	clear: both;
	
}

.fourcols h3.content_box_title {
	padding: 0;
}

.fourcols .right {
	right: 0;
}

#content_main .fourcols .content_box ul, #content_sub .fourcols .content_box ul {
	margin: 0;
	padding: 0 10px 0 12px;
}

#content_main .fourcols .content_box li, #content_sub .fourcols .content_box li {
	margin: 4px 0;
	text-align: left;
}

#content_main .fourcols .content_box li a, #content_sub .fourcols .content_box li a {
	border: none;
	color: #666;
}

h3.content_box_title {
	background: url(../images/content_title_4cols.jpg) no-repeat;
	line-height: 31px;
	text-align: center;
	font-size: 115%;
	font-weight: normal;
	color: white;
	height: 31px;
	padding: 0 0 0 15px;
}

h3.content_box_title .right {
	background: url(../images/content_title_4cols.jpg) right 0 no-repeat;
	width: 15px;
	line-height: 31px;
	position: absolute;
	margin: 0;
	vertical-align: bottom;
	top: 0;
}

#content_main h3.content_box_title a, #content_sub h3.content_box_title a {
	color: white;
	border: none;
}

#content_main h3.content_box_title a:hover, #content_sub h3.content_box_title a:hover {
	border: none;
}

#practice_practice {
	position: relative;
	margin-bottom: 20px;
	height: 275px;
	margin-top: 40px;
}

#practice_practice_training {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/content_box_bg.jpg) 0 70px no-repeat;
}

#practice_practice_coaching {
	position: absolute;
	top: 0;
	left: 148px;
	background: url(../images/content_box_bg.jpg) -148px 70px no-repeat;
}

#practice_practice_thepractice {
  float: right;
  margin-top: 78px;
  position: absolute;
  left: 80px;
  top: 321px;
}

#practice_practice_assessment {
	position: absolute;
	top: 0;
	left: 294px;
	background: url(../images/content_box_bg.jpg) -249px 70px no-repeat;
}

#practice_practice_consulting {
	position: absolute;
	top: 0;
	left: 440px;
	background: url(../images/content_box_bg.jpg) -440px 70px no-repeat;
}


/* practice category page */

.onecol {
	width: 452px;
	position: relative;
	left: 70px;
	background: url(../images/box-top.jpg) top no-repeat;
}


.onecol h3.content_box_title {
	position: absolute;
	left: 20px;
	top: -20px;
	z-index: 100;
}

.onecol .content_box {
	position: relative;
	top: 10px;
	width: 446px;
	left:1px;
	display: inline-block;
	background: url(../images/content_box_bg.jpg) no-repeat;  
	border-left: solid 2px #f9d9c0;
	border-right: solid 2px #f9d9c0;
	padding-top: 5px;
	z-index:100;
}



.onecol .bottom {
	width: 452px;
	height: 25px;
	background: url(../images/box-bottom.jpg) bottom  no-repeat;
	clear:both;	
	
	
}

#content_main .onecol .content_box h5 {
	margin-left: 20px;
	margin-top: 0;
}

#content_main .onecol .content_box ul, #content_main .onecol .content_box ol {
	padding: 0px 10px 0 30px;
	position: relative;
	height:inherit;

}

#content_main .onecol .content_box ol {
	margin-left: 10px;
	padding-left: 20px;
}


#content_main .onecol .content_box ol li {
	padding-left: 10px;
}

#content_main .onecol .content_box p {
	margin: 0 20px 10px 20px;
}

#content_main .onecol .content_box li {
	font-size: 100%;
	width: 185px;
	float: left;
	margin: 0 10px 12px 0;
	background-position: left 3px;
	line-height: 115%;
	text-align: left;
}

#content_main .onecol .content_box .li_practice {
	font-size: 11px;
	width: 350px;
	margin: 0px 10px 10px 0;
	text-align: left;
}

#content_main .onecol .content_box li a {
	color: #666;
	border: none;
}

#content_main .onecol .content_box li p {
	font-size: 90%;
	margin-left: 0;
}

#content_main .onecol .content_box .oneline li {
	width: 95%;
	line-height: normal;
}

#content_main .onecol .content_box li ul, #content_main .onecol .content_box li ol {
	padding-left: 15px;
}

#content_main .onecol .content_box li li {
	font-size: 100%;
	margin: 10px 0 0 0;
}

#content_main .onecol .content_box ul.firstcol {
	float: left;
	width: 180px;
	display: inline;
	margin: 0;
	padding: 0 0 0 30px;
	height:inherit;
	
}

#content_main .onecol .content_box ul.secondcol {
	float: right;
	width: 180px;
	padding: 0;
	display: inline;
	margin-right: 30px;
	height:inherit;
	
}

#content_main .onecol .content_box .firstcol li {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0;
}

#content_main .onecol .content_box .secondcol li {
	float: left;
	display: block;
	width: 100%;
	margin-right: 0;
}



/* practice subcategory page */

h3.page_box_title {
	float: left;
	text-align: center;
	margin-right: 10px;
	display: inline;
	padding-right: 15px;
	position: relative;
}

#content_main h2.page_box_title {
	display: block;
	line-height: 21px;
	height: 35px;
}

#content_main .onecol .subcategory li, #content_main .onecol .subcategory p {
	font-size: 85%;
	color: #666;
}

#content_main .onecol .subcategory p {
	font-size: 85%;
	color: #666;
}

#content_main .onecol .subcategory li {
	font-size: 85%;
	color: #666;
	width: 400px;
}


/* practice subcategory page boxes */
/* each subcategory has an ID */

.practice_main {
	position: relative;
	margin-bottom: 30px;
}

.practice_sub {
	position: relative;
	margin-bottom: 20px;
	margin-top: -20px;
	
}






/* =process */

/* what makes jda different */

#different {
	margin: 20px auto;
	height: 550px;
	width: 535px;
	position: relative;
}

#different dt {
	width: 211px;
	height: 56px;
	display: block;
	line-height: 56px;
	padding-left: 12px;
	color: #0C3900;
	font-weight: bold;
	font-size: 110%;
	position: absolute;
	z-index: 10;
}

#different dt span {
	padding-left: 22px;
	background: url(../images/bullet2.gif) left center no-repeat;
}

#different dd {
	width: 279px;
	height: 61px;
	display: block;
	position: absolute;
	left: 165px;
	z-index: 5;
	padding: 18px 18px 0 65px;
	font-size: 90%;
	font-weight: bold;
	color: #666;
	line-height: 110%;
}

#different1 {
	top: 9px;
	background: url(../images/process_heading1.jpg) no-repeat;
}

#different2 {
	top: 101px;
	background: url(../images/process_heading2.jpg) no-repeat;
}

#different3 {
	top: 193px;
	background: url(../images/process_heading3.jpg) no-repeat;
}

#different4 {
	top: 285px;
	background: url(../images/process_heading4.jpg) no-repeat;
}

#different5 {
	top: 377px;
	background: url(../images/process_heading5.jpg) no-repeat;
}

#different6 {
	top: 469px;
	background: url(../images/process_heading6.jpg) no-repeat;
}


#different1dd {
	top: 0;
	background: url(../images/process_different1.jpg) no-repeat;
}

#different2dd {
	top: 92px;
	background: url(../images/process_different2.jpg) no-repeat;
}

#different3dd {
	top: 184px;
	background: url(../images/process_different3.jpg) no-repeat;
}

#different4dd {
	top: 276px;
	background: url(../images/process_different4.jpg) no-repeat;
}

#different5dd {
	top: 368px;
	background: url(../images/process_different5.jpg) no-repeat;
}

#different6dd {
	top: 460px;
	background: url(../images/process_different6.jpg) no-repeat;
}



/* =clients */

img#clients_image {
	display: block;
	margin: 30px auto 30px auto;
}

/* clients buzz */

blockquote {
	font-style: italic;
	background: url(../images/blockquote.gif) no-repeat;
	padding: 15px 15px 15px 30px;
	color: #666;
	margin: 10px 60px 10px 40px;
	border-bottom: dashed 1px #ccc;
}

blockquote span {
	display: block;
	text-align: right;
	font-size: 90%;
	margin-top: 12px;
	color: #333;
	font-style: normal;
}



/* =contact */

#contact_form {
	clear: both;
	padding-top: 10px;
}

#contact_form ul {
	margin: 0;
	padding: 0;
}

#content_main #contact_form li {
	list-style: none;
	background: none;
	padding: 0;
	text-align: left;
	background: none;
}

#contact_form li span {
	width: 120px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 10px;
}

#contact_form li .submit {
	margin-left: 130px;
}


#media_contact {
	font-size: 85%;
	margin: 20px;
}

#media_contact p {
	line-height: 15px;
	margin: 7px 0;
	color: #333;
}


#media_contact a {
	color: #333;
	text-decoration: none;
	border-bottom: dotted 1px #333;
}

#media_contact a:hover {
	border-bottom-style: solid;
}

#vimeo { 
	margin:15px 0 15px 8px;
	font-size: 85%;
	line-height: 145%;
 }
 
#vimeo a {
	color: #333;
	text-decoration: none;
	border-bottom: dotted 1px #333;
}

#vimeo a:hover {
	border-bottom-style: solid;
}