/* CSS Document */

@import url("normalize.css");
@import url("type.css");

body {
	background: #E5f2f1 url(../images/bgd_horiz_strip_spring.gif) repeat-x 0 153px;
	font-family: Tahoma, Verdana;
}
#page {
	width: 778px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------------------- Branding ------------------------- */
#branding {
	width: 778px;
	height: 89px;
}

#logo {
	background-image: url(../images/logo.gif);
	height: 89px;
	width: 250px;
	float: left;
}

#logo a:link, #logo a:active, #logo a:visited {
	text-indent: -3000px;
	display: block;
	height: 89px;
}


/** Toolbar **/

#toolbar {
	float: right;
	width: 336px;
	margin-top: 30px;
}

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

#toolbar ul li{
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#toolbar ul li a{
	color: #008472;
	text-decoration: none;
	text-align: center;
	border-left: 1px dotted #008472;
	display: inline;
	float: left;
	width: 106px;
	padding: 0;
	margin: 0;
	font-size: 11px;
} 

#toolbar ul li a:hover, #toolbar ul li a:focus{
	text-decoration: underline;
}

body#home a#toolbar_home, 
	body#about a#toolbar_about, 
	body#contact a#toolbar_contact {
	font-weight: bold;
}


/** Nav **/

#nav_main {
	width: 750px;
	margin: 0 auto;
	margin-bottom: 10px;
	display: block;
	height: 53px;
}

#nav_main li {
	float: left;
}

#nav_main li a {
	display: block;
	height: 53px;
	width: 107px;
	background-image: url('../images/navigation.gif');
	text-indent: -9999px;
}

#nav_main li a#nav_insideout {
	background-position: 0 0;	
	width: 108px;
}

a#nav_insight {
	background-position: -108px 0;	
}

a#nav_training {
	background-position: -215px 0;	
}

a#nav_profiling {
	background-position: -322px 0;	
}

a#nav_consultancy {
	background-position: -429px 0;	
}

a#nav_interim {
	background-position: -536px 0;	
}

a#nav_conferences {
	background-position: -643px 0;	
}

#nav_main li a#nav_insideout:hover, body#insideout #nav_main li a#nav_insideout {
	background-position: 0 -54px;	
	width: 108px;
}

a#nav_insight:hover, body#insight a#nav_insight {
	background-position: -108px -54px;	
}

a#nav_training:hover, body#training a#nav_training {
	background-position: -215px -54px;	
}

a#nav_profiling:hover, body#profiling a#nav_profiling {
	background-position: -322px -54px;	
}

a#nav_consultancy:hover, body#consultancy a#nav_consultancy {
	background-position: -429px -54px;	
}

a#nav_interim:hover, body#interim a#nav_interim {
	background-position: -536px -54px;	
}

a#nav_conferences:hover, body#conferences a#nav_conferences {
	background-position: -643px -54px;	
}


/* ---------------------------------- Hero  ------------------------- */
.hero {
	background: url(../images/hero.gif) no-repeat;
	height: 344px;
	width: 750px;
	margin: 0 auto;
	margin-bottom: 10px;
	clear: both;
	text-indent: -9999px;
}

#hero_home { text-indent: 0; text-align: left; padding-top: 1px; }
#hero_21cee { background: url(../images/hero_21cee.jpg) no-repeat; }
#hero_consultancy { background: url(../images/hero_consultancy.jpg) no-repeat; }
#hero_contact { background: url(../images/hero_contact.jpg) no-repeat; }
#hero_mediation { background: url(../images/hero_mediation2.jpg) no-repeat; }
#hero_pat { background: url(../images/hero_pat.jpg) no-repeat; }
#hero_tp { background: url(../images/hero_tp.jpg) no-repeat; }
#hero_training { background: url(../images/hero_training2.jpg) no-repeat; }
#hero_workshops { background: url(../images/hero_workshops.jpg) no-repeat; }

/* ---------------------------------- Content ------------------------- */
#content {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	text-align: left;
}

#content_main {
	width: 511px;
	float: left;
}

#content_main .divider {
	border-bottom: 1px dotted #656578;
}

/* ---------------------------------- Content blocks ------------------------- */
.content_block {
	margin: 0 17px 0 17px;
	padding: 0 0 6px 0;
	clear: both;
}

.content_block img {
	float: left;
	padding-right: 10px;
}

.content_block .col2 {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	width: 220px;
}

.content_block .col3 {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	width: 141px;
}

div#content ul {
	padding: 0 0 22px 15px;
}

.vcard {
	width: auto;
	float: left;	
}

.geo {
	display: none;	
}

.map {
	float: right;
	margin-left: 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}



span.small {
	width: auto;
	display: block;
	clear: both;
	font-size: 9px;
	font-style: italic;	
}


/* --------------------------- Supporting content ---------------------- */
#content_sub {
	width: 237px;
	float: left;
	margin-left: 1px;
	margin-bottom: 20px;
}

.sub_container {
	background: #e5f2f1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 0 16px 0;
	margin-bottom: 16px;
}

.sub_container h2 {
	padding: 13px 13px 10px 13px;
}

.sub_container h3, .sub_container p, .sub_container form {
	margin: 4px 13px 4px 14px;
}

.sub_container ul {
	margin: 4px 13px 0 17px;
}
 
.sub_container .divider {
	border-bottom: 1px solid #d5d5d5;
}

.sub_container .block {
	display: block;
	padding-bottom: 4px;
	padding-top: 20px;
	clear: both;
}

.sub_image {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* ---------------------------------- Footer ------------------------- */
#footer {
	clear: both;
	border-top: 1px solid #d2d2d2;
	padding: 30px 30px 40px 30px;
	margin-top: 10px;
	text-align: left;
	font-size: 11px;
	color: #9a9a9a;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #036D90;
	text-decoration: none;
}

#footer span {
	float: left;
}

#footer span#credits {
	float: right;
}