html, body {height:100%}

body {
	background:url(../images/he_bg.jpg) top center repeat-x;
	padding:0;
	margin:0;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
}

div#container {
	width:800px;
	margin:0 auto;
	position: relative;
	min-height: 100%;
}
* html #container
{
height: 100%;
}


ul#top_nav {
    background: url(../images/menu_bg.jpg) no-repeat;
    list-style:none;
    display:block;
    height:44px;
    padding:93px 0 16px 0;
    margin:0;
	position:relative;
	z-index:50;
}

ul#top_nav li {
	float:right;
	display:block;
	height:44px;
	position:relative;
}

ul#top_nav li a, ul#top_nav li a:visited {
	display:block;
	height:44px;
	background-position:0 0;
}
ul#top_nav li a:hover { background-position:0 -44px;}
ul#top_nav :hover > a { background-position:0 -44px;}

ul#top_nav li a#top_nav_home { background-image:url(../images/top_nav_home.jpg); width:81px;}
ul#top_nav li a#top_nav_aboutus { background-image:url(../images/top_nav_aboutus.jpg); width:96px;}
ul#top_nav :hover > a#top_nav_aboutus { background-position:0 -44px;}
ul#top_nav li a#top_nav_recources { background-image:url(../images/top_nav_recources.jpg); width:110px;}
ul#top_nav :hover > a#top_nav_recources { background-position:0 -44px;}
ul#top_nav li a#top_nav_contact { background-image:url(../images/top_nav_contact.jpg); width:99px;}

ul#top_nav li a span {display:none;}

/*SECOND LEVEL LINKS*/
ul#top_nav ul {visibility:hidden;position:absolute;height:0;top:44px; width:130px; right:-15px; padding:5px 0 0 0; text-align:left; }
ul#top_nav ul a, ul#top_nav ul a:visited {
	width:110px;
	height:31px;
	color:#457d9e;
	line-height:30px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding:0 0 0 20px;
	text-decoration:none;
	background:url(../images/top_nav_divider.gif) bottom no-repeat #f9f9f9;
}
ul#top_nav ul a:hover {background-color:#efefef}
ul#top_nav ul :hover > a {background-color:#efefef}

ul#top_nav ul li {height:31px; margin:0; padding:0;}
ul#top_nav ul li.btm {line-height:0px; margin:0; padding:0;}


/* make the second & third level visible when you hover on first level list OR link */
#top_nav li:hover ul,
#top_nav a:hover ul,  
#top_nav :hover ul ul,  
#top_nav :hover ul :hover ul {visibility:visible;}

div#column1 {
	width:510px;
	overflow:inherit;
	float:left;
	color:#666;
}

div#welcome {
	width:483px;
	padding:40px 11px 20px 6px;
	text-align:left;
}

p {
	margin:0;
	padding:15px 0 0 0;
	line-height:24px;
	text-align:left;
}

div#welcome p {
	margin:0;
	padding:15px 0 0 0;
	line-height:24px;
	}
div#welcome p.point {
	background:url(../images/point.gif) no-repeat 0 15px;
	padding-left:40px;
	margin:5px 0 0 0;
	line-height:24px;

}

div#welcome p.point a {
	display:block;
	text-decoration:none;
	color:#666;
}

div#welcome p.point a span {
	color:#7a0bb5;
	font-size:12px;
	font-weight:normal;

}

div#welcome p.point a:hover span { text-decoration:underline;}
p.point :hover > a span { text-decoration:underline;}


div#welcome p span {
	font-size:14px;
	font-weight:700;
	color:#777;
}

div#quote {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	background:url(../images/index_quote_bg.jpg) no-repeat;
	width:354px;
	height:100px;
	color:#808080;
	text-align:left;
	padding:49px 75px 0 80px;
	line-height:24px;


}

a.txt_link {color:#7a0bb5; text-decoration:none;}
span.txt_link {color:#7a0bb5; text-decoration:none;}
a.txt_link_right {color:#7a0bb5; text-decoration:none; display:block; text-align:right; padding:0 5px 0 0;}
a.txt_link_right:hover, a.txt_link:hover {text-decoration:underline}

div#column2 {
	width:290px;
	float:left;
}

ul#index_btns {
	list-style:none;
	display:block;
	margin:0;
	padding:25px 0 0 35px;
	width:255px;
}

ul#index_btns li, ul#aboutus_btns li {
	display:block;
}

ul#index_btns li a {
	display:block;
	height:30px;
	width:252px;
	background-repeat:no-repeat;
	color:#3e3e3e;
	text-decoration:none;
	text-align:right;
	padding:146px 0 0 0;
}
ul#index_btns li a span {display:none}
ul#index_btns li a#btn_whatwedo {background-image:url(../images/what_we_do_bg.jpg);}
ul#index_btns li a#btn_whatwedo:hover {background-position:0 -176px;}
ul#index_btns li a#btn_casestudies {background-image:url(../images/case_studies_bg.jpg); margin-top:10px;}
ul#index_btns li a#btn_casestudies:hover {background-position:0 -176px; }
ul#index_btns li a#btn_resources {background-image:url(../images/home_resources.jpg); margin-top:10px;}
ul#index_btns li a#btn_resources:hover {background-position:0 -177px; }

a#browse_articles {
	display:block;
	background:url(../images/a_browsearticles.gif) 0 0 no-repeat;
	width:251px;
	margin:10px 0 0 39px;
	height:109px;
}
a#browse_articles span {display:none}

div#aboutus_quote {
	background:url(../images/aboutus_quote.gif) 0 0 no-repeat;
	width:426px;
	height:123px;
	padding:35px 35px 0 40px;
	text-align:left;
	line-height:26px;
}

ul#aboutus_btns {
	list-style:none;
	display:block;
	margin:0;
	padding:25px 0 0 35px;
	width:255px;
}

ul#aboutus_btns li a {
	display:block;
	height:19px;
	width:252px;
	background-repeat:no-repeat;
	color:#3e3e3e;
	text-decoration:none;
	text-align:right;
	padding:178px 0 0 0;
}ul#aboutus_btns li a span {display:none}

a#aboutus_alison {
	background:url(../images/aboutus_alison.jpg) 0 0 no-repeat;
}a#aboutus_alison:hover {background-position:0 -208px;}
a#aboutus_sue {
	background:url(../images/aboutus_sue.jpg) 0 0 no-repeat;
}a#aboutus_sue:hover {background-position:0 -208px;}
a#aboutus_julian {
	background:url(../images/aboutus_julian.jpg) 0 0 no-repeat;
}a#aboutus_julian:hover {background-position:0 -208px;}
a#aboutus_books {
	background:url(../images/artcles_bookreviews.jpg) 0 8px no-repeat;
}a#aboutus_books:hover {background-position:0 -208px;}
a#aboutus_links {
	background:url(../images/articles_links.jpg) 0 8px no-repeat;
}a#aboutus_links:hover {background-position:0 -208px;}
a#aboutus_how {
	background:url(../images/about_howwedoit.jpg) 0 8px no-repeat;
}a#aboutus_how:hover {background-position:0 -208px;}
a#books_articles {
	background:url(../images/books_articles.jpg) 0 8px no-repeat;
}a#books_articles:hover {background-position:0 -208px;}
a#aboutus_whatwedo {
	background:url(../images/aboutus_whatwedo.jpg) 0 8px no-repeat;
}a#aboutus_whatwedo:hover {background-position:0 -208px;}

div.arrow_l {
	background:url(../images/arrow_l.gif) 0 0 no-repeat;
	width:54px;
	height:41px;
	position:relative;
	right:55px;
	bottom:100px;
	margin-bottom:-41px;
}

div.dotted_line_top {
	border-top:1px dashed #999;
	padding:10px 0 0 0;
	margin:20px 0 0 37px;
	line-height:28px;
}

a#method {
	display:block;
	background:url(../images/a_discoverourmethodology.gif) 0 0 no-repeat;
	width:208px;
	height:54px;
	margin:25px 0 0 0;
}a#method span {display:none}

a#howwedoit {
	display:block;
	background:url(../images/a_howwedoit.gif) 0 0 no-repeat;
	width:228px;
	height:56px;
	margin:25px 0 0 0;
}a#howwedoit span {display:none}

div.icon_pdf {
	position:relative;
	height:38px;
	width:39px;
	background:url(../images/icon_pdf.gif) 0 0 no-repeat;
	margin:20px 0 -38px 0;
	right:55px;
	top:25px;
}
div.icon_arrow {
	position:relative;
	height:24px;
	width:27px;
	background:url(../images/icon_arrow.gif) 0 0 no-repeat;
	margin:20px 0 -24px 0;
	right:40px;
	top:16px;
}

div.icon_arrow_2 {
	position:relative;
	height:24px;
	width:27px;
	background:url(../images/icon_arrow.gif) 0 0 no-repeat;
	margin:10px 0 -24px 0;
	right:40px;
	top:16px;
}

div.icon_team, div.icon_indi {
	position:relative;
	height:23px;
	width:23px;
	margin:20px 0 -23px 0;
	right:40px;
	top:17px;
}
div.icon_team { background:url(../images/icon_teams.gif) 0 0 no-repeat;}
div.icon_indi {	background:url(../images/icon_indi.gif) 0 0 no-repeat;}

div.icon_1, div.icon_2, div.icon_3 {
	position:relative;
	margin-top:20px;
	
	
}
div.icon_1 {background:url(../images/icon_1.gif) 0 0 no-repeat; width:30px; height:28px; margin-bottom:-28px; top:8px; right:37px;}
div.icon_2 {background:url(../images/icon_2.gif) 0 0 no-repeat; width:35px; height:30px; margin-bottom:-35px; top:3px; right:42px;}
div.icon_3 {background:url(../images/icon_3.gif) 0 0 no-repeat; width:36px; height:29px; margin-bottom:-29px; top:9px; right:42px;}

div.icon_rating_2, div.icon_rating_25{
	position:relative;
	height:18px;
	width:56px;
	margin:20px 0 -18px 0;
	right:70px;
	top:18px;
}
div.icon_rating_25 { background:url(../images/rating_2.5.gif) 0 0 no-repeat}
div.icon_rating_2 { background:url(../images/rating_2.gif) 0 0 no-repeat}

a.dl_pdf {
	display:inline-block;
	background:url(../images/arrow_s_down.gif) 82px 6px no-repeat;
	width:95px;
	text-decoration:none;
	color:#7a0bb5;
}

img.side_img {
	margin:60px 0 20px 0;
	
}

div#partners {
	padding:50px 0 0 0;
	line-height:24px;
	color:#606060;
}

div#p_alison div, div#p_julian div, div#p_sue div {
	float:left;
	margin:0 0 15px 0;
}

div#alison_img, div#julian_img, div#sue_img {
	width:251px;
	padding:5px 0 0 0;
}

div#alison_quote, div#sue_quote {
	padding:0 0 0 43px;
	width:502px;
}

div#julian_quote {
	padding:0 47px 0 0 ;
	width:502px;
}



div#alison_quote h2, div#julian_quote h2, div#sue_quote h2 {
	display:block;
	height:33px;
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 0;
	text-align:left;
}
div#alison_quote h2 {background:url(../images/h2_alisonhogan.gif) 0 0 no-repeat;	line-height:30px;	padding:0 0 0 175px;}
div#julian_quote h2 {background:url(../images/h2_julinpowe.gif) 0 0 no-repeat;	line-height:40px; padding:0 0 0 180px;}
div#sue_quote h2{background:url(../images/h2_sueholland.gif) 0 0 no-repeat;	line-height:30px;	padding:0 0 0 165px;}

div#alison_quote span, div#julian_quote span, div#sue_quote span {
	display:block;
	width:442px;
	line-height:30px;
	font-size:13px;
	text-align:left;
}
div#alison_quote span {	background:url(../images/quote_alison.gif) 0 0 no-repeat; height:134px;	padding:32px;}
div#julian_quote span {	background:url(../images/quote_julian.gif) 0 0 no-repeat; padding:25px 30px 30px 30px;}
div#sue_quote span {	background:url(../images/quote_sue.gif) 0 0 no-repeat; height:124px; padding:25px 30px 0 30px;}

div#alison_quote a, div#sue_quote a {
	display:block;
	text-align:right;
	padding:0 35px 0 0 ;
	background:url(../images/icon_arrow.gif) right no-repeat;
	height:50px;
	line-height:50px;
	color:#606060;
	text-decoration:none;
	font-size:14px;
	
}
div#julian_quote a {
	display:block;
	width:160px;
	text-align:left;
	padding:0 35px 0 0 ;
	background:url(../images/icon_arrow.gif) right no-repeat;
	height:50px;
	line-height:50px;
	color:#606060;
	text-decoration:none;
	font-size:14px;
	
}

span#side_quote_alison, span#side_quote_julian, span#side_quote_sue {
	width:190px;
	text-align:left;
	line-height:29px;
	margin:0 0 0 36px;
	display:block;
	color:#3e3e3e;
	padding:33px 30px 30px 33px;
}

span#side_quote_alison {	background:url(../images/quote_sie_alison.gif) 0 0 no-repeat;	height:298px;}
span#side_quote_julian {	background:url(../images/quote_side_julian.gif) 0 0 no-repeat; height:508px;}
span#side_quote_sue {	background:url(../images/quote_side_sue.gif) 0 0 no-repeat; height:201px;}

span.extra_lh {line-height:34px;}

.clear {clear:both; margin:0; padding:0; height:0; width:0;}
div#content
{
padding-bottom: 140px;
}

div#footer {
	position: relative;
	z-index:0;
	margin-top: -118px;
	height:118px;
	text-align:center;
	color:#636363;
	background-color: #ebeae1;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
div#footer_container {
	width:800px;
	margin:0 auto;
}
div#footer_container div#copyright {
	width:400px;
	float:left;
	height:85px;
	line-height:13px;
	text-align:left;
	color:#a1cdda;
	padding:33px 0 0 0;
}
div#footer_container div#copyright span {display:block; height:37px;}
div#footer_container div#copyright div#footer_anchor {
	width:260px;
	height:48px;
	background:url(../images/footer_anchor.gif) 0 7px no-repeat;
	color:#fff;
	padding:0 0 0 140px;
	line-height:18px;
}
div#footer_container div#copyright div#footer_anchor a {color:#fff; text-decoration:none;}
div#footer_container div#copyright div#footer_anchor a:hover {text-decoration:underline;}

div#footer_container div#bloomingdigital {
	width:400px;
	float:left;
	text-align:right;
	padding:0;
}
div#footer_container div#bloomingdigital span {
	display:block;
	height:37px;
	padding:33px 0 0 0;
}
div#footer_container div#bloomingdigital span a.tick, div#footer_container div#bloomingdigital span a.tick_css {
	display:block;
	float:right;
	color:#a1cdda;
	background:url(../images/tick.gif) 0 0 no-repeat;
	margin:0 0 0 15px;
	text-decoration:none;
}
div#footer_container div#bloomingdigital span a.tick_css {width:35px;}
div#footer_container div#bloomingdigital span a.tick {width:45px;}

div#footer_container div#bloomingdigital a.bloomingdigital_link {
	display:block;
	height:48px;
	width:250px;
	margin:0 0 0 150px;
	background:url(../images/footer_bloomingdigital.gif) right 8px no-repeat;
	}
	
	/*-------------------METHODOLOGY-----------------------*/
	
div#methodology {
	position:relative;
	text-align:left;
	width:800px;
	padding:33px 0 0 0;
	line-height:24px;
	color:#3e3e3e;
	background:url(../images/method_img_1.gif) right 50px no-repeat;
	}
	


  div#method_img_3 a, div#method_img_2 a{
		display:block;
		position:relative;
		width:800px;
		background:none;
		z-index:6;
		cursor:pointer;
		}
		
	div#method_img_2 a {
		width:152px; height:152px;
		margin-bottom:-152px;
		}

		
div#methodology a#connection {  right:370px; bottom:213px;}
div#methodology a#context { right:218px; bottom:213px;}
div#methodology a#comunication {  right:370px; bottom:61px;}
div#methodology a#character {  right:218px; bottom:61px;}

div#methodology a#make_choices { left:318px; bottom:233px; width:322px; height:152px;		margin-bottom:-152px; }
div#methodology a#assess_impact {left:640px; bottom:233px; width:172px; height:273px;		margin-bottom:-273px;}
div#methodology a#take_responsibility { left:273px; bottom:81px; width:172px; height:202px;		margin-bottom:-202px; }
div#methodology a#build_awarness {  left:445px; top:40px; width:367px; height:152px;		margin-bottom:-152px;}

div#method_img_2 div, div#method_img_3 div {
	position:relative;
	z-index:5;
	color:#3c6592;
}
div#method_img_2 div#point {
	background:url(../images/method_point.png) 0 0 no-repeat;
	height:152px;
	margin-bottom:-152px;
	margin-right:-260px;
	width:230px;
	right:150px;
	bottom:300px;
	padding:0 0 0 30px;
	line-height:70px;
}
div#method_img_2 div#quote_character {
	visibility:hidden;
	background:url(../images/method_quote_charater.png) 0 0 no-repeat;
	height:105px;
	margin-bottom:-170px;
	width:390px;
	right:350px;
	bottom:20px;
	padding:65px 25px 0 25px;
	line-height:22px;
}
div#method_img_2 div#quote_communication {
	visibility:hidden;
	background:url(../images/method_quote_connection.png) 0 0 no-repeat;
	height:69px;
	margin-bottom:-116px;
	width:313px;
	right:460px;
	top:20px;
	padding:47px 25px 0 25px;
	line-height:22px;
}
div#method_img_2 div#quote_connection {
	visibility:hidden;
	background:url(../images/method_quote_communication.png) 0 0 no-repeat;
	height:144px;
	margin-bottom:-159px;
	width:364px;
	right:465px;
	bottom:275px;
	padding:15px 25px 0 25px;
	line-height:22px;
}
div#method_img_2 div#quote_context {
	visibility:hidden;
	background:url(../images/method_quote_context.png) 0 0 no-repeat;
	height:145px;
	margin-bottom:-160px;
	width:323px;
	right:250px;
	bottom:305px;
	padding:15px 25px 0 25px;
	line-height:22px;
}

div#method_img_3 div#quote_choices {
	visibility:hidden;
	background:url(../images/method_choices.png) 0 0 no-repeat;
	height:102px;
	margin-bottom:-120px;
	width:336px;
	left:275px;
	bottom:275px;
	padding:18px 25px 0 25px;
	line-height:22px;
}

div#method_img_3 div#quote_assess {
	visibility:hidden;
	background:url(../images/method_asses.png) 0 0 no-repeat;
	height:126px;
	margin-bottom:-134px;
	width:433px;
	left:370px;
	bottom:255px;
	padding:18px 25px 0 25px;
	line-height:22px;
}
div#method_img_3 div#quote_responsibility {
	visibility:hidden;
	background:url(../images/method_responsibility.png) 0 0 no-repeat;
	height:91px;
	margin-bottom:-131px;
	width:469px;
	left:80px;
	top:85px;
	padding:40px 25px 0 25px;
	line-height:22px;
}

div#method_img_3 div#quote_awarness {
	visibility:hidden;
	background:url(../images/method_awarness.png) 0 0 no-repeat;
	height:96px;
	margin-bottom:-130px;
	width:412px;
	left:400px;
	top:130px;
	padding:38px 25px 0 25px;
	line-height:22px;
}
	
	div#methodology span {
		display:block;
		border:1px dashed #999;
		padding:20px;
		
	}
	
	div#methodology span.one {width:375px;margin:38px 0 0 0; font-size:13px;}
	div#methodology span.two {margin:38px 0 0 0; font-size:13px;}
	div#methodology span.three {width:210px;margin:5px 0 0 0; font-size:13px;}
	
div#method_img_2 {
	width:430px;
	position:relative;
	bottom:30px;
	background:url(../images/method_img_2.gif) 0 130px no-repeat;
	padding:147px 0 90px 370px;
}
div#method_img_3 {
	width:800px;
	position:relative;
	background:url(../images/method_img_3.gif) right 0 no-repeat;
	padding:50px 0 0 0;
	height:400px;

}

h2#h_leaders, h2#h_teams, h2#h_org {
	display:block;
	margin:30px 0 0 0;
	padding:0;
	position:relative;
	width:492px;
	height:49px;
	right:55px;
	background-position: 0 0;
	background-repeat:no-repeat;
}
h2#h_leaders span, h2#h_teams span, h2#h_org span {
	display:none;
}
h2#h_leaders {background-image:url(../images/case_leaders.gif)}
h2#h_teams {background-image:url(../images/case_teams.gif)}
h2#h_org {background-image:url(../images/case_org.gif)}

span.case_title {
	font-size:15px;
	font-weight:bold;
	display:block;
	margin:20px 0 -8px 0;
	color:#3b6e86;
}

span.case_jump {
	display:block;
	text-align:right;
	color:#7a0bb5;
	font-size:13px;
	margin:20px 0 5px 0;

}

div#case_links {
	border-bottom:1px dashed #999;
	border-top:1px dashed #999;
	width:252px;
	margin:0 0 0 37px;
	padding:10px 0 10px 0;

}

div#case_links a {
	display:block;
	height:53px;
	width:245px;

}

div#case_links a#link_leaders {background:url(../images/case_links_leaders.gif) 0 0 no-repeat}
div#case_links a#link_leaders:hover {background-position: 0 -53px;}
div#case_links a#link_teams {background:url(../images/case_links_teams.gif) 0 0 no-repeat}
div#case_links a#link_teams:hover {background-position: 0 -53px;}
div#case_links a#link_org {background:url(../images/case_links_org.gif) 0 0 no-repeat}
div#case_links a#link_org:hover {background-position: 0 -53px;}

h2#someclients {
	display:block;
	height:46px;
	width:245px;
	margin:30px 0 0 37px;
	background:url(../images/someclients.gif) right 0 no-repeat;

}h2#someclients span {display:none}


ul#clients_list {
	list-style:none;
	display:block;
	margin:20px 0 0 37px;
	padding:0 0 30px 0;
	text-align:right;
	color:#447e99;
	line-height:25px;
	border-bottom:1px dashed #999;

}

ul#clients_list li {

	display:block;
	padding:0 7px 0 0;
}

span#phone, a#email {
	display:block;
	float:left;
	position:relative;
	height:130px;
	line-height:130px;
}
span#phone {
	background:url(../images/icon_phone.gif) left center no-repeat;
	right:40px;
	padding-left:40px;
	}
	a#email {
	background:url(../images/icon_mail.gif) left center no-repeat;
	padding-left:60px;
	color:#7a0bb5;
	text-decoration:none;
	}
	
	div#contact {
	width:443px;
	padding:40px 11px 20px 6px;
	text-align:left;
	border-bottom:1px dashed #999;
}

p.partner_emails {
display:block;
float:left;
}